{"id":3826,"date":"2025-06-12T05:06:27","date_gmt":"2025-06-11T21:06:27","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/3826.html"},"modified":"2025-06-12T05:06:27","modified_gmt":"2025-06-11T21:06:27","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8wordpress%e4%b8%ad%e9%87%8d%e6%96%b0%e7%94%9f%e6%88%90%e7%bc%a9%e7%95%a5%e5%9b%be%e6%88%96%e6%96%b0%e7%9a%84%e5%9b%be%e7%89%87%e5%b0%ba%e5%af%b8","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/3826.html","title":{"rendered":"\u5982\u4f55\u5728WordPress\u4e2d\u91cd\u65b0\u751f\u6210\u7f29\u7565\u56fe\u6216\u65b0\u7684\u56fe\u7247\u5c3a\u5bf8"},"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

方法一：使用插件<\/h3>\n
    \n
  1. \n

    安装并激活“WP Smush”插件<\/strong>：<\/p>\n

      \n
    • 这个插件可以自动压缩图片以减少文件大小，同时保持质量。<\/li>\n
    • 打开 WordPress 后台，导航到“插件”，然后搜索“WP Smush”。点击“安装”，再点击“激活”。<\/li>\n<\/ul>\n<\/li>\n
    • \n

      选择和编辑图片<\/strong>：<\/p>\n

        \n
      • 在您要调整尺寸的页面或帖子上，找到您想要处理的图片。<\/li>\n
      • 通过拖动鼠标选择图片区域。<\/li>\n<\/ul>\n<\/li>\n
      • \n

        调整图片尺寸<\/strong>：<\/p>\n

          \n
        • WP Smush 提供了一个直观的界面，您可以在这里设置图片的新尺寸。<\/li>\n
        • 调整好后，点击保存按钮。<\/li>\n<\/ul>\n<\/li>\n
        • \n

          重新上传<\/strong>：<\/p>\n

            \n
          • 点击“保存更改”后，WordPress 会自动删除旧的图片，然后插入新的、经过优化的图片。<\/li>\n<\/ul>\n<\/li>\n<\/ol>\n

            示例代码<\/h3>\n

            假设我们有一个名为 example.jpg<\/code> 的图片，我们要将其转换为宽度为 800 像素，高度自适应的尺寸。<\/p>\n

            \/\/ 检查是否已经存在原始图片\nif (file_exists(ABSPATH . 'wp-content\/uploads\/example.jpg')) {\n    \/\/ 创建一个新的图片变量\n    $image = imagecreatefromjpeg('uploads\/example.jpg');\n\n    \/\/ 设置新图片的宽度和高度（高度自动计算）\n    $newWidth = 800;\n    $newHeight = imagesy($image);\n\n    \/\/ 使用图像创建函数创建新的图片\n    $newImage = imagecreatetruecolor($newWidth, $newHeight);\n    imagecopyresampled($newImage, $image, 0, 0, 0, 0, $newWidth, $newHeight, imagesx($image), imagesy($image));\n\n    \/\/ 保存新图片\n    imagejpeg($newImage, 'uploads\/optimized_example.jpg', 95); \/\/ 95 是质量参数，值越大压缩程度越高\n\n    \/\/ 清理内存\n    imagedestroy($image);\n    imagedestroy($newImage);\n}<\/code><\/pre>\n
            解释<\/h3>\n
              \n
            • 检查是否存在原始图片<\/strong>：首先确保图片确实存在于指定的位置。<\/li>\n
            • 读取原图片<\/strong>：使用 imagecreatefromjpeg()<\/code> 函数读取图片数据。<\/li>\n
            • 设定新尺寸<\/strong>：根据需要设置新图片的宽度和高度。这里我们将宽度设为 800 像素，高度由系统自动计算。<\/li>\n
            • 创建新图片<\/strong>：使用 imagecreatetruecolor()<\/code> 函数创建一个新的图片，其大小与新设置的尺寸相同。<\/li>\n
            • 复制并重置比例<\/strong>：使用 imagecopyresampled()<\/code> 函数将原图片的内容复制到新图片中，并保持比例不变。<\/li>\n
            • 保存新图片<\/strong>：使用 imagejpeg()<\/code> 函数保存新图片。<\/li>\n
            • 清理资源<\/strong>：最后，使用 imagedestroy()<\/code> 函数释放不再需要的图像资源。<\/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
              1. 使用WordPress自带功能<\/h3>\n
              WordPress本身提供了许多内置的功能，可以用来自动生成缩略图、调整图片大小以及创建不同的文件格式。<\/p>\n
              示例代码：<\/h4>\n
              \/\/ 获取当前上传的图片ID\n$image_id = get_post_thumbnail_id();\n\n\/\/ 创建一个新的图像\n$thumb = wp_generate_attachment_url( $image_id );\n\n\/\/ 在主题中显示缩略图\necho '<img src=\"' . esc_url($thumb) . '\">';<\/code><\/pre>\n
              在这个例子中，我们首先获取了当前正在编辑的文章的缩略图ID。然后，使用wp_generate_attachment_url()<\/code>函数创建了一个新的URL，这个URL包含了原始的图片链接（即原文件路径）。最后，我们在HTML中显示这个新创建的URL。<\/p>\n
              2. 使用插件实现<\/h3>\n
              除了WordPress本身的功能外，还有许多第三方插件可以帮助你自定义图片处理。例如，WooCommerce Image Uploader<\/code>就是一个很好的选择，它允许你在上传图片时自定义其大小和格式。<\/p>\n
              示例代码：<\/h4>\n
              add_action('upload_image', function ($file, $post) {\n    \/\/ 如果用户选择了自定义尺寸\n    if (isset($_POST['custom_size'])) {\n        \/\/ 获取上传文件的宽度和高度\n        list($width, $height) = $_POST['custom_size'];\n\n        \/\/ 调用插件提供的resize()方法\n        $resized_file = wp_resize_image(\n            $file,\n            $width,\n            $height,\n            true,\n            false\n        );\n\n        \/\/ 更新原文件名\n        update_post_meta($post->ID, '_thumbnail_id', $resized_file);\n    } else {\n        \/\/ 使用默认尺寸\n        wp_resize_image($file, 800, 600, true, false);\n    }\n});<\/code><\/pre>\n
              这段代码会在用户上传图片时检查是否选择了自定义尺寸。如果选择了，就调用wp_resize_image()<\/code>插件提供的方法来调整图片的尺寸；如果没有选择，就使用默认的800×600尺寸。<\/p>\n
              3. 自动调整图片大小<\/h3>\n
              如果你希望自动调整图片的尺寸以适应特定的屏幕尺寸，可以考虑使用一些自动化工具，如ImageOptim<\/code>或者Imagick<\/code>等库。<\/p>\n
              示例代码：<\/h4>\n
              var resizeWidth = 960;\nvar resizeHeight = 540;\n\nfunction onResizeComplete(resizeData) {\n    var newImg = resizeData.newImage;\n    var originalImg = resizeData.originalImage;\n\n    \/\/ 将新图片设置为当前页面上的缩略图\n    document.getElementById(\"original\").src = newImg.src;\n    document.getElementById(\"optimized\").src = newImg.src;\n}\n\n\/\/ 设置自动调整图片尺寸\nImageOptim({\n    width: resizeWidth,\n    height: resizeHeight,\n    callback: onResizeComplete\n}).optimizeImages();<\/code><\/pre>\n
              这段代码会根据指定的宽高比（这里设为960×540）优化图片，然后将结果设置为页面上两个对应的元素的src属性。<\/p>\n
              总结<\/h3>\n
              在WordPress中调整图片大小有多种方法，包括但不限于使用WordPress自身的功能、插件功能，以及利用外部库如ImageOptim<\/code>等。每种方法都有其优缺点，需要根据具体需求和应用场景选择合适的方式。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
              Bug编译狮 在WordPress中重新生成缩略图或调整图片尺&#2..<\/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":[2107,2106],"tuisongtax":[],"class_list":["post-3826","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-cjyy","tag-cjzn"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3826","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=3826"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/3826\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=3826"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=3826"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=3826"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=3826"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}