{"id":3025,"date":"2025-06-11T10:50:06","date_gmt":"2025-06-11T02:50:06","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3025.html"},"modified":"2025-06-11T10:50:06","modified_gmt":"2025-06-11T02:50:06","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e4%be%a7%e8%be%b9%e6%a0%8f%e5%b0%8f%e5%b7%a5%e5%85%b7%e4%b8%ad%e4%bd%bf%e7%94%a8%e7%ae%80%e7%a0%81","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3025.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u4fa7\u8fb9\u680f\u5c0f\u5de5\u5177\u4e2d\u4f7f\u7528\u7b80\u7801"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n
\"Bug编译狮\"<\/figure>\r\n\r\n\r\n\r\n

Bug编译狮<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n

\r\n
\r\n

要使用简码在 WordPress 侧边栏小工具中展示内容，你需要遵循以下步骤：<\/p>\n

    \n
  1. \n

    安装和激活插件<\/strong>：\n首先，确保你已经在你的 WordPress 网站上安装并激活了 Shortcode UI<\/code> 插件。这个插件允许你在侧边栏小工具中使用简码。<\/p>\n<\/li>\n

  2. \n

    创建或编辑侧边栏小工具<\/strong>：\n在 WordPress 后台，找到“外观” > “侧边栏”，然后选择你要编辑的侧边栏。点击“添加新小工具”。<\/p>\n<\/li>\n

  3. \n

    输入简码<\/strong>：\n在“小工具标题”字段中输入小工具的名称（例如：博客文章）。在“内容”字段中，你可以直接输入简码来显示文章列表、图片、视频等内容。例如，如果你想显示最近的文章，可以使用下面的简码：<\/p>\n

    [recent_posts limit=\"5\"]<\/code><\/pre>\n<\/li>\n
  4. \n
    保存设置<\/strong>：\n完成后，点击“保存更改”。现在，当你在侧边栏小工具中查看时，应该能看到由简码生成的内容。<\/p>\n<\/li>\n<\/ol>\n
    示例代码与使用步骤<\/h3>\n
    假设你想在一个侧边栏的小工具中显示最近发表的5篇文章，你可以按照以下步骤操作：<\/p>\n
    步骤 1: 找到 Shortcode UI 插件<\/h4>\n
      \n
    • 登录到你的 WordPress 管理后台。<\/li>\n
    • 进入“外观”菜单，选择“侧边栏”。<\/li>\n
    • 查找并选中你想要编辑的侧边栏。<\/li>\n<\/ul>\n
      步骤 2: 添加新小工具<\/h4>\n
        \n
      • 单击“添加新小工具”按钮。<\/li>\n
      • 输入小工具的标题，如“最近文章”。<\/li>\n
      • 在“内容”区域，粘贴下面的简码：<\/li>\n<\/ul>\n
        [recent_posts limit=\"5\"]<\/code><\/pre>\n
        步骤 3: 保存设置<\/h4>\n
          \n
        • 点击“保存更改”按钮。<\/li>\n<\/ul>\n
          这样，当你在侧边栏小工具中浏览时，你会看到由简码生成的最近发表的5篇文章列表。<\/p>\n
          注意事项<\/h3>\n
            \n
          • 确保你的网站支持简码功能，许多旧版主题可能不支持简码。<\/li>\n
          • 如果遇到任何问题，请检查插件是否已正确安装和激活。<\/li>\n<\/ul>\n
            通过以上步骤，你就可以轻松地在 WordPress 侧边栏小工具中使用简码展示各种类型的内容了。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
            \r\n
            \r\n
            \r\n
            \r\n
            \r\n
            \"黑板前的Bug语法讲师\"<\/figure>\r\n\r\n\r\n\r\n
            黑板前的Bug语法讲师<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
            \r\n
            \r\n
            在 WordPress 中，你可以通过以下步骤在侧边栏的小工具中使用简码：<\/p>\n
              \n
            1. 打开 WordPress 管理后台。<\/li>\n
            2. 在左侧菜单中选择“主题”选项卡。<\/li>\n
            3. 单击“简码”标签。<\/li>\n
            4. 在简码区域中，找到你想使用的简码并点击它。<\/li>\n<\/ol>\n
              现在，你已经成功地将简码添加到了 WordPress 的侧边栏小工具中。接下来，我们来看看如何在简码区域中创建一个简单的 HTML 元素，然后将其插入到页面上。<\/p>\n
              创建一个简单HTML元素<\/h3>\n
              假设我们想在简码区域中创建一个 <div><\/code> 元素，并将其插入到页面上。<\/p>\n
              示例代码<\/h4>\n
              <?php wp_enqueue_script('my-script'); ?>\n<div id=\"sidebar\" class=\"widget-area\">\n    <h3><?php _e( 'Sidebar', 'your-plugin' ); ?><\/h3>\n    <p><?php echo esc_html__( 'This is a sample text.', 'your-plugin' ); ?><\/p>\n<\/div><\/code><\/pre>\n
              解释代码<\/h4>\n
                \n
              • <?php wp_enqueue_script('my-script'); ?><\/code>:<\/strong> 这行代码用于加载我们的插件脚本文件（在这个例子中是 my-script.php<\/code>）。<\/li>\n
              • <div id=\"sidebar\" class=\"widget-area\"><\/code>:<\/strong> 这部分定义了一个包含两个子元素的 div 标签，其中第一个子元素是 id<\/code> 属性为 “sidebar” 的 div，第二个子元素是带有类名 “widget-area” 的 div。<\/li>\n
              • <h3><?php _e( 'Sidebar', 'your-plugin' ); ?><\/h3><\/code>:<\/strong> 这个 <h3><\/code> 元素将作为标题显示在侧边栏中。<\/li>\n
              • <p><?php echo esc_html__( 'This is a sample text.', 'your-plugin' ); ?><\/p><\/code>:<\/strong> 这个 <p><\/code> 元素将作为一个段落显示在侧边栏中。<\/li>\n<\/ul>\n
                将简码区域中的代码插入到页面上<\/h3>\n
                要在您的页面中插入这些 HTML 元素，请按照以下步骤操作：<\/p>\n
                  \n
                1. 在需要显示侧边栏的地方，复制上述代码片段。<\/li>\n
                2. 拖动这个代码片段到您想要放置它的位置。<\/li>\n
                3. 如果您正在编辑现有页面或博客文章，确保先保存更改，然后再拖动代码到合适的位置。<\/li>\n<\/ol>\n
                  这一步骤展示了如何在 WordPress 的侧边栏小工具中使用简码来创建和插入基本的 HTML 元素。如果你有特定的 HTML 或 CSS 需求，我们可以进一步讨论如何实现更复杂的功能。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
                  Bug编译狮 要使用简码在 WordPress 侧边栏小工具中展示&..<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[59],"tuisongtax":[],"class_list":["post-3025","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-pzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3025","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/comments?post=3025"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3025\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3025"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3025"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3025"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3025"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}