WordPress博客侧边栏添加动态个性化文字

  • A+
所属分类:WordPress

最近逛博客,发现了WordPress博客侧边栏动态个性化文字,感觉好玩,在YephyBlog大大的帮助下,顺利实行,现在将其分享:

 

WordPress博客侧边栏添加动态个性化文字

代码部署

后台→外观→主题选项→SEO设置:编辑页脚第二行信息(最下方),切换至文本模式,粘贴下面的代码:

 

  1. <script>
  2. var yephy = function (r) {
  3.     function t() {
  4.         return b[Math.floor(Math.random() * b.length)]
  5.     }
  6.     function e() {
  7.         return String.fromCharCode(94 * Math.random() + 33)
  8.     }
  9.     function n(r) {
  10.         for (var n = document.createDocumentFragment(), i = 0; r > i; i++) {
  11.             var l = document.createElement("span");
  12.             l.textContent = e(), l.style.color = t(), n.appendChild(l)
  13.         }
  14.         return n
  15.     }
  16.     function i() {
  17.         var t = o[c.skillI];
  18.         c.step ? c.step-- : (c.step = g, c.prefixP < l.length ? (c.prefixP >= 0 && (c.text += l[c.prefixP]), c.prefixP++) : "forward" === c.direction ? c.skillP < t.length ? (c.text += t[c.skillP], c.skillP++) : c.delay ? c.delay-- : (c.direction = "backward", c.delay = a) : c.skillP > 0 ? (c.text = c.text.slice(0, -1), c.skillP--) : (c.skillI = (c.skillI + 1) % o.length, c.direction = "forward")), r.textContent = c.text, r.appendChild(n(c.prefixP < l.length ? Math.min(s, s + c.prefixP) : Math.min(s, t.length - c.skillP))), setTimeout(i, d)
  19.     }
  20.     var l = "【佳句赏析】 ",
  21.         o = ["If you do not leave,we will die together. 英语翻译的差别不在英语水平,而在汉语水平。下面几种翻译法,看看你将如何翻译?①你如果不滚开,我就与你同归于尽。(四级水平)②你若不离不弃 ,我必生死相依。(六级水平)③问世间情为何物,直教人生死相许。(八级水平)④山无陵,天地合,乃敢与君绝。(专家水平)""有人说左边的鞋带开了是我想朋友了,右边的鞋带开了是朋友想我了。我故意解开右边的鞋带,却发现左边的鞋带早已经开了。""岁月是无情的,假如你丢给它的是一片空白,它还给你的也是一片空白。岁月是有情的,假如你奉献给她的是一些色彩,它奉献给你的也是一些色彩。你必须努力,当有一天蓦然回首时,你的回忆里才会多一些色彩斑斓,少一些苍白无力。只有你自己才能把岁月描画成一幅难以忘怀的人生画卷。""面带微笑,春暖花开。微笑是一抹春天的阳光。微笑是一种无声的感召,微笑是一首无曲的小调,微笑是一朵绽放的小花,微笑是一片淡淡的白云,微笑是抚慰心灵的药剂。微笑是种子,谁播种微笑,谁就能收获美丽。当你微笑时,世界爱了你。请学会微笑吧,向所有的一切。""我变的麻木了,变得好无感。对什么事情都不在乎,很冷淡,很无所谓。所有人都说我变的轻浮了。但她们都不曾知道,我是因为太在乎,才会变的现在这么“无所谓”。就像我尝着我自己的眼泪,其中的滋味跟苦涩,只有自己懂是一样的。""一念是忧,一念是乐,圆融一笑,心镜自明,心湖自静,心莲自生,一种熟悉静怡的声音也随之而来,那是莲花开放的声音,它不急不缓,温婉细腻,柔美清灵,却声声震撼在内心深处...... 暮然发现,那些在若水时光中沉淀下来的点点滴滴,当是心间最珍贵最美好的纯净,当是人间最温暖、最纯真的情意,当值得以一生一世来珍惜。"].map(function (r) {
  22.             return r + "."
  23.         }),
  24.         a = 2,
  25.         g = 1,
  26.         s = 5,
  27.         d = 75,
  28.         b = ["rgb(110,64,170)""rgb(150,61,179)""rgb(191,60,175)""rgb(228,65,157)""rgb(254,75,131)""rgb(255,94,99)""rgb(255,120,71)""rgb(251,150,51)""rgb(226,183,47)""rgb(198,214,60)""rgb(175,240,91)""rgb(127,246,88)""rgb(82,246,103)""rgb(48,239,130)""rgb(29,223,163)""rgb(26,199,194)""rgb(35,171,216)""rgb(54,140,225)""rgb(76,110,219)""rgb(96,84,200)"],
  29.         c = {
  30.             text: "",
  31.             prefixP: -s,
  32.             skillI: 0,
  33.             skillP: 0,
  34.             direction"forward",
  35.             delay: a,
  36.             step: g
  37.         };
  38.     i()
  39. };
  40. yephy(document.getElementById('yephy'));
  41. </script>

 

如果想修改动态个性化文字成为你自己的文字,【佳句赏析】这是前半句,固定不变的,动态的个性化文字,必须中括号里面,每段话要用半角双引号,然后每段文字都要用半角逗号隔开。

 

WordPress博客侧边栏添加动态个性化文字

 

后台→外观→小工具→杂志布局侧边栏→添加:自定义HTML→内容,粘贴下面的代码:

 

此处为隐藏的内容!
发表评论并刷新,才能查看
  • 我的QQ号
  • 使用QQ扫一扫
  • weinxin
  • 我的微信公众号
  • 使用微信扫一扫
  • weinxin

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:2   其中:访客  2   博主  0

    • 堆爱博客 堆爱博客 2

      对方不想跟你说话并向你丢了一朵小黄花 :twisted:

      • 穷屌丝 穷屌丝 1

        666赞