『原创』『教程』首页及文章页滚动广告栏
侧边栏壁纸
    love love love

  • 累计撰写 60 篇文章
  • 累计收到 1,157 条评论

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

六六丶
2021-10-15 / 11 评论 / 4,152 阅读 / 正在检测是否收录...
广告

前言

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

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

kurtcqnm.png

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

成果展示

教程开始

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

一、添加后台

打开 functions.php 添加以下代码

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

kuru58e3.png

二、添加滚动广告栏

三、修改广告栏样式

四、添加滚动效果

教程结束

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

874

打赏

评论 (11)

取消
  1. 头像
    火喵
    Windows 10 · Google Chrome

    参考一下

    回复 待审 垃圾
  2. 头像
    游客432432
    Windows 10 · QQ Browser

    画图

    回复 待审 垃圾
  3. 头像
    游客432432
    Windows 10 · QQ Browser

    感谢分享

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

    博主666666666666

    回复 待审 垃圾
  5. 头像
    茗总
    Windows X64 · Google Chrome

    感谢分享666

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

    qwer

    回复 待审 垃圾
  7. 头像
    六六丶 作者
    Windows 7 · Google Chrome

    画图

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

    66

    回复 待审 垃圾
  9. 头像
    六六丶 作者
    Windows 10 · Google Chrome

    画图

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

    白嫖文章了

    回复 待审 垃圾