l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在 WordPress 中设置 oEmbed 最大宽度（4 种简单方法）

如何在 WordPress 中设置 oEmbed 最大宽度（4 种简单方法）

Bug编译狮

Bug编译狮

要在 WordPress 中设置 oEmbed 的最大宽度，你可以采用以下几种简单的方法。这些方法适用于大多数现代的 WordPress 主题和插件。

方法一：使用 oembed_max_width 检查

  1. 添加到主题或插件文件： 打开你的主题的 functions.php 文件或插件的核心代码文件，找到相关部分并添加以下代码：

    add_filter('oembed_max_width', 'set_oembed_max_width', 10, 2);

function set_oembed_max_width($max_width, $url) {
   return 800; // 设置为 800 像素
}

    这段代码会确保所有嵌入内容的最大宽度都限制为 800 像素。

方法二：使用过滤器 oembed_max_width

  1. 使用插件或自定义函数： 如果你有特定的需求或者想要更精细地控制，可以创建一个自定义的插件来处理这个逻辑。首先，创建一个新的 PHP 插件文件，例如 custom-embed-max-width.php，然后在其中添加以下代码：

    <?php
class Custom_OEmbed_Max_Width {
   public static function activate() {
       add_filter( 'oembed_max_width', array(__CLASS__, 'set_oembed_max_width'), 10, 2 );
   }

   public static function deactivate() {
       remove_filter( 'oembed_max_width', array(__CLASS__, 'set_oembed_max_width') );
   }

   public static function set_oembed_max_width( $max_width, $url ) {
       return 800; // 返回指定的最大宽度
   }
}

new Custom_OEmbed_Max_Width();

    启用此插件后，所有的 oEmbed 链接都会被限制为 800 像素。

方法三：通过主题选项卡配置

  1. 编辑主题设置： 访问 WordPress 管理后台 > 设置 > 标签 > 主题设置。在这里，你可以选择是否启用“最大宽度”选项以及设定其值。这样做的好处是它允许用户根据自己的喜好调整 oEmbed 的显示尺寸。

示例代码与效果

假设我们选择了第一个方法，即修改 functions.php 文件中的代码。打开 functions.php 文件，复制上述代码，然后保存。现在，当你访问某个支持 oEmbed 的网页时，它的图片或视频将会以 800 像素作为最大宽度显示。

总结

以上三种方法都是设置 oEmbed 最大宽度的有效方式。每种方法都有其适用场景和优势。如果你是在开发新主题或插件，通常推荐使用插件方式来确保兼容性和扩展性；而如果只是简单的主题修改，那么修改主题文件是最直观的方式。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

在 WordPress 中设置 oEmbed 最大宽度是一种常见的需求，特别是当需要将长篇文章或视频内容作为单个页面的一部分时。以下是四种简单的方法来实现这一目标：

方法 1: 使用内置插件

步骤 1: 安装并激活 “oEmbed” 插件。

wp plugin activate oembed

步骤 2: 在主题中启用 “oEmbed” 功能。

// 设置 oEmbed 的最大宽度
add_theme_support( 'oembed', array(
    'max_width' => 400,
) );

步骤 3: 将 oEmbed 插件应用于文章、页眉等元素。

步骤 4: 验证 oEmbed 设置是否生效。

$width = get_option('oembed_max_width');
if ($width > 0) {
    echo "Max width set to $width pixels.";
} else {
    echo "No maximum width set.";
}

方法 2: 使用自定义 CSS

步骤 1: 创建一个名为 oembed.css 的新文件。

touch /path/to/your-theme/oembed.css

步骤 2: 编辑该文件以添加以下样式规则：

.oembed-image img {
    max-width: 400px;
}

步骤 3: 更新您的主题样式表以包含此文件。

function update_theme_css() {
    wp_deregister_style('theme-style');
    wp_register_style('theme-style', plugins_url('/oembed/oembed.css', __FILE__));
    wp_enqueue_style('theme-style');
}

add_action('after_setup_theme', 'update_theme_css');

步骤 4: 测试效果，确保在显示任何带有 oEmbed 图片的文章或页面时，图片的最大宽度为 400 像素。

方法 3: 使用外部 CSS 文件

步骤 1: 创建一个新的外部 CSS 文件，并将其放在您的主题目录下的公共文件夹中。

步骤 2: 同样地编辑 oembed.css 文件，并添加样式规则：

.oembed-image img {
    max-width: 400px;
}

步骤 3: 将外部 CSS 文件链接到您的主题样式表中。

function update_theme_css() {
    wp_deregister_style('theme-style');
    wp_register_style('external-css', plugins_url('/oembed/oembed.css', __FILE__), false, '1.0.0');
    wp_enqueue_style('external-css');
}

add_action('after_setup_theme', 'update_theme_css');

步骤 4: 测试效果，确保在显示任何带有 oEmbed 图片的文章或页面时，图片的最大宽度为 400 像素。

方法 4: 自定义插件配置

步骤 1: 创建一个新的自定义插件，例如命名为 oembed_max_width。

步骤 2: 编辑该插件的 PHP 规则文件 (config.php)。

步骤 3: 添加如下行来设置 oEmbed 图像的最大宽度：

'max_width': 400,

步骤 4: 将新的自定义插件上传到您的 WordPress 主题安装目录下的 plugins 目录下。

步骤 5: 更新您的主题设置以引用新创建的自定义插件。

function update_theme_css() {
    wp_deregister_style('theme-style');
    wp_register_style('custom-plugin', plugins_url('/oembed/max_width.css', __FILE__));
    wp_enqueue_style('custom-plugin');
}

add_action('after_setup_theme', 'update_theme_css');

步骤 6: 测试效果，确保在显示任何带有 oEmbed 图片的文章或页面时，图片的最大宽度为 400 像素。

通过这些方法中的任意一种，您都可以轻松地在 WordPress 中设置 oEmbed 图片的最大宽度。记住，这通常是在网站设计和布局阶段的一个重要考虑因素，尤其是在展示大量文本或视频内容时。

,

最新更新