『教程』首页及文章页滚动广告栏

『教程』首页及文章页滚动广告栏

罗小黑
2021-10-15 / 2 评论 / 196 阅读 / 正在检测是否收录...
广告
温馨提示:
本文最后更新于2021年10月15日,已超过44天没有更新,若内容或图片失效,请留言反馈。

前言

因为之前在很多网站上都能看到广告,虽然但是,这对很多博主来说也是一笔额外的收入,我一直是入不敷出!表情

然后我看到了执念博客的首页广告栏,虽然曝光确实大,但是用户体验极其不好,因为要翻很多广告才能翻到文章,就像这样:

kurtcqnm.png

所以我就想到了滚动广告,一个广告的位置,能够显示多条广告

成果展示

教程开始

灵感及相关代码来自于Joe主题的首页轮播图

一、添加后台

打开 functions.php 添加以下代码

$JADPost = new Typecho_Widget_Helper_Form_Element_Textarea(
        'JADPost',
        NULL,
        NULL,
        '文章页顶部广告',
        '介绍:用于设置文章页顶部广告 <br />
         格式:广告图片 || 跳转链接 (中间使用两个竖杠分隔)<br />
         注意:如果您只想显示图片不想跳转,可填写:广告图片 || javascript:void(0)  <br />
         其他:一行一个,一行代表一个轮播广告图'
    );
    $JADPost->setAttribute('class', 'joe_content joe_post');
    $form->addInput($JADPost);

这是文章页的代码,因为首页广告主题自带了

kuru58e3.png

二、添加滚动广告栏

三、修改广告栏样式

四、添加滚动效果

教程结束

大功告成,快刷新你的网站看看效果吧!

1

打赏

评论 (2)

取消
  1. 头像
    九七博客
    Windows 10 · Google Chrome
    沙发

    想法不错,给你点赞

    回复 删除 垃圾
  2. 头像
    ZMR
    Windows 10 · Google Chrome
    板凳

    6

    回复 删除 垃圾