WordPress主题首页轮播图按钮美化的教程
CSS代码:
CSS代码:
HTML代码:
小工具代码:
网站的字体是展示给我们以及访客看的,有些字体看起来与网站的风格很搭的话会很舒服,所以不同的字体设置搭配不同的网站风格。 CSS代码: 字体链接需要自己去找,代码里面的链接很容易失效,我就去掉了。 注:(非常重要)font-family是自定义字体名称(自己修改),url这是字体文...
自己在弹窗内容里面添加代码即可。
在后台—》外观—》小工具—》首页-底部全宽度,自定义HTML添加下面代码即可。
CSS代码: 上面该样式只有电脑、平板显示(即>768px的显示),若需要手机或者全部显示,请用下面代码: 本站正在使用的CSS样式:
在主题设置—》自定义CSS样式,添加下面的CSS代码: 说明:图片链接自己填写,图片大小(162 X 75,建议透明的png图片),自己添加喜欢的背景图片。
将下面的函数代码加入到主题目录下functions.php文件中。 说明:请自己修改上面有关于本站的信息,改成自己网站信息即可,图标可以用阿里矢量图。 在主题目录zibll/inc/functions/zib-single.php文件中,文章分页函数(大概是178-182行,因为...
在zibll主题目录下,footer.php文件中的“”(重要)下面添加下面的代码:
WordPress信息统计小工具是前几天逛别的网站看到挺可以的,然后就搜索一下,果然有很多这样的教程,但是那些小工具都只显示文字,不怎么美化,特别的简洁。 1、在主题目录下创建widget-websitestat.php文件,然后把下面的php代码添加进去。 代码: 2、在主题目...
说明:图片背景是透明的,可以自己弄更好看的图片,图片大小是1800*80、2000*80(后这者感觉可能优于前者)
1、在主题目录下functions.php文件把下面的代码添加进去: 2、在主题目录zibll/inc/functions/zib-single.php,把下面代码添加到132行处 说明:(必看)文章字数和阅读时间都不是很准,同时用处也不是很大…喜欢的话自己拿去试试吧。
在主题目录—>footer.php的“<footer class….>”上方加入以下代码: CSS代码:
在子比主题设置—>文章&列表—>文章页–->版权提示内容处添加以下代码: 展示效果大致如下:我是自己用的代码,不想更换了,展示效果差不多的。
CSS代码: JS代码: 在主题目录header.php中,添加以下代码,放在body标签下(最后一行)
样式一、 子比主题设置—>自定义代码—>自定义底部HTML代码,添加以下代码: 注意:链接的内容是代码,自己创建个文件调用即可。 样式二、 JS代码: HTML代码: 注意:js链接的代码如下:
CSS代码: JS代码: 两个都要添加,效果可自行测试。
搜索当前标签