墨白资源网 · 专业提供网站源码、实用教程、网络软件、活动线报等免费最新资讯!

WordPress建站添加天气和随机文本的方法

投稿作者:墨白 回复次数:0 所属分类:实用教程

如果你是用wordpress建站的,肯定可以在侧边栏添加随机鸡汤和天气【其他位置如页脚等请自行琢磨,我还不会换位置】

演示图

133326gs3cece3uyib0m1i.png

因为天气有不同的代码格式,我用的是上面的那个复杂点的。

使用教程

1、打开wordpress后台,就是域名/wp-admin这个,不是服务器和主机的后台哦,大概长这样。

133736ghyawkabcg9k13wu.png

2、依次打开:外观——小工具,找到里面的文本,下面注释了任意的文字那个。【避免太多图影响体验,我尽量少放图吧,找不到的可以给我留言】

3、点击文本,可以选择把它放到全局,首页之类的为止,看你的喜好。或者直接拖动文本也可以挪到右边相应的地方。

4、比如你放在了首页里面显示,点击首页下面那个文本,会看到下图【抱歉,这块必须得截图了】

134637atismst8kt51ij58.jpg

5、标题可以不写,我懒,没写。。。添加媒体啥的我不懂哈。文本那可以添加代码,可视化可以预览代码的图片。

6、点一下文本,然后准备放代码进去【哈哈哈,太激动啦,看不懂的代码我也敢放】,我放的是这个代码

7、下面那个比较简单的天气代码是下面这个,看你个人选择吧。

8、有个小问题,就是这两个代码显示的图片除了样式不同之外,第6步里面的代码带了超链接。就是别人浏览你的网站时,如果他点击了你的这个天气的位置,会跳到一个天气的网站,显示近7天的天气。我研究了半天,实在不知道怎么让它不跳转,百度也没找到答案,有懂的大佬可以留言帮解答一下哈,是不是要改代码啥的?我比较喜欢这个样式,所以跳转也没办法啦,哎!谁叫咱不懂呢。

天气的添加就到此为止了,哦,对了,如果对这两个样式不满意,可以去那个跳转的网站自定义样式,我看了下,感觉就这俩还不错。

接下来是随机文本这个的方法,稍微有点复杂,如果不需要的话可以直接跳过了。

9、如开始我发的效果图,天气上面我放了一段随机的毒鸡汤。感觉还是挺有意思的,如果你觉得好玩,那咱们接着搞它!

10、前戏,哦,不,前面和天气的那个相同,就是代码不同而已,源代码是这个:

11、别问我这个代码啥意思,我只认识单个字母和中文汉字,连在一起我也不懂哈。

12、大概意思应该就是会随机展示下面几个句子。你直接复制过去的话,就会从这10个句子里面选,但如果想把它换成自己想说的话,怎么办呢?别急,往下看嘛。

13、我猜这个代码每个部分的意思哈【为啥是猜呢?都说了,我是小白,不懂】  前的10是说一共有10个句子,如果你有500了,那就把10换成500应该就行。

14、然后我们要改的其实就是后面的句子和前面的数字了,据说计算机代码是从0开始算的,所以要从0开始哦。怎么改呢?

15、这里需要一个文本编辑软件,我用的是notepad++,可在文末下载使用。还有需要的就是你想放的名人名言或者心灵鸡汤和毒鸡汤一类的句子,这个网上很多,我就不提供了哈。

16、把你想添加的话放到txt文本里,然后用notepad++打开,最好把不需要的文字都删掉,比如你复制过来可能有前面的编号之类的,统统都去掉。

17、好,接下来开始进入正题【什么?才进入?不好意思,前戏不足是没法完成的】  根据上面的那段代码,文字的最终格式应该是这种arr[9]="天天向上";,那我们就把每一句话填上相应的符号和字母编号。

18、看仔细了哈!Ctrl+A全选所有文本,然后Ctrl+H打开替换工具。

19、添加后面的字符,查找目标后面填$,是英文状态4对应的符号哈。好像是可以在句子最后添加东西的意思。替换为后面填",就是英文状态的双引号。把循环查找和正则表达式勾上,选择全部替换,见证奇迹的时刻到了,你会惊喜的看到每个句子后面都添加了"。

20、接下来,在前面添加,查找目标后面填^,就是数字6对应的符号。替换为后面填 ]=",先不填数字哈,数字等下弄,然后其他跟上面一样,就搞定了。

21、接下来咱们添加数字。依然是Ctrl+A全选,然后选择上面编辑——列块编辑,也可以直接按Alt+C,然后选择插入数字,初始值是0,增量是1,十进制就行,然后点击确定。这样它就会从0开始依次添加。提醒一下,比如你已经添加了200个句子,后面要添加新的,那就从201开始,依次添加就行。这样的话,碰到好玩的话都可以随时添加进去哦。

22、最后按照第20步的方法,在前面添加arr[就搞定了。然后把编辑好的这个文本,全选复制粘贴到代码里,把代码里相应的位置替换掉就搞定了。

到目前为止,所有的步骤都完成了,你可以把天气和随机文本放到全局上或者首页上,这样别人打开你的网站就能看到随机一句话和他IP所在位置的天气了。

怎么样?是不是挺有意思的呢?赶快去试一试吧。

以上所有方法都是本人实测可行的。之所以会把它放出来,是因为我一直想实现这个功能,但百度搜出来的结果各式各样的,花了一天时间测试,最后感觉这个方法最好,对小白很友好。我不希望跟我一样不懂代码的人四处去找,挨个尝试。起码很多方法我都尝试了,直接按照这个方法就可以搞定了,不要再去浪费时间搜索了。

notepad++下载

蓝奏云:https://mbw.lanzous.com/icuge1i

the end
免责声明:本文来自墨白资源网发布,但不代表本站的观点和立场。
我要评论 0条评论
匿名用户
    最新评论
Welcome

登录您的账号