wordpress各页面的banner图设置代码

一、单页:单页中的子页有banner就显示子页的,单页中的子页没有就显示父页的banner,父页没有的就显示默认banner

// 获取当前页面的ID
$current_page_id = get_the_ID();

// 获取子页面的Banner图像URL
$banner_image_url = get_field('banner_image', $current_page_id); // 获取子页面的Banner图像

// 如果子页面没有Banner图像,获取父页面的Banner图像
if (empty($banner_image_url)) {
    $parent_page_id = wp_get_post_parent_id($current_page_id);
    $banner_image_url = get_field('banner_image', $parent_page_id); // 获取父页面的Banner图像
}

// 如果父页面和子页面都没有Banner图像,使用默认Banner图像
if (empty($banner_image_url)) {
    $default_banner_image_url = '默认Banner图像的URL'; // 替换为默认Banner图像的URL
    $banner_image_url = $default_banner_image_url;
}

// 显示Banner图像
echo '<div class="banner">';
echo '<img src="' . esc_url($banner_image_url) . '" alt="Banner">';
echo '</div>';

二、分类页:文章类型中详情页显示分类中设置的banner,子类没有banner就显示父类的banner,父类也没有的就显示默认的banner

// 获取当前文章的分类
$categories = get_the_category();

// 初始化Banner图像URL
$banner_image_url = '';

// 检查是否有分类
if ($categories) {
    // 遍历每个分类
    foreach ($categories as $category) {
        // 尝试获取分类的Banner图像URL
        $banner_image_url = get_field('banner_image', $category);

        // 如果分类有Banner图像,则停止循环
        if ($banner_image_url) {
            break;
        }
    }
}

// 如果分类没有Banner图像,则获取父分类的Banner图像
if (empty($banner_image_url)) {
    foreach ($categories as $category) {
        // 获取父分类
        $parent_category_id = $category->parent;

        // 检查父分类ID是否存在
        if ($parent_category_id) {
            $parent_category = get_category($parent_category_id);

            // 检查父分类是否存在,并尝试获取父分类的Banner图像URL
            if ($parent_category) {
                $banner_image_url = get_field('banner_image', $parent_category);

                // 如果父分类有Banner图像,则停止循环
                if ($banner_image_url) {
                    break;
                }
            }
        }
    }
}

// 如果分类和父分类都没有Banner图像,则使用默认的缩略图
if (empty($banner_image_url)) {
    $thumbnail_url = get_the_post_thumbnail_url(get_the_ID(), 'thumbnail');
    $banner_image_url = $thumbnail_url ? $thumbnail_url : '默认缩略图的URL';
}

// 显示Banner图像
echo '<div class="banner">';
echo '<img src="' . esc_url($banner_image_url) . '" alt="Banner">';
echo '</div>';

三、详情页:显示自己所属分类的banner图,如果没有就显示父分类的banner图,如果还没有就显示默认的缩略图

// 获取当前文章的分类
$categories = get_the_category();

// 初始化Banner图像URL
$banner_image_url = '';

// 遍历每个分类
foreach ($categories as $category) {
    // 尝试获取分类的Banner图像URL
    $banner_image_url = get_field('banner_image', $category);
    
    // 如果分类有Banner图像,则停止循环
    if ($banner_image_url) {
        break;
    }
}

// 如果分类没有Banner图像,则获取父分类的Banner图像
if (empty($banner_image_url)) {
    foreach ($categories as $category) {
        // 获取父分类
        $parent_category_id = $category->parent;
        $parent_category = get_category($parent_category_id);
        
        // 尝试获取父分类的Banner图像URL
        $banner_image_url = get_field('banner_image', $parent_category);
        
        // 如果父分类有Banner图像,则停止循环
        if ($banner_image_url) {
            break;
        }
    }
}

// 如果分类和父分类都没有Banner图像,则使用默认的缩略图
if (empty($banner_image_url)) {
    $thumbnail_url = get_the_post_thumbnail_url(get_the_ID(), 'thumbnail');
    $banner_image_url = $thumbnail_url ? $thumbnail_url : '默认缩略图的URL';
}

// 显示Banner图像
echo '<div class="banner">';
echo '<img src="' . esc_url($banner_image_url) . '" alt="Banner">';
echo '</div>';

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前面也介绍过几款广告插件,对于想要用博客赚钱的朋友来说,那些插件都是很实用的,今天有发现了一款不错的WordPress广告插件Max Banner Ads,一般情况下,如果要在WordPress博客上添加广告的话,这时,需要我们自己找到主题模版,在相应的位置加入广告代码。 当你有了Max Banner Ads 插件后,你可以轻松的在你的WordPress博客的任何地方添加广告,而且也不需要编写代码,不仅如此,Max Banner Ads 还带有广告分析功能,可以帮助你分析广告效果,功能十分的强大。 Max Banner Ads 插件安装: 1.下载Max Banner Ads 插件,将文件解压缩,上传到/wp-content/plugins/目录。 2.登录wordpress后台控制面板激活该插件,登录wordpress后台控制面板激活该插件. 3.在左侧的Tools--->Max Banner Ads进入设置页面,刚进入广告设置页面时,会让你填写用户名、Email激活 该插件,填写完相关信息后,点击Register,就OK了。 进入页面后,你会看到如下的内容: 在上中你可以看到蓝色的部分是广告分布的地方: •Within The Post:内容页面中显示广告 •Sidebar Widget:Sidbar栏中显示广告 •Top of First Post:首页顶部显示广告 •Bottom of Last Post:末页的底部显示广告 根据自己的需求在相关的页面中添加广告,点击添加标,进入相关页面添加代码,如下: 如上所示,页面中有两种广告形式: Banner Ads:片广告 Oter Test Ads...:代码广告 添加何种样式的广告,你可以根据博客的实际情况,进行设置

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值