『原创』『教程』首页及文章页滚动广告栏
Brains - 灵感乌托邦
『原创』『教程』首页及文章页滚动广告栏
六六丶
2021-10-15 / 26 评论 / 9,955 阅读 / 正在检测是否收录...
广告

前言

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

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

image.png

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

成果展示

教程开始

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

一、添加后台

打开 functions.php 添加以下代码

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

image.png

二、添加滚动广告栏

三、修改广告栏样式

四、添加滚动效果

教程结束

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

887
打赏

评论 (26)

取消
  1. 头像
    ere
    Windows 10 · Google Chrome

    我一直想听哦,你为我所演奏的那首月光。

    回复 待审 垃圾
  2. 头像
    ni
    Windows 10 · Google Chrome

    如果预计中的不幸没有发生的话,我们就会收获意外的喜悦。

    回复 待审 垃圾
  3. 头像
    玛卡巴卡
    Windows 10 · QQ Browser

    6666

    回复 待审 垃圾
  4. 头像
    king
    Windows 10 · Google Chrome

    66666

    回复 待审 垃圾
  5. 头像
    微风
    Android Pie · QQ Browser

    路过

    回复 待审 垃圾
  6. 头像
    King
    Windows 10 · Google Chrome

    66666

    回复 待审 垃圾
  7. 头像
    互联
    Windows 10 · Google Chrome

    QQ表情牛逼

    回复 待审 垃圾
  8. 头像
    十五
    Windows 10 · Google Chrome

    阔以阔以很nice

    回复 待审 垃圾
  9. 头像
    tc
    Android Oreo · Google Chrome

    表情

    回复 待审 垃圾
  10. 头像
    Windows 10 · Google Chrome

    发的发的广泛地被

    回复 待审 垃圾