{"id":290,"date":"2025-10-19T20:39:03","date_gmt":"2025-10-19T12:39:03","guid":{"rendered":"https:\/\/weilai-future.top\/?p=290"},"modified":"2025-10-19T20:45:53","modified_gmt":"2025-10-19T12:45:53","slug":"wordpress-%e7%ae%80%e7%a0%81-%e6%96%87%e5%ad%97%e5%b1%95%e7%a4%ba","status":"publish","type":"post","link":"https:\/\/weilai-future.top\/index.php\/2025\/10\/19\/wordpress-%e7%ae%80%e7%a0%81-%e6%96%87%e5%ad%97%e5%b1%95%e7%a4%ba\/","title":{"rendered":"wordpress \u7b80\u7801-\u6587\u5b57\u5c55\u793a"},"content":{"rendered":"\n<p>AI\u771f\u7684\u592a\u597d\u7528\u4e86\u4f60\u77e5\u9053\u5417\uff1f<\/p>\n\n\n\n<div class=\"wp-block-group alignwide is-style-section-1 is-layout-grid wp-container-core-group-is-layout-478b6e6b wp-block-group-is-layout-grid is-style-section-1--1\">\n<h1 class=\"wp-block-heading wp-container-content-492a994e\"><strong><em>\u6e90\u7801<\/em><\/strong><\/h1>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity wp-container-content-516f2167\"\/>\n<\/div>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro alignwide padding-bottom-disabled\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:1rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;line-height:1.25rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#272822\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#F8F8F2;display:none\" aria-label=\"\u590d\u5236\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>&lt;?php\n\/\/ \u5728\u4e3b\u9898\u7684functions.php\u6587\u4ef6\u4e2d\u6dfb\u52a0\u4ee5\u4e0b\u4ee3\u7801\n\n\/\/ \u6ce8\u518c\u6240\u6709\u6587\u5b57\u6548\u679c\u7b80\u7801\nfunction register_text_effects_shortcodes() {\n    \/\/ \u6e10\u53d8\u8272\u6587\u5b57 - \u652f\u6301\u5d4c\u5957\u7248\u672c\n    add_shortcode('gradient_text_n', 'gradient_text_nested_shortcode');\n    \n    \/\/ \u6253\u5b57\u673a\u6548\u679c - \u652f\u6301\u5d4c\u5957\u7248\u672c\n    add_shortcode('typewriter_text_n', 'typewriter_text_nested_shortcode');\n    \n    \/\/ \u6587\u5b57\u9634\u5f71\u6548\u679c - \u652f\u6301\u5d4c\u5957\u7248\u672c\n    add_shortcode('shadow_text_n', 'shadow_text_nested_shortcode');\n    \n    \/\/ \u9713\u8679\u706f\u6587\u5b57 - \u652f\u6301\u5d4c\u5957\u7248\u672c\n    add_shortcode('neon_text_n', 'neon_text_nested_shortcode');\n    \n    \/\/ 3D\u7acb\u4f53\u6587\u5b57 - \u652f\u6301\u5d4c\u5957\u7248\u672c\n    add_shortcode('text_3d_n', 'text_3d_nested_shortcode');\n    \n    \/\/ \u6587\u5b57\u9ad8\u4eae\u6548\u679c - \u652f\u6301\u5d4c\u5957\u7248\u672c\n    add_shortcode('highlight_text_n', 'highlight_text_nested_shortcode');\n}\nadd_action('init', 'register_text_effects_shortcodes');\n\n\/\/ \u6e10\u53d8\u8272\u6587\u5b57\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09\nfunction gradient_text_nested_shortcode($atts, $content = null) {\n    $atts = shortcode_atts(array(\n        'color1' => '#ff0000',\n        'color2' => '#0000ff',\n        'size' => '24px',\n        'align' => 'center'\n    ), $atts);\n    \n    $id = 'gradient-text-' . uniqid();\n    \n    $output = '&lt;style>\n        #' . $id . ' {\n            font-size: ' . $atts&#91;'size'&#93; . ';\n            font-weight: bold;\n            background: linear-gradient(45deg, ' . $atts&#91;'color1'&#93; . ', ' . $atts&#91;'color2'&#93; . ');\n            -webkit-background-clip: text;\n            -webkit-text-fill-color: transparent;\n            text-align: ' . $atts&#91;'align'&#93; . ';\n            margin: 10px 0;\n            display: inline-block;\n        }\n    &lt;\/style>';\n    \n    $output .= '&lt;span id=\"' . $id . '\">' . do_shortcode($content) . '&lt;\/span>';\n    \n    return $output;\n}\n\n\/\/ \u6253\u5b57\u673a\u6548\u679c\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09\nfunction typewriter_text_nested_shortcode($atts, $content = null) {\n    $atts = shortcode_atts(array(\n        'color' => '#333',\n        'size' => '24px',\n        'cursor' => 'true'\n    ), $atts);\n    \n    $id = 'typewriter-' . uniqid();\n    \n    $output = '&lt;style>\n        #' . $id . ' {\n            font-size: ' . $atts&#91;'size'&#93; . ';\n            color: ' . $atts&#91;'color'&#93; . ';\n            font-family: monospace;\n            overflow: hidden;\n            border-right: ' . ($atts&#91;'cursor'&#93; == 'true' ? '3px solid ' . $atts&#91;'color'&#93; : 'none') . ';\n            white-space: nowrap;\n            margin: 0;\n            letter-spacing: 2px;\n            animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;\n            display: inline-block;\n        }\n        \n        @keyframes typing {\n            from { width: 0 }\n            to { width: 100% }\n        }\n        \n        @keyframes blink-caret {\n            from, to { border-color: transparent }\n            50% { border-color: ' . $atts&#91;'color'&#93; . '; }\n        }\n    &lt;\/style>';\n    \n    $output .= '&lt;span id=\"' . $id . '\">' . do_shortcode($content) . '&lt;\/span>';\n    \n    return $output;\n}\n\n\/\/ \u6587\u5b57\u9634\u5f71\u6548\u679c\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09\nfunction shadow_text_nested_shortcode($atts, $content = null) {\n    $atts = shortcode_atts(array(\n        'color' => '#333',\n        'shadow_color' => '#aaa',\n        'size' => '32px',\n        'blur' => '10px'\n    ), $atts);\n    \n    $id = 'shadow-text-' . uniqid();\n    \n    $output = '&lt;style>\n        #' . $id . ' {\n            font-size: ' . $atts&#91;'size'&#93; . ';\n            color: ' . $atts&#91;'color'&#93; . ';\n            text-shadow: 2px 2px ' . $atts&#91;'blur'&#93; . ' ' . $atts&#91;'shadow_color'&#93; . ';\n            font-weight: bold;\n            margin: 0;\n            display: inline-block;\n        }\n    &lt;\/style>';\n    \n    $output .= '&lt;span id=\"' . $id . '\">' . do_shortcode($content) . '&lt;\/span>';\n    \n    return $output;\n}\n\n\/\/ \u9713\u8679\u706f\u6587\u5b57\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09\nfunction neon_text_nested_shortcode($atts, $content = null) {\n    $atts = shortcode_atts(array(\n        'color' => '#fff',\n        'glow_color' => '#0ff',\n        'size' => '40px'\n    ), $atts);\n    \n    $id = 'neon-text-' . uniqid();\n    \n    $output = '&lt;style>\n        #' . $id . ' {\n            font-size: ' . $atts&#91;'size'&#93; . ';\n            color: ' . $atts&#91;'color'&#93; . ';\n            text-shadow: 0 0 5px ' . $atts&#91;'color'&#93; . ', 0 0 10px ' . $atts&#91;'color'&#93; . ', 0 0 20px ' . $atts&#91;'glow_color'&#93; . ', 0 0 40px ' . $atts&#91;'glow_color'&#93; . ', 0 0 80px ' . $atts&#91;'glow_color'&#93; . ';\n            font-weight: bold;\n            margin: 0;\n            display: inline-block;\n            animation: neon-flicker 2s infinite alternate;\n        }\n        \n        @keyframes neon-flicker {\n            0%, 18%, 22%, 25%, 53%, 57%, 100% {\n                text-shadow: 0 0 5px ' . $atts&#91;'color'&#93; . ', 0 0 10px ' . $atts&#91;'color'&#93; . ', 0 0 20px ' . $atts&#91;'glow_color'&#93; . ', 0 0 40px ' . $atts&#91;'glow_color'&#93; . ', 0 0 80px ' . $atts&#91;'glow_color'&#93; . ';\n            }\n            20%, 24%, 55% {\n                text-shadow: none;\n            }\n        }\n    &lt;\/style>';\n    \n    $output .= '&lt;span id=\"' . $id . '\">' . do_shortcode($content) . '&lt;\/span>';\n    \n    return $output;\n}\n\n\/\/ 3D\u7acb\u4f53\u6587\u5b57\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09\nfunction text_3d_nested_shortcode($atts, $content = null) {\n    $atts = shortcode_atts(array(\n        'color' => '#3498db',\n        'depth' => '5',\n        'size' => '36px'\n    ), $atts);\n    \n    $id = 'text-3d-' . uniqid();\n    \n    $output = '&lt;style>\n        #' . $id . ' {\n            font-size: ' . $atts&#91;'size'&#93; . ';\n            color: ' . $atts&#91;'color'&#93; . ';\n            font-weight: bold;\n            text-transform: uppercase;\n            position: relative;\n            margin: 0;\n            display: inline-block;\n            letter-spacing: 2px;\n            transform: perspective(500px) rotateX(25deg);\n        }\n        \n        #' . $id . ':before {\n            content: \"' . esc_attr(do_shortcode($content)) . '\";\n            position: absolute;\n            top: ' . $atts&#91;'depth'&#93; . 'px;\n            left: 0;\n            color: rgba(0,0,0,0.2);\n            z-index: -1;\n            transform: skewX(45deg) translateZ(-10px);\n            filter: blur(2px);\n            width: 100%;\n        }\n    &lt;\/style>';\n    \n    $output .= '&lt;span id=\"' . $id . '\">' . do_shortcode($content) . '&lt;\/span>';\n    \n    return $output;\n}\n\n\/\/ \u6587\u5b57\u9ad8\u4eae\u6548\u679c\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09\nfunction highlight_text_nested_shortcode($atts, $content = null) {\n    $atts = shortcode_atts(array(\n        'color' => '#ffeb3b',\n        'text_color' => '#000',\n        'padding' => '5px 10px'\n    ), $atts);\n    \n    $id = 'highlight-text-' . uniqid();\n    \n    $output = '&lt;style>\n        #' . $id . ' {\n            background-color: ' . $atts&#91;'color'&#93; . ';\n            color: ' . $atts&#91;'text_color'&#93; . ';\n            padding: ' . $atts&#91;'padding'&#93; . ';\n            border-radius: 4px;\n            display: inline-block;\n            font-weight: bold;\n            position: relative;\n            overflow: hidden;\n        }\n        \n        #' . $id . ':after {\n            content: \"\";\n            position: absolute;\n            top: 0;\n            left: -100%;\n            width: 100%;\n            height: 100%;\n            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);\n            animation: shine 3s infinite;\n        }\n        \n        @keyframes shine {\n            0% { left: -100%; }\n            100% { left: 100%; }\n        }\n    &lt;\/style>';\n    \n    $output .= '&lt;span id=\"' . $id . '\">' . do_shortcode($content) . '&lt;\/span>';\n    \n    return $output;\n}<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki monokai\" style=\"background-color: #272822\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #F92672\">&lt;?<\/span><span style=\"color: #AE81FF\">php<\/span><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/\/ \u5728\u4e3b\u9898\u7684functions.php\u6587\u4ef6\u4e2d\u6dfb\u52a0\u4ee5\u4e0b\u4ee3\u7801<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/\/ \u6ce8\u518c\u6240\u6709\u6587\u5b57\u6548\u679c\u7b80\u7801<\/span><\/span>\n<span class=\"line\"><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">register_text_effects_shortcodes<\/span><span style=\"color: #F8F8F2\">() {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #88846F\">\/\/ \u6e10\u53d8\u8272\u6587\u5b57 - \u652f\u6301\u5d4c\u5957\u7248\u672c<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #A6E22E\">add_shortcode<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;gradient_text_n&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #E6DB74\">&#39;gradient_text_nested_shortcode&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #88846F\">\/\/ \u6253\u5b57\u673a\u6548\u679c - \u652f\u6301\u5d4c\u5957\u7248\u672c<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #A6E22E\">add_shortcode<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;typewriter_text_n&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #E6DB74\">&#39;typewriter_text_nested_shortcode&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #88846F\">\/\/ \u6587\u5b57\u9634\u5f71\u6548\u679c - \u652f\u6301\u5d4c\u5957\u7248\u672c<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #A6E22E\">add_shortcode<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;shadow_text_n&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #E6DB74\">&#39;shadow_text_nested_shortcode&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #88846F\">\/\/ \u9713\u8679\u706f\u6587\u5b57 - \u652f\u6301\u5d4c\u5957\u7248\u672c<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #A6E22E\">add_shortcode<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;neon_text_n&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #E6DB74\">&#39;neon_text_nested_shortcode&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #88846F\">\/\/ 3D\u7acb\u4f53\u6587\u5b57 - \u652f\u6301\u5d4c\u5957\u7248\u672c<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #A6E22E\">add_shortcode<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;text_3d_n&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #E6DB74\">&#39;text_3d_nested_shortcode&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #88846F\">\/\/ \u6587\u5b57\u9ad8\u4eae\u6548\u679c - \u652f\u6301\u5d4c\u5957\u7248\u672c<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #A6E22E\">add_shortcode<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;highlight_text_n&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #E6DB74\">&#39;highlight_text_nested_shortcode&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><span style=\"color: #A6E22E\">add_action<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #E6DB74\">&#39;init&#39;<\/span><span style=\"color: #F8F8F2\">, <\/span><span style=\"color: #E6DB74\">&#39;register_text_effects_shortcodes&#39;<\/span><span style=\"color: #F8F8F2\">);<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/\/ \u6e10\u53d8\u8272\u6587\u5b57\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09<\/span><\/span>\n<span class=\"line\"><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">gradient_text_nested_shortcode<\/span><span style=\"color: #F8F8F2\">($atts, $content <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">null<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $atts <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">shortcode_atts<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #66D9EF\">array<\/span><span style=\"color: #F8F8F2\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;color1&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;#ff0000&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;color2&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;#0000ff&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;size&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;24px&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;align&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;center&#39;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    ), $atts);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $id <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;gradient-text-&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">uniqid<\/span><span style=\"color: #F8F8F2\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;style&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        #&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            font-size: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;size&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            font-weight: bold;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            background: linear-gradient(45deg, &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color1&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;, &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color2&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            -webkit-background-clip: text;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            -webkit-text-fill-color: transparent;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            text-align: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;align&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            margin: 10px 0;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            display: inline-block;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">    &lt;\/style&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">.=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;span id=&quot;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&quot;&gt;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">do_shortcode<\/span><span style=\"color: #F8F8F2\">($content) <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;\/span&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #F92672\">return<\/span><span style=\"color: #F8F8F2\"> $output;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/\/ \u6253\u5b57\u673a\u6548\u679c\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09<\/span><\/span>\n<span class=\"line\"><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">typewriter_text_nested_shortcode<\/span><span style=\"color: #F8F8F2\">($atts, $content <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">null<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $atts <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">shortcode_atts<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #66D9EF\">array<\/span><span style=\"color: #F8F8F2\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;#333&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;size&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;24px&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;cursor&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;true&#39;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    ), $atts);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $id <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;typewriter-&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">uniqid<\/span><span style=\"color: #F8F8F2\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;style&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        #&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            font-size: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;size&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            color: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            font-family: monospace;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            overflow: hidden;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            border-right: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> ($atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;cursor&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">==<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;true&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">?<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;3px solid &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">:<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;none&#39;<\/span><span style=\"color: #F8F8F2\">) <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            white-space: nowrap;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            margin: 0;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            letter-spacing: 2px;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            display: inline-block;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        <\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        @keyframes typing {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            from { width: 0 }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            to { width: 100% }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        <\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        @keyframes blink-caret {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            from, to { border-color: transparent }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            50% { border-color: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;; }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">    &lt;\/style&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">.=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;span id=&quot;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&quot;&gt;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">do_shortcode<\/span><span style=\"color: #F8F8F2\">($content) <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;\/span&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #F92672\">return<\/span><span style=\"color: #F8F8F2\"> $output;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/\/ \u6587\u5b57\u9634\u5f71\u6548\u679c\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09<\/span><\/span>\n<span class=\"line\"><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">shadow_text_nested_shortcode<\/span><span style=\"color: #F8F8F2\">($atts, $content <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">null<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $atts <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">shortcode_atts<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #66D9EF\">array<\/span><span style=\"color: #F8F8F2\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;#333&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;shadow_color&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;#aaa&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;size&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;32px&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;blur&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;10px&#39;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    ), $atts);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $id <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;shadow-text-&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">uniqid<\/span><span style=\"color: #F8F8F2\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;style&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        #&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            font-size: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;size&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            color: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            text-shadow: 2px 2px &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;blur&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39; &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;shadow_color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            font-weight: bold;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            margin: 0;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            display: inline-block;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">    &lt;\/style&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">.=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;span id=&quot;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&quot;&gt;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">do_shortcode<\/span><span style=\"color: #F8F8F2\">($content) <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;\/span&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #F92672\">return<\/span><span style=\"color: #F8F8F2\"> $output;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/\/ \u9713\u8679\u706f\u6587\u5b57\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09<\/span><\/span>\n<span class=\"line\"><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">neon_text_nested_shortcode<\/span><span style=\"color: #F8F8F2\">($atts, $content <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">null<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $atts <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">shortcode_atts<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #66D9EF\">array<\/span><span style=\"color: #F8F8F2\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;#fff&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;glow_color&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;#0ff&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;size&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;40px&#39;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    ), $atts);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $id <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;neon-text-&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">uniqid<\/span><span style=\"color: #F8F8F2\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;style&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        #&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            font-size: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;size&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            color: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            text-shadow: 0 0 5px &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;, 0 0 10px &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;, 0 0 20px &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;glow_color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;, 0 0 40px &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;glow_color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;, 0 0 80px &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;glow_color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            font-weight: bold;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            margin: 0;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            display: inline-block;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            animation: neon-flicker 2s infinite alternate;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        <\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        @keyframes neon-flicker {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            0%, 18%, 22%, 25%, 53%, 57%, 100% {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">                text-shadow: 0 0 5px &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;, 0 0 10px &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;, 0 0 20px &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;glow_color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;, 0 0 40px &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;glow_color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;, 0 0 80px &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;glow_color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            20%, 24%, 55% {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">                text-shadow: none;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">    &lt;\/style&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">.=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;span id=&quot;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&quot;&gt;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">do_shortcode<\/span><span style=\"color: #F8F8F2\">($content) <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;\/span&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #F92672\">return<\/span><span style=\"color: #F8F8F2\"> $output;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/\/ 3D\u7acb\u4f53\u6587\u5b57\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09<\/span><\/span>\n<span class=\"line\"><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">text_3d_nested_shortcode<\/span><span style=\"color: #F8F8F2\">($atts, $content <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">null<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $atts <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">shortcode_atts<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #66D9EF\">array<\/span><span style=\"color: #F8F8F2\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;#3498db&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;depth&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;5&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;size&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;36px&#39;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    ), $atts);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $id <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;text-3d-&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">uniqid<\/span><span style=\"color: #F8F8F2\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;style&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        #&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            font-size: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;size&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            color: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            font-weight: bold;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            text-transform: uppercase;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            position: relative;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            margin: 0;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            display: inline-block;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            letter-spacing: 2px;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            transform: perspective(500px) rotateX(25deg);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        <\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        #&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;:before {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            content: &quot;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">esc_attr<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #A6E22E\">do_shortcode<\/span><span style=\"color: #F8F8F2\">($content)) <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&quot;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            position: absolute;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            top: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;depth&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;px;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            left: 0;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            color: rgba(0,0,0,0.2);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            z-index: -1;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            transform: skewX(45deg) translateZ(-10px);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            filter: blur(2px);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            width: 100%;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">    &lt;\/style&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">.=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;span id=&quot;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&quot;&gt;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">do_shortcode<\/span><span style=\"color: #F8F8F2\">($content) <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;\/span&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #F92672\">return<\/span><span style=\"color: #F8F8F2\"> $output;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span>\n<span class=\"line\"><\/span>\n<span class=\"line\"><span style=\"color: #88846F\">\/\/ \u6587\u5b57\u9ad8\u4eae\u6548\u679c\u7b80\u7801\uff08\u5d4c\u5957\u7248\u672c\uff09<\/span><\/span>\n<span class=\"line\"><span style=\"color: #66D9EF; font-style: italic\">function<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">highlight_text_nested_shortcode<\/span><span style=\"color: #F8F8F2\">($atts, $content <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #AE81FF\">null<\/span><span style=\"color: #F8F8F2\">) {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $atts <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">shortcode_atts<\/span><span style=\"color: #F8F8F2\">(<\/span><span style=\"color: #66D9EF\">array<\/span><span style=\"color: #F8F8F2\">(<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;#ffeb3b&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;text_color&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;#000&#39;<\/span><span style=\"color: #F8F8F2\">,<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">        <\/span><span style=\"color: #E6DB74\">&#39;padding&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">=&gt;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;5px 10px&#39;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    ), $atts);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $id <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;highlight-text-&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #66D9EF\">uniqid<\/span><span style=\"color: #F8F8F2\">();<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;style&gt;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        #&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39; {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            background-color: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            color: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;text_color&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            padding: &#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $atts&#91;<\/span><span style=\"color: #E6DB74\">&#39;padding&#39;<\/span><span style=\"color: #F8F8F2\">&#93; <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            border-radius: 4px;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            display: inline-block;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            font-weight: bold;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            position: relative;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            overflow: hidden;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        <\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        #&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;:after {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            content: &quot;&quot;;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            position: absolute;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            top: 0;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            left: -100%;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            width: 100%;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            height: 100%;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.4), transparent);<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            animation: shine 3s infinite;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        <\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        @keyframes shine {<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            0% { left: -100%; }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">            100% { left: 100%; }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">        }<\/span><\/span>\n<span class=\"line\"><span style=\"color: #E6DB74\">    &lt;\/style&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    $output <\/span><span style=\"color: #F92672\">.=<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;span id=&quot;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> $id <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&quot;&gt;&#39;<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #A6E22E\">do_shortcode<\/span><span style=\"color: #F8F8F2\">($content) <\/span><span style=\"color: #F92672\">.<\/span><span style=\"color: #F8F8F2\"> <\/span><span style=\"color: #E6DB74\">&#39;&lt;\/span&gt;&#39;<\/span><span style=\"color: #F8F8F2\">;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">    <\/span><span style=\"color: #F92672\">return<\/span><span style=\"color: #F8F8F2\"> $output;<\/span><\/span>\n<span class=\"line\"><span style=\"color: #F8F8F2\">}<\/span><\/span><\/code><\/pre><span style=\"display:flex;align-items:flex-end;padding:10px;width:100%;justify-content:flex-end;background-color:#272822;color:#efefe1;font-size:12px;line-height:1;position:relative\">PHP<\/span><\/div>\n\n\n\n<div class=\"wp-block-group alignwide is-style-section-1 is-layout-grid wp-container-core-group-is-layout-478b6e6b wp-block-group-is-layout-grid is-style-section-1--2\">\n<h1 class=\"wp-block-heading wp-container-content-492a994e\"><strong><em>\u4f7f\u7528\u6307\u5357<\/em><\/strong><\/h1>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity wp-container-content-516f2167\"\/>\n<\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"zh-CN\">\n<head>\n    \n    \n    <title>WordPress\u6587\u5b57\u6548\u679c\u6f14\u793a<\/title>\n    <style>\n        body {\n            font-family: 'Arial', sans-serif;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 20px;\n            background-color: #f5f5f5;\n            color: #333;\n        }\n        .demo-section {\n            background: white;\n            margin: 20px 0;\n            padding: 30px;\n            border-radius: 10px;\n            box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n        }\n        h1, h2 {\n            color: #2c3e50;\n        }\n        .code-example {\n            background: #2d2d2d;\n            color: #f8f8f2;\n            padding: 15px;\n            border-radius: 5px;\n            margin: 15px 0;\n            overflow-x: auto;\n            font-family: 'Courier New', monospace;\n        }\n        .effect-preview {\n            padding: 20px;\n            text-align: center;\n            margin: 20px 0;\n            border: 1px dashed #ccc;\n            border-radius: 5px;\n        }\n    <\/style>\n<\/head>\n<body>\n    <h1>WordPress\u6587\u5b57\u6548\u679c\u7b80\u7801\u6f14\u793a<\/h1>\n    \n    <div class=\"demo-section\">\n        <h2>\u57fa\u672c\u6548\u679c\u5c55\u793a<\/h2>\n        \n        <div class=\"effect-preview\">\n            <h3>\u6e10\u53d8\u8272\u6587\u5b57<\/h3>\n            <div style=\"font-size: 24px; font-weight: bold; background: linear-gradient(45deg, #ff0000, #0000ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center;\">\n                \u8fd9\u662f\u6e10\u53d8\u8272\u6587\u5b57\u6548\u679c\n            <\/div>\n            <div class=\"code-example\">\n                [gradient_text_n color1=&#8221;#ff0000&#8243; color2=&#8221;#0000ff&#8221;]\u8fd9\u662f\u6e10\u53d8\u8272\u6587\u5b57\u6548\u679c[\/gradient_text_n]\n            <\/div>\n        <\/div>\n        \n        <div class=\"effect-preview\">\n            <h3>\u6253\u5b57\u673a\u6548\u679c<\/h3>\n            <div style=\"font-size: 24px; color: #333; font-family: monospace; overflow: hidden; border-right: 3px solid #333; white-space: nowrap; letter-spacing: 2px; animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite;\">\n                \u8fd9\u662f\u6253\u5b57\u673a\u6548\u679c\u6587\u5b57\n            <\/div>\n            <div class=\"code-example\">\n                [typewriter_text_n]\u8fd9\u662f\u6253\u5b57\u673a\u6548\u679c\u6587\u5b57[\/typewriter_text_n]\n            <\/div>\n        <\/div>\n        \n        <div class=\"effect-preview\">\n            <h3>\u9713\u8679\u706f\u6548\u679c<\/h3>\n            <div style=\"font-size: 40px; color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #0ff, 0 0 40px #0ff, 0 0 80px #0ff; font-weight: bold; animation: neon-flicker 2s infinite alternate;\">\n                \u9713\u8679\u706f\u6587\u5b57\n            <\/div>\n            <div class=\"code-example\">\n                [neon_text_n color=&#8221;#fff&#8221; glow_color=&#8221;#0ff&#8221;]\u9713\u8679\u706f\u6587\u5b57[\/neon_text_n]\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"demo-section\">\n        <h2>\u5d4c\u5957\u6548\u679c\u793a\u4f8b<\/h2>\n        \n        <div class=\"effect-preview\">\n            <h3>\u6e10\u53d8\u8272 + \u9ad8\u4eae\u5d4c\u5957<\/h3>\n            <div style=\"font-size: 24px; font-weight: bold; background: linear-gradient(45deg, #ff0000, #0000ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center;\">\n                \u8fd9\u662f\u6e10\u53d8\u8272\u6587\u5b57\uff0c\u91cc\u9762\u5305\u542b<span style=\"background-color: #ffeb3b; color: #000; padding: 5px 10px; border-radius: 4px; font-weight: bold;\">\u9ad8\u4eae\u6548\u679c<\/span>\n            <\/div>\n            <div class=\"code-example\">\n                [gradient_text_n color1=&#8221;#ff0000&#8243; color2=&#8221;#0000ff&#8221;]\u8fd9\u662f\u6e10\u53d8\u8272\u6587\u5b57\uff0c\u91cc\u9762\u5305\u542b[highlight_text_n]\u9ad8\u4eae\u6548\u679c[\/highlight_text_n][\/gradient_text_n]\n            <\/div>\n        <\/div>\n        \n        <div class=\"effect-preview\">\n            <h3>\u9634\u5f71 + \u6253\u5b57\u673a\u5d4c\u5957<\/h3>\n            <div style=\"font-size: 32px; color: #333; text-shadow: 2px 2px 10px #aaa; font-weight: bold;\">\n                \u9634\u5f71\u6587\u5b57\u4e2d\u7684<span style=\"font-size: 24px; color: #333; font-family: monospace; overflow: hidden; border-right: 3px solid #333; white-space: nowrap; letter-spacing: 2px; animation: typing 3.5s steps(40, end), blink-caret .75s step-end infinite; display: inline-block;\">\u6253\u5b57\u673a\u6548\u679c<\/span>\n            <\/div>\n            <div class=\"code-example\">\n                [shadow_text_n shadow_color=&#8221;#aaa&#8221;]\u9634\u5f71\u6587\u5b57\u4e2d\u7684[typewriter_text_n]\u6253\u5b57\u673a\u6548\u679c[\/typewriter_text_n][\/shadow_text_n]\n            <\/div>\n        <\/div>\n        \n        <div class=\"effect-preview\">\n            <h3>\u591a\u91cd\u5d4c\u5957\u6548\u679c<\/h3>\n            <div style=\"font-size: 24px; font-weight: bold; background: linear-gradient(45deg, #ff0000, #0000ff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; text-align: center;\">\n                \u6e10\u53d8\u8272\u4e2d\u7684<span style=\"font-size: 40px; color: #fff; text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #0ff, 0 0 40px #0ff, 0 0 80px #0ff; font-weight: bold; animation: neon-flicker 2s infinite alternate;\">\u9713\u8679\u706f<\/span>\u548c<span style=\"background-color: #ffeb3b; color: #000; padding: 5px 10px; border-radius: 4px; font-weight: bold;\">\u9ad8\u4eae<\/span>\u6548\u679c\n            <\/div>\n            <div class=\"code-example\">\n                [gradient_text_n color1=&#8221;#ff0000&#8243; color2=&#8221;#0000ff&#8221;]\u6e10\u53d8\u8272\u4e2d\u7684[neon_text_n]\u9713\u8679\u706f[\/neon_text_n]\u548c[highlight_text_n]\u9ad8\u4eae[\/highlight_text_n]\u6548\u679c[\/gradient_text_n]\n            <\/div>\n        <\/div>\n    <\/div>\n    \n    <div class=\"demo-section\">\n        <h2>\u4f7f\u7528\u8bf4\u660e<\/h2>\n        <ul>\n            <li>\u5c06PHP\u4ee3\u7801\u6dfb\u52a0\u5230\u4e3b\u9898\u7684functions.php\u6587\u4ef6\u4e2d<\/li>\n            <li>\u5728\u6587\u7ae0\u6216\u9875\u9762\u4e2d\u4f7f\u7528\u76f8\u5e94\u7684\u7b80\u7801<\/li>\n            <li>\u6240\u6709\u5d4c\u5957\u7248\u672c\u7b80\u7801\u540d\u79f0\u4ee5&#8221;_n&#8221;\u7ed3\u5c3e<\/li>\n            <li>\u652f\u6301\u4efb\u610f\u5c42\u6b21\u7684\u5d4c\u5957\u7ec4\u5408<\/li>\n            <li>\u6bcf\u4e2a\u6548\u679c\u90fd\u6709\u53ef\u81ea\u5b9a\u4e49\u7684\u53c2\u6570<\/li>\n        <\/ul>\n    <\/div>\n\n    <style>\n        @keyframes typing {\n            from { width: 0 }\n            to { width: 100% }\n        }\n        @keyframes blink-caret {\n            from, to { border-color: transparent }\n            50% { border-color: #333; }\n        }\n        @keyframes neon-flicker {\n            0%, 18%, 22%, 25%, 53%, 57%, 100% {\n                text-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #0ff, 0 0 40px #0ff, 0 0 80px #0ff;\n            }\n            20%, 24%, 55% {\n                text-shadow: none;\n            }\n        }\n    <\/style>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>AI\u771f\u7684\u592a\u597d\u7528\u4e86\u4f60\u77e5\u9053\u5417\uff1f \u6e90\u7801 \u4f7f\u7528\u6307\u5357 WordPress\u6587\u5b57\u6548\u679c\u6f14\u793a WordPress\u6587\u5b57\u6548\u679c\u7b80\u7801\u6f14\u793a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[24],"tags":[],"class_list":["post-290","post","type-post","status-publish","format-standard","hentry","category-data_base"],"_links":{"self":[{"href":"https:\/\/weilai-future.top\/index.php\/wp-json\/wp\/v2\/posts\/290","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/weilai-future.top\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/weilai-future.top\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/weilai-future.top\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/weilai-future.top\/index.php\/wp-json\/wp\/v2\/comments?post=290"}],"version-history":[{"count":2,"href":"https:\/\/weilai-future.top\/index.php\/wp-json\/wp\/v2\/posts\/290\/revisions"}],"predecessor-version":[{"id":293,"href":"https:\/\/weilai-future.top\/index.php\/wp-json\/wp\/v2\/posts\/290\/revisions\/293"}],"wp:attachment":[{"href":"https:\/\/weilai-future.top\/index.php\/wp-json\/wp\/v2\/media?parent=290"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/weilai-future.top\/index.php\/wp-json\/wp\/v2\/categories?post=290"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/weilai-future.top\/index.php\/wp-json\/wp\/v2\/tags?post=290"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}