l-1

WordPress笔记

主页/WordPress笔记/博客文章/综合文章/如何在 WordPress 中根据文章分类设置备用特色图像

如何在 WordPress 中根据文章分类设置备用特色图像

Bug编译狮

Bug编译狮

在 WordPress 中，如果你希望为不同的文章类别设置备用的特色图像（即 featured image），可以通过以下步骤来实现：

步骤 1: 添加或编辑文章类别

首先，确保你已经在 WordPress 后台添加了所有想要设置备用特色图片的文章类别。

步骤 2: 创建或编辑文章

接着，在创建或编辑文章时，选择相应的类别。

步骤 3: 设置特色图像

在文章编辑页面，点击“上传”按钮来选择你的特色图像。这个过程与普通文章的特色图像设置相同。

步骤 4: 备用特色图像配置

为了设置备用特色图像，你需要进入后台，找到并编辑文章类别。具体操作如下：

登录后台

  • 打开浏览器，输入你的 WordPress 网站地址。
  • 输入用户名和密码登录。

进入文章类别管理

  • 在左侧菜单栏，找到并点击“文章”或“博客”选项，然后选择你要修改的文章类别。

编辑文章类别

  • 在右侧编辑栏，找到并点击“外观”标签页。
  • 在“首选项”部分，你会看到关于特色图像的部分。这里你可以设置默认的特色图像以及备用的特色图像。

配置备用图像

  • 在“首选项”下，点击“附加文件”选项卡。
  • 在“附加文件”列表中，找到你之前上传的特色图像，选中它，然后点击右上角的“应用”按钮。

示例代码

假设你已经有一个名为 category-name 的文章类别，并且你已经设置了两个特色图像：image.jpg 和 backup-image.jpg。以下是具体的设置步骤：

// 获取当前文章类别
$current_category = get_the_category();

// 检查是否已设置备用特色图像
if ($current_category && !empty($current_category[0]->term_id)) {
    // 获取特色图像ID
    $featured_image_id = wp_get_attachment_id();

    // 如果没有设置备用特色图像，则设置备用
    if (!wp_attachment_is_image( $featured_image_id ) || empty($featured_image_id) ) {
        // 将备用特色图像设为主图
        add_post_meta( $featured_image_id, '_wp_attached_file', 'backup-image.jpg' );
    }
}

这段代码的作用是在当前文章类别未设置备用特色图像的情况下，自动将 backup-image.jpg 设为主图。

效果说明

通过上述步骤，当用户访问该文章类别下的任何文章时，如果当前文章的特色图像不存在或者已被删除，系统会自动显示备用的特色图像。这样可以确保即使主图丢失或损坏，网站仍然能够正常展示文章的内容。

请注意，实际操作中可能需要根据自己的需求调整代码逻辑，以适应具体的使用场景和功能需求。

黑板前的Bug语法讲师

黑板前的Bug语法讲师

要设置WordPress中的文章类别与备用特色图像关联，您可以按照以下步骤操作：

  1. 在WordPress主题中添加一个插件或功能以实现此目的。

  2. 首先，您需要安装并激活“Category Images”插件（如果尚未安装）。

  3. 一旦插件已成功安装和激活，打开插件管理界面，找到名为“Category Images”的选项卡。

  4. 点击“Settings”按钮来进入设置页面。

  5. 在设置页面中，选择您的文章类别，然后点击“Add Image”按钮来上传一个新的备用特色图片。

  6. 设置完成后，请确保在“Display in”字段中选择“Blog Posts”，这将使该图片仅显示在特定类型的博客文章上。

接下来，我们将使用一个简单的HTML模板来展示如何设置文章类别和备用特色图像的功能。

首先，创建一个包含文章分类和备用特色图像的简单HTML文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>WordPress Category and Image Example</title>
</head>
<body>
    <h1>WordPress Category and Image Example</h1>

    <!-- Add your article content here -->

    <!-- Add a new image for each category -->
    <?php if (have_posts()) : while (have_posts()) : the_post(); ?>
        <div class="post">
            <h2><?php the_title(); ?></h2>
            <img src="<?php echo get_the_post_thumbnail_url(get_the_ID(), 'thumbnail'); ?>" alt="">
        </div>
    <?php endwhile; endif; ?>

</body>
</html>

现在，您可以在主题目录下创建一个名为templates的子目录，并在此目录下创建一个名为index.php的新文件。在这个新文件中，您可以编写HTML模板代码，如下所示：

<?php
/**
 * WordPress Category and Image Example Template
 */

get_header();

// Add categories to the template

// Add an image for each category
foreach ($categories as $category) {
    // Get the category name
    $category_name = get_category_by_slug($category['slug'])->name;

    // Create a div for each category with its own image
    echo '<div class="category">';
    echo '<h3>' . esc_html($category_name) . '</h3>';
    echo '<img src="' . esc_url(get_category_image($category)) . '" alt="">';
    echo '</div>';
}

get_footer();
?>

这个模板将会为每个文章类别生成一个对应的备用特色图像，并将其显示在相应的文章底部。

请注意，上述代码仅为基本示例，实际应用时可能需要根据具体需求进行调整。例如，您可能需要处理不同的文章类型、更复杂的布局或者不同的样式等。

,

最新更新