{"id":1864,"date":"2025-06-10T17:02:43","date_gmt":"2025-06-10T09:02:43","guid":{"rendered":"https:\/\/www.zhaozhao123.cn\/wpcms\/wpdt\/1864.html"},"modified":"2025-06-10T17:02:43","modified_gmt":"2025-06-10T09:02:43","slug":"%e5%a6%82%e4%bd%95%e5%9c%a8-wordpress-%e4%b8%ad%e8%ae%be%e7%bd%ae-oembed-%e6%9c%80%e5%a4%a7%e5%ae%bd%e5%ba%a6%ef%bc%884-%e7%a7%8d%e7%ae%80%e5%8d%95%e6%96%b9%e6%b3%95%ef%bc%89","status":"publish","type":"post","link":"https:\/\/www.zhaozhao123.cn\/wpcms\/post\/1864.html","title":{"rendered":"\u5982\u4f55\u5728 WordPress \u4e2d\u8bbe\u7f6e oEmbed \u6700\u5927\u5bbd\u5ea6\uff084 \u79cd\u7b80\u5355\u65b9\u6cd5\uff09"},"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 中设置 oEmbed 的最大宽度，你可以采用以下几种简单的方法。这些方法适用于大多数现代的 WordPress 主题和插件。<\/p>\n

方法一：使用 oembed_max_width<\/code> 检查<\/h3>\n
    \n
  1. \n

    添加到主题或插件文件<\/strong>：\n打开你的主题的 functions.php<\/code> 文件或插件的核心代码文件，找到相关部分并添加以下代码：<\/p>\n

    add_filter('oembed_max_width', 'set_oembed_max_width', 10, 2);\n\nfunction set_oembed_max_width($max_width, $url) {\n   return 800; \/\/ 设置为 800 像素\n}<\/code><\/pre>\n
    这段代码会确保所有嵌入内容的最大宽度都限制为 800 像素。<\/p>\n<\/li>\n<\/ol>\n
    方法二：使用过滤器 oembed_max_width<\/code><\/h3>\n
      \n
    1. \n
      使用插件或自定义函数<\/strong>：\n如果你有特定的需求或者想要更精细地控制，可以创建一个自定义的插件来处理这个逻辑。首先，创建一个新的 PHP 插件文件，例如 custom-embed-max-width.php<\/code>，然后在其中添加以下代码：<\/p>\n
      <?php\nclass Custom_OEmbed_Max_Width {\n   public static function activate() {\n       add_filter( 'oembed_max_width', array(__CLASS__, 'set_oembed_max_width'), 10, 2 );\n   }\n\n   public static function deactivate() {\n       remove_filter( 'oembed_max_width', array(__CLASS__, 'set_oembed_max_width') );\n   }\n\n   public static function set_oembed_max_width( $max_width, $url ) {\n       return 800; \/\/ 返回指定的最大宽度\n   }\n}\n\nnew Custom_OEmbed_Max_Width();<\/code><\/pre>\n
      启用此插件后，所有的 oEmbed 链接都会被限制为 800 像素。<\/p>\n<\/li>\n<\/ol>\n
      方法三：通过主题选项卡配置<\/h3>\n
        \n
      1. 编辑主题设置<\/strong>：\n访问 WordPress 管理后台 > 设置 > 标签 > 主题设置。在这里，你可以选择是否启用“最大宽度”选项以及设定其值。这样做的好处是它允许用户根据自己的喜好调整 oEmbed 的显示尺寸。<\/li>\n<\/ol>\n
        示例代码与效果<\/h3>\n
        假设我们选择了第一个方法，即修改 functions.php<\/code> 文件中的代码。打开 functions.php<\/code> 文件，复制上述代码，然后保存。现在，当你访问某个支持 oEmbed 的网页时，它的图片或视频将会以 800 像素作为最大宽度显示。<\/p>\n
        总结<\/h3>\n
        以上三种方法都是设置 oEmbed 最大宽度的有效方式。每种方法都有其适用场景和优势。如果你是在开发新主题或插件，通常推荐使用插件方式来确保兼容性和扩展性；而如果只是简单的主题修改，那么修改主题文件是最直观的方式。<\/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 中设置 oEmbed 最大宽度是一种常见的需求，特别是当需要将长篇文章或视频内容作为单个页面的一部分时。以下是四种简单的方法来实现这一目标：<\/p>\n
        方法 1: 使用内置插件<\/h3>\n
        步骤 1:<\/strong> 安装并激活 “oEmbed” 插件。<\/p>\n
        wp plugin activate oembed<\/code><\/pre>\n
        步骤 2:<\/strong> 在主题中启用 “oEmbed” 功能。<\/p>\n
        \/\/ 设置 oEmbed 的最大宽度\nadd_theme_support( 'oembed', array(\n    'max_width' => 400,\n) );<\/code><\/pre>\n
        步骤 3:<\/strong> 将 oEmbed 插件应用于文章、页眉等元素。<\/p>\n
        步骤 4:<\/strong> 验证 oEmbed 设置是否生效。<\/p>\n
        $width = get_option('oembed_max_width');\nif ($width > 0) {\n    echo \"Max width set to $width pixels.\";\n} else {\n    echo \"No maximum width set.\";\n}<\/code><\/pre>\n
        方法 2: 使用自定义 CSS<\/h3>\n
        步骤 1:<\/strong> 创建一个名为 oembed.css<\/code> 的新文件。<\/p>\n
        touch \/path\/to\/your-theme\/oembed.css<\/code><\/pre>\n
        步骤 2:<\/strong> 编辑该文件以添加以下样式规则：<\/p>\n
        .oembed-image img {\n    max-width: 400px;\n}<\/code><\/pre>\n
        步骤 3:<\/strong> 更新您的主题样式表以包含此文件。<\/p>\n
        function update_theme_css() {\n    wp_deregister_style('theme-style');\n    wp_register_style('theme-style', plugins_url('\/oembed\/oembed.css', __FILE__));\n    wp_enqueue_style('theme-style');\n}\n\nadd_action('after_setup_theme', 'update_theme_css');<\/code><\/pre>\n
        步骤 4:<\/strong> 测试效果，确保在显示任何带有 oEmbed 图片的文章或页面时，图片的最大宽度为 400 像素。<\/p>\n
        方法 3: 使用外部 CSS 文件<\/h3>\n
        步骤 1:<\/strong> 创建一个新的外部 CSS 文件，并将其放在您的主题目录下的公共文件夹中。<\/p>\n
        步骤 2:<\/strong> 同样地编辑 oembed.css<\/code> 文件，并添加样式规则：<\/p>\n
        .oembed-image img {\n    max-width: 400px;\n}<\/code><\/pre>\n
        步骤 3:<\/strong> 将外部 CSS 文件链接到您的主题样式表中。<\/p>\n
        function update_theme_css() {\n    wp_deregister_style('theme-style');\n    wp_register_style('external-css', plugins_url('\/oembed\/oembed.css', __FILE__), false, '1.0.0');\n    wp_enqueue_style('external-css');\n}\n\nadd_action('after_setup_theme', 'update_theme_css');<\/code><\/pre>\n
        步骤 4:<\/strong> 测试效果，确保在显示任何带有 oEmbed 图片的文章或页面时，图片的最大宽度为 400 像素。<\/p>\n
        方法 4: 自定义插件配置<\/h3>\n
        步骤 1:<\/strong> 创建一个新的自定义插件，例如命名为 oembed_max_width<\/code>。<\/p>\n
        步骤 2:<\/strong> 编辑该插件的 PHP 规则文件 (config.php<\/code>)。<\/p>\n
        步骤 3:<\/strong> 添加如下行来设置 oEmbed 图像的最大宽度：<\/p>\n
        'max_width': 400,<\/code><\/pre>\n
        步骤 4:<\/strong> 将新的自定义插件上传到您的 WordPress 主题安装目录下的 plugins<\/code> 目录下。<\/p>\n
        步骤 5:<\/strong> 更新您的主题设置以引用新创建的自定义插件。<\/p>\n
        function update_theme_css() {\n    wp_deregister_style('theme-style');\n    wp_register_style('custom-plugin', plugins_url('\/oembed\/max_width.css', __FILE__));\n    wp_enqueue_style('custom-plugin');\n}\n\nadd_action('after_setup_theme', 'update_theme_css');<\/code><\/pre>\n
        步骤 6:<\/strong> 测试效果，确保在显示任何带有 oEmbed 图片的文章或页面时，图片的最大宽度为 400 像素。<\/p>\n
        通过这些方法中的任意一种，您都可以轻松地在 WordPress 中设置 oEmbed 图片的最大宽度。记住，这通常是在网站设计和布局阶段的一个重要考虑因素，尤其是在展示大量文本或视频内容时。<\/p>\r\n<\/div>\r\n<\/div>\r\n<\/div>\r\n<\/div>\n","protected":false},"excerpt":{"rendered":"
        Bug编译狮 要在 WordPress 中设置 oEmbed 的最大宽度，你可以&..<\/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":[52,53],"tuisongtax":[],"class_list":["post-1864","post","type-post","status-publish","format-standard","hentry","category-wpdt","tag-ztjc","tag-ztmbpzjc"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1864","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=1864"}],"version-history":[{"count":0,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/posts\/1864\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/media?parent=1864"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/categories?post=1864"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tags?post=1864"},{"taxonomy":"tuisongtax","embeddable":true,"href":"https:\/\/www.zhaozhao123.cn\/wpcms\/wp-json\/wp\/v2\/tuisongtax?post=1864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}