『原创』『教程』首页及文章页滚动广告栏
Brains - 灵感乌托邦

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

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

前言

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

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

6357585980235.png

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

成果展示

教程开始

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

一、添加后台

打开 functions.php 添加以下代码

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

635758cda794f.png

二、添加滚动广告栏

三、修改广告栏样式

四、添加滚动效果

教程结束

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

890
打赏
gzh

评论 (40)

语录
图片
取消
  1. 头像
    s1240
    Windows 10 · Google Chrome

    一个字,牛

    回复
  2. 头像
    15558889
    Windows 10 · Google Chrome

    有些梦想虽然遥不可及,但不是不可能实现。只要我足够的强。

    回复
  3. 头像
    BOSS
    Windows 10 · QQ Browser

    你喜欢的人已经心有所属不是正常的吗,因为你喜欢他,所以你的眼中就只有她。人啊,总是盲目地去爱。

    回复
  4. 头像
    boss
    Windows 10 · QQ Browser

    在不同的遭遇里我发现你的瞬间,有种不可言说的温柔直觉。

    回复
  5. 头像
    墨客
    Windows 10 · QQ Browser

    在末日中,人们总想寻找希望,但要真有希望的话,那还叫希望吗?

    回复
  6. 头像
    墨客
    Windows 10 · Google Chrome

    把人分成好的与坏的是荒谬的,人要么迷人,要么乏味。

    回复
  7. 头像
    111
    Windows 10 · Google Chrome

    最痛的伤口,是从外面看不到的。

    回复
  8. 头像
    墨客
    Windows 10 · QQ Browser

    这里有个坑,郁闷 JS代码必须要压缩后的,格式化后的JS代码没效果

    回复
    1. 头像
      六六丶 作者
      Windows 7 · Google Chrome
      @ 墨客

      所以我教程里是直接在joe.post_page.min.js添加的,如果你是在joe.post_page.js里添加的,那肯定是没用的

      回复
  9. 头像
    墨客
    Windows 10 · QQ Browser

    谁弄成功了?首页的没问题,文章页的不行

    回复
  10. 头像
    amiisk
    Windows 10 · QQ Browser

    上辈子我们一定是无家可归的人,这一辈子才会这么宅。

    回复
  11. 头像
    amiisk
    Windows 10 · QQ Browser

    对那时的我来说,你是有多么的重要,你知道吗,我可是几乎和所有男生为敌了啊,做到这个地步都是为了守护和你在一起的场所啊,那时的我只有你啊

    回复
  12. 头像
    墨客
    Windows 10 · QQ Browser

    谢谢大佬分享

    回复
  13. 头像
    阿浩
    Windows 10 · Google Chrome

    到了世界的尽头,就能找到心之所向,永恒的幸福吗。

    回复
  14. 头像
    ere
    Windows 10 · Google Chrome

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

    回复
  15. 头像
    ni
    Windows 10 · Google Chrome

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

    回复
  16. 头像
    玛卡巴卡
    Windows 10 · QQ Browser

    6666

    回复
  17. 头像
    king
    Windows 10 · Google Chrome

    66666

    回复
  18. 头像
    微风
    Android Pie · QQ Browser

    路过

    回复
  19. 头像
    King
    Windows 10 · Google Chrome

    66666

    回复
  20. 头像
    互联
    Windows 10 · Google Chrome

    QQ表情牛逼

    回复
文章目录