{"id":1121,"date":"2025-06-10T03:04:42","date_gmt":"2025-06-09T19:04:42","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/1121.html"},"modified":"2025-06-10T03:04:42","modified_gmt":"2025-06-09T19:04:42","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%e6%b7%bb%e5%8a%a0%e4%b8%80%e5%bc%a0%e5%9b%be%e7%89%87","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/1121.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u4fa7\u8fb9\u680f\u5c0f\u5de5\u5177\u4e2d\u6dfb\u52a0\u4e00\u5f20\u56fe\u7247"},"content":{"rendered":"
\r\n
\r\n
\r\n
\r\n
\r\n

写 Bug工程师：<\/h2>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n\r\n\r\n\r\n
\r\n
\r\n

要在 WordPress 的侧边栏小工具中添加一张图片，你可以按照以下步骤操作：<\/p>\n

步骤 1: 登录到您的 WordPress 网站后台<\/h3>\n

首先，请确保您已经登录到您的 WordPress 后台管理界面。<\/p>\n

步骤 2: 进入侧边栏编辑器<\/h3>\n

在左侧菜单栏中找到并点击“外观”选项卡，然后选择“侧边栏”。<\/p>\n

步骤 3: 添加新小工具<\/h3>\n

在侧边栏页面的顶部，你会看到一个名为“侧边栏”的区域。点击它，然后选择“创建新小工具”。在弹出的小窗口中，您可以选择不同的小工具类型。对于图片小工具，选择“图片”。<\/p>\n

步骤 4: 输入图片链接<\/h3>\n

在“图片”小工具下方，有一个文本框用于输入图片的 URL 或者上传一个新的图片文件。输入您想要显示的图片URL或者从本地上传图片的路径。<\/p>\n

例如，如果您要上传一个名为 “example.jpg” 的图片文件，那么应该这样填写：<\/p>\n

\/wp-content\/uploads\/2023\/01\/example.jpg<\/code><\/pre>\n
步骤 5: 定义图片位置和标题<\/h3>\n
在右侧的小工具设置部分，您可以定义图片的位置（例如左、右或居中）以及为这个小工具提供一个标题。<\/p>\n
示例代码：<\/h3>\n
假设您上传了一个名为 example.jpg<\/code> 的图片，并且将其保存在 \/wp-content\/uploads\/2023\/01\/example.jpg<\/code> 路径下，那么您的小工具配置看起来可能会像这样：<\/p>\n
\/\/ 小工具配置\nadd_filter('register_sidebar', 'my_custom_widgets');\n\nfunction my_custom_widgets($sidebars) {\n    $sidebars['custom-sidebar'] = array(\n        'name' => __('Custom Sidebar'),\n        'description' => __('A custom sidebar for displaying images.'),\n        'before_widget' => '<div id=\"%1$s\" class=\"widget %2$s\">',\n        'after_widget' => '<\/div>',\n        'before_title' => '<h2 class=\"widget-title\">',\n        'after_title' => '<\/h2>'\n    );\n\n    return $sidebars;\n}\n\n\/\/ 输出图片小工具\nadd_action('widgets_init', 'register_my_sidebars');\nfunction register_my_sidebars() {\n    register_sidebar(array(\n        'name'          => __('My Custom SideBar'),\n        'id'            => 'my-custom-sidebar',\n        'description'   => __( 'A sidebar for showing a featured image.' ),\n        'before_widget' => '<aside id=\"%1$s\" class=\"widget %2$s\">',\n        'after_widget'  => '<\/aside>',\n        'before_title'  => '<h2 class=\"widget-title\">',\n        'after_title'   => '<\/h2>',\n    ));\n}<\/code><\/pre>\n
使用步骤及效果：<\/h3>\n
    \n
  1. 上传图片<\/strong>：将图片上传至指定路径。<\/li>\n
  2. 访问后台<\/strong>：返回到 WordPress 后台。<\/li>\n
  3. 进入侧边栏编辑器<\/strong>：在侧边栏页面，点击“创建新小工具”，选择“图片”。<\/li>\n
  4. 输入图片链接<\/strong>：在“图片”小工具下方，输入图片URL或本地路径。<\/li>\n
  5. 定义位置与标题<\/strong>：根据需求调整图片的位置和标题。<\/li>\n<\/ol>\n
    完成上述步骤后，您将在侧边栏中看到自定义的小工具，展示您上传的图片。这个例子展示了如何通过插件扩展功能来实现特定的功能，比如在侧边栏中显示图片。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>
    \r\n
    \r\n
    \r\n
    \r\n
    \r\n
    黑板IDE教书匠：<\/h2>\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
    5. 在小工具列表中，你会看到一些预设的功能。点击“+ 添加小工具”按钮。<\/li>\n
    6. 选择“图片”作为新小工具类型。这会打开一个小工具编辑器，用于设置小工具的属性。<\/li>\n
    7. 将图片插入到编辑器中。你可以通过拖放或直接上传图片。<\/li>\n
    8. 设置小工具的位置和大小（如果需要）。默认情况下，小工具将位于页面底部。<\/li>\n
    9. 点击保存以应用更改。<\/li>\n<\/ol>\n
      这是一个简单的示例代码：<\/p>\n
      <div class=\"wpcf7-display\">\n    <div class=\"wpcf7-display-container wpcf7-display-image\">\n        <img src=\"path\/to\/your\/image.jpg\" alt=\"\" width=\"200\" height=\"auto\">\n    <\/div>\n<\/div><\/code><\/pre>\n
      在这个示例中，我们创建了一个包含图片的div元素，并设置了其宽度、高度和alt属性。<img><\/code>标签用于显示图片，src<\/code>属性指定了图片文件的路径，width<\/code>和height<\/code>属性则指定了图片的尺寸。<\/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":[49,50],"tuisongtax":[],"class_list":["post-1121","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-rmzn","tag-xsbdtj"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1121","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=1121"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1121\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=1121"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=1121"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=1121"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=1121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}