{"id":925,"date":"2025-06-10T00:58:24","date_gmt":"2025-06-09T16:58:24","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/925.html"},"modified":"2025-06-10T00:58:24","modified_gmt":"2025-06-09T16:58:24","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e4%b8%ad%e6%b7%bb%e5%8a%a0%e7%89%b9%e8%89%b2%e5%9b%be%e5%83%8f%e6%88%96%e6%96%87%e7%ab%a0%e7%bc%a9%e7%95%a5%e5%9b%be","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/925.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u4e2d\u6dfb\u52a0\u7279\u8272\u56fe\u50cf\u6216\u6587\u7ae0\u7f29\u7565\u56fe"},"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

    \n
  1. \n

    上传和设置图片<\/strong>：<\/p>\n

      \n
    • 首先，从你的电脑上选择一张你喜欢的图片。<\/li>\n
    • 将图片拖放到WordPress编辑器窗口中的“媒体”区域，或者通过点击菜单栏上的“媒体”，然后选择“上传文件”来上传图片。<\/li>\n<\/ul>\n<\/li>\n
    • \n

      为图片添加标题和描述<\/strong>：<\/p>\n

        \n
      • 在上传图片后，你会看到一个选项卡，用于输入图片的相关信息，如标题（Title）和描述（Description）。填写这些信息以帮助读者了解图片的内容。<\/li>\n<\/ul>\n<\/li>\n
      • \n

        创建或修改页面或帖子<\/strong>：<\/p>\n

          \n
        • 打开你想要插入图片的页面或帖子。<\/li>\n
        • 通常，你可以通过点击顶部的“页面”或“帖子”链接来进入编辑模式。<\/li>\n<\/ul>\n<\/li>\n
        • \n

          插入图片到页面或帖子<\/strong>：<\/p>\n

            \n
          • 使用鼠标悬停在要放置图片的位置，然后点击“插入来自媒体库的图像”按钮。<\/li>\n
          • 从弹出的下拉菜单中选择刚刚上传的图片，或者如果你有多个图片，可以选择它们并按照顺序排列。<\/li>\n<\/ul>\n<\/li>\n
          • \n

            调整图片大小和位置<\/strong>：<\/p>\n

              \n
            • 确保图片正确地显示在页面或帖子上。如果图片看起来不理想，可以右键点击图片并选择“属性”来调整其尺寸、裁剪、旋转等。<\/li>\n
            • 调整完图片后，记得保存你的更改。<\/li>\n<\/ul>\n<\/li>\n
            • \n

              完成页面或帖子<\/strong>：<\/p>\n

                \n
              • 完成所有必要的编辑后，点击页面或帖子底部的“发布”按钮。<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n

                示例代码<\/strong>：\n假设你已经完成了上述步骤，并且你有一个名为featured-image.php<\/code>的自定义模板文件，你可以这样使用它来展示图片：<\/p>\n

                <?php get_header(); ?>\n<div class=\"container\">\n    <div id=\"primary\" class=\"content-area\">\n        <main id=\"main\" class=\"site-main\" role=\"main\">\n            <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>\n                <article id=\"post-<?php the_ID(); ?>\" <?php post_class(); ?>>\n                    <header>\n                        <h1><?php the_title(); ?><\/h1>\n                    <\/header>\n                    <?php the_content(); ?>\n                    <!-- 插入图片 -->\n                    <?php if ( has_post_thumbnail() ) { ?>\n                        <figure class=\"featured-image\">\n                            <img src=\"<?php echo get_the_post_thumbnail_url(); ?>\" alt=\"<?php the_title_attribute(); ?>\">\n                            <figcaption><?php the_excerpt(); ?><\/figcaption>\n                        <\/figure>\n                    <?php } else { ?>\n                        <p>No featured image available.<\/p>\n                    <?php } ?>\n                <\/article>\n            <?php endwhile; endif; ?>\n        <\/main><!-- .site-main -->\n    <\/div><!-- #primary -->\n<\/div>\n\n<?php get_sidebar(); ?>\n<?php get_footer(); ?><\/code><\/pre>\n
                使用步骤<\/strong>：<\/p>\n
                  \n
                1. 创建一个新的PHP文件，例如featured-image.php<\/code>。<\/li>\n
                2. 将上面的代码复制到新文件中，并将其放在适当的模板目录中。<\/li>\n
                3. 保存文件并在WordPress后台激活该模板。<\/li>\n
                4. 再次打开你的网站，在你想要显示图片的地方粘贴这个PHP文件的路径，即可实现图片功能。<\/li>\n<\/ol>\n
                  请注意，这只是一个基本的示例，实际应用时可能需要根据具体需求进行调整，比如处理不同的图片类型、加载CSS样式等。<\/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
                  步骤 1: 创建一个自定义主题插件<\/h3>\n
                  首先，需要创建一个自定义的主题插件来处理特色图片和文章缩略图。这可以通过使用WordPress的wp-admin<\/code>界面中的Plugins<\/code>目录来实现。以下是如何创建自定义主题插件的简要步骤：<\/p>\n
                    \n
                  1. 打开WordPress管理面板<\/strong>。<\/li>\n
                  2. 在顶部菜单栏选择“Admin”（管理员）选项卡。<\/li>\n
                  3. 点击“New Plugin”，然后点击“Add New”按钮开始创建新插件。<\/li>\n
                  4. 在新窗口中输入插件名称、描述等基本信息，然后点击“Create”。现在，插件已成功创建并保存。<\/li>\n<\/ol>\n
                    步骤 2: 编辑插件文件夹<\/h3>\n
                    接下来，编辑您的插件文件夹以包含处理图片和缩略图所需的函数和逻辑。<\/p>\n
                      \n
                    • 功能文件（functions.php）<\/strong>：这是处理插件核心功能的地方。在这里，您可以编写用于加载图片和缩略图的函数。<\/li>\n
                    • 样式文件（style.css）<\/strong>：用于设置插件的外观和风格。<\/li>\n
                    • 视图文件（view.php）<\/strong>：用于显示和操作插件的功能。<\/li>\n<\/ul>\n
                      示例代码<\/h3>\n
                      功能文件 (functions.php)<\/h4>\n
                      function my_custom_image_shortcode() {\n    $args = array(\n        'title' => '',\n        'class' => 'custom-image',\n        'link' => false,\n        'size' => 'medium',\n        'width' => 600,\n        'height' => 450,\n        'id' => null,\n        'align' => 'left'\n    );\n    return get_template_part('template-parts\/content', 'image', $args);\n}\n\nadd_shortcode( 'my-custom-image', 'my_custom_image_shortcode' );\n\nfunction my_custom_thumbnail_shortcode() {\n    $args = array(\n        'title' => '',\n        'class' => 'thumbnail',\n        'link' => false,\n        'size' => 'medium',\n        'width' => 600,\n        'height' => 450,\n        'id' => null,\n        'align' => 'left'\n    );\n    return get_template_part('template-parts\/content', 'thumbnail', $args);\n}\n\nadd_shortcode( 'my-custom-thumbnail', 'my_custom_thumbnail_shortcode' );<\/code><\/pre>\n
                      样式文件 (style.css)<\/h4>\n
                      .custom-image {\n    display: block;\n    margin-bottom: 1em;\n}\n.thumbnail {\n    display: block;\n    width: 100%;\n}<\/code><\/pre>\n
                      视图文件 (view.php)<\/h4>\n
                      <?php if (have_posts()) : while (have_posts()) : the_post(); ?>\n<div class=\"post-content\">\n    <?php the_content(); ?>\n    <div class=\"custom-image\" style=\"background-image: url('<?php echo get_the_post_thumbnail_url(get_the_ID(), 'medium'); ?>')\"><\/div>\n<\/div>\n<?php endwhile; else : ?>\n<h2><?php _e('Sorry, no posts matched your criteria.'); ?><\/h2>\n<?php endif; ?><\/code><\/pre>\n
                      步骤 3: 更新主题模板<\/h3>\n
                      更新WordPress的主题模板，使插件能够正常工作。<\/p>\n
                        \n
                      1. 打开wp-content\/themes\/your-theme\/wp-includes\/partials\/<\/code>目录下的每个子目录。<\/li>\n
                      2. 寻找content.php<\/code>文件，找到template-part-content<\/code>标签。<\/li>\n
                      3. 将content.php<\/code>文件的内容替换为以下内容：\n
                        <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>\n   <div class=\"post-content\">\n       <?php the_content(); ?>\n       <div class=\"custom-image\" style=\"background-image: url('<?php echo get_the_post_thumbnail_url(get_the_ID(), 'medium'); ?>')\"><\/div>\n   <\/div>\n<?php endwhile; else : ?>\n   <h2><?php _e('Sorry, no posts matched your criteria.'); ?><\/h2>\n<?php endif; ?><\/code><\/pre><\/li>\n<\/ol>\n
                        步骤 4: 配置插件<\/h3>\n
                        确保配置插件以便它能在WordPress上运行。<\/p>\n
                          \n
                        1. 在插件的functions.php<\/code>文件中添加require_once<\/code>语句，指向您的自定义插件文件。<\/li>\n
                        2. 调整插件的工作环境，例如将插件放在正确的路径下。<\/li>\n<\/ol>\n
                          通过以上步骤，您已经成功地在WordPress中添加了特色图像或文章缩略图。可以根据实际需求调整这些代码以适应不同的布局和设计需求。<\/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-925","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\/925","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=925"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/925\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=925"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=925"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=925"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=925"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}