🎀 🌸

博客侧边栏广告少?2步教你新增n个侧边栏广告位!

有问题请联系小渡qq2092115940

博客侧边栏广告少?2步教你新增n个侧边栏广告位!

{card-describe title=”全文总结”}
这段文本主要围绕广告栏设置相关的代码进行介绍。
{/card-describe}

{message type=”success” content=”重要亮点
现有广告选项:介绍了名为“$JADContent”的现有广告选项,包括其相关设置,如用于故渊渡-广告栏(侧) – PC,格式为广告图片与跳转链接用两个竖杠分隔,还说明了特殊情况的处理方式及示例。
新增广告选项:提到新增的广告选项“$JADContent2”,同样介绍了其用于故渊渡-广告栏(侧)2 – PC,格式要求与现有选项相同,并给出了相关示例。
代码属性设置:两个广告选项在代码中都设置了特定的属性,如“class”属性。”/}

第一步
  1. 备份你的主题文件
  2. 找到Joe主题的侧边栏模板文件-sidebar.php
  3. 将现有的故渊渡的广告栏代码复制一份,修改部分数据达到不同的效果!

样式图:

2

参考代码:

{hide}

<?php if ($this->options->JADContent) : ?>
    <a class="joe_aside__item advert" target="_blank" rel="noopener noreferrer nofollow" href="<?php echo explode("||", $this->options->JADContent)[1]; ?>" title="故渊渡的广告栏">
        <img class="lazyload" width="100%" src="<?php _getLazyload() ?>" data-src="<?php echo explode("||", $this->options->JADContent)[0]; ?>" alt="故渊渡的广告栏" />
        <span class="icon">故渊渡的广告栏</span>
    </a>
<?php endif; ?>

<?php if ($this->options->JADContent2) : ?>
    <a class="joe_aside__item advert" target="_blank" rel="noopener noreferrer nofollow" href="<?php echo explode("||", $this->options->JADContent2)[1]; ?>" title="故渊渡的广告栏2">
        <img class="lazyload" width="100%" src="<?php _getLazyload() ?>" data-src="<?php echo explode("||", $this->options->JADContent2)[0]; ?>" alt="故渊渡的广告栏2" />
        <span class="icon">故渊渡的广告栏2</span>
    </a>
<?php endif; ?>

<?php if ($this->options->JADContent3) : ?>
    <a class="joe_aside__item advert" target="_blank" rel="noopener noreferrer nofollow" href="<?php echo explode("||", $this->options->JADContent3)[1]; ?>" title="故渊渡的广告栏3">
        <img class="lazyload" width="100%" src="<?php _getLazyload() ?>" data-src="<?php echo explode("||", $this->options->JADContent3)[0]; ?>" alt="故渊渡的广告栏3" />
        <span class="icon">故渊渡的广告栏3</span>
    </a>
<?php endif; ?>

{/hide}

第二步:
  1. 找到Joe主题的文件-functions.php
  2. 将现有的故渊渡的广告栏代码复制一份,修改部分数据达到不同的效果!

样式图

1

参考代码:

{hide}

// 现有的广告选项
$JADContent = new Typecho_Widget_Helper_Form_Element_Textarea(
    'JADContent',
    NULL,
    NULL,
    '故渊渡-广告栏(侧) - PC',
    '介绍:用于设置故渊渡-广告栏(侧) <br />
         格式:广告图片 || 跳转链接 (中间使用两个竖杠分隔)<br />
         注意:如果您只想显示图片不想跳转,可填写:广告图片 || javascript:void(0)
         PS:可填作者的,可填写:https://cdn.heylie.cn/wz/11.webp || https://blog.heylie.cn'
         );
$JADContent->setAttribute('class', 'joe_content joe_aside');
$form->addInput($JADContent);

// 新增的广告选项
$JADContent2 = new Typecho_Widget_Helper_Form_Element_Textarea(
    'JADContent2',
    NULL,
    NULL,
    '故渊渡-广告栏(侧)2 - PC',
    '介绍:用于设置故渊渡-广告栏(侧)2 <br />
         格式:广告图片 || 跳转链接 (中间使用两个竖杠分隔)<br />
         注意:如果您只想显示图片不想跳转,可填写:广告图片 || javascript:void(0)
         PS:可填作者的,可填写:https://cdn.heylie.cn/wz/11.webp || https://blog.heylie.cn'
);
$JADContent2->setAttribute('class', 'joe_content joe_aside');
$form->addInput($JADContent2);

$JADContent3 = new Typecho_Widget_Helper_Form_Element_Textarea(
    'JADContent3',
    NULL,
    NULL,
    '故渊渡-广告栏(侧)3 - PC',
    '介绍:用于设置故渊渡-广告栏(侧)3 <br />
         格式:广告图片 || 跳转链接 (中间使用两个竖杠分隔)<br />
         注意:如果您只想显示图片不想跳转,可填写:广告图片 || javascript:void(0)
         PS:可填作者的,可填写:https://cdn.heylie.cn/wz/11.webp || https://blog.heylie.cn'
);
$JADContent3->setAttribute('class', 'joe_content joe_aside');
$form->addInput($JADContent3);

{/hide}

温馨提示:本文最后更新于2024-08-16 21:51:00,某些文章具有时效性,若有错误或已失效,请在下方留言或联系站长
版权声明

   站内部分内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供网络资源分享服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请 联系我们 一经核实,立即删除。并对发布账号进行永久封禁处理。在为用户提供最好的产品同时,保证优秀的服务质量。


本站仅提供信息存储空间,不拥有所有权,不承担相关法律责任。
THE END
喜欢就支持一下吧
分享
评论 共5条

请登录后发表评论

    • 头像wherekmmad
    • 头像宝塔迷
    • 头像hg
    • 头像咔咔
    • 头像guyuandu