装插件改代码弄了半天,原来主题自带控制按钮,改为0,为分页模式,默认每页10篇文章,

设置正确后搞定

装插件改代码弄了半天,原来主题自带控制按钮,改为0,为分页模式,默认每页10篇文章,
设置正确后搞定
大前端两端经典主题,XIU和DUX占据国内wordpress主题半壁江山,主题非常大气,而且对SEO非常友好
下载地址:https://wwa.lanzous.com/iPma4ldulqb
新版本XIU主题更新介绍:
是几项功能新增,尤其是标签页的全面SEO功能,包含了标题、关键词和描述的设置。
重大更新:新增手机端底部菜单
XIU主题7.7版本更新内容:
支持 PHP 8.0版本
新增标签页的SEO设置(标题、关键词、描述)
新增手机端底部菜单
新增首页轮换图的alt属性以利于SEO
调整文章页图片弹窗在PC端也起作用
优化文章页图片弹窗点击效果
图片外链(图床)可以用于论坛、网站、评论、聊天等;免费稳定好用的永久图片外链图床
lol 图床是一个新成立的图床,稳定性未知。
可以免注册最大单张 5M, 登录用户 10M,支持 https
速度:国外服务器 ❤ ❤ ❤ ❤
图片外链展示 图片上传日期:2020 年 4 月 20 日
国人维护的在线图床,支持最大 100M 的视频与图片
速度:国内服务器 ❤ ❤ ❤ ❤ ❤
图片外链展示 图片、视频上传日期:2020 年 10 月 8 日
支持大量免费图床分发,网站稳定性未知
速度:动态 ❤ ❤ ❤ ❤ ❤
图片外链展示 图片上传日期:2019 年 12 月 26 日
阿里巴巴服务器,稳定性未知
速度:超快
图片外链展示 图片上传日期:2019 年 5 月 5 日
新浪图床
新浪微博相册,微博不倒 图片永久存储并支持外链。
需要注册新浪微博账户,可保持原图上传,默认压缩
速度:超快 ❤ ❤ ❤ ❤ ❤
图片外链展示 图片上传日期:2015 年 3 月 13 日
新浪目前可用前缀:tva1-4、tvax1-4
15 年成立的免费图片外链网站。上传下载速度快。
无需注册,默认原图上传,支持 https
速度:高速服务器 ❤ ❤ ❤ ❤ ❤
sm.ms 支持的图片格式包括 JPG、JPEG、GIF、PNG 及 BMP,单档不超过 5 MB,单次可上传图片最大 10 张。图片永久保存,请勿上传政治相关图片
图片外链展示 图片上传日期:2017 年 2 月 13 日
2010 年提供的免费图床,免注册,支持 HTTPS 速度可以
速度:日本服务器 ❤ ❤ ❤ ❤
niupic.com 稳定性不错,不要上传违法图片
图片外链展示 图片上传日期:2017 年 4 月 2 日
上传界面十分简单,但十分稳定。 服务 12 年稳定至今
无需注册,稳如狗 支持 https
服务器:日本、新加坡、香港、台湾、澳大利亚、新西兰、法国、德国、英国、南非、巴西、智利、印度等国家
支持 HTTP/2、TLS 1.3、IPv6 等多种新技术哦
速度: ❤ ❤ ❤
img.vim-cn.com 稳定性很好,但最好不要上传违法图片
图片外链展示 图片上传日期:2017 年 3 月 4 日
无需注册,支持最大 16M 图片上传,支持 https,速度不错
速度:亚太服务器 ❤ ❤ ❤ ❤
图片外链展示 图片上传日期:2017 年 9 月 25 日
16 年成立的免费图片外链网站。上传下载速度快。
需要注册,默认原图上传,支持 https
速度:高速服务器 ❤ ❤ ❤ ❤ ❤
meotu.org 由于成立时间较短,稳定性未知。
图片外链展示 图片上传日期:2017 年 2 月 26 日
18 年成立的免费图片外链网站。上传下载速度快。
需要注册,默认原图上传,支持最大 10M,支持 https
速度:高速服务器 ❤ ❤ ❤ ❤ ❤
需要注册,支持 HTTPS 速度块
速度:高速服务器 ❤ ❤ ❤ ❤ ❤
z4a.net 由于成立时间较短,稳定性未知。
图片外链展示 图片上传日期:2017 年 7 月 02 日
2012 年成立的免费图片上传外链网站,至今依然稳定
无需注册,默认原图上传,支持 https
速度:亚太服务器 ❤ ❤ ❤
Upload.cc 支持的图片格式包括 JPG、JPEG、GIF、PNG 及 BMP,单档不超过 5 MB,网站没有明确指出图片保存时间及流量限制,但只要不违反使用规则应该都没问题。
图片外链展示 图片上传日期:2017 年 2 月 13 日
老牌免费图片上传外链网站,禁止上传血腥暴力及 18 + 图片
速度:欧洲服务器 ❤ ❤ ❤
图片外链展示 图片上传日期:2018 年 4 月 13 日
老牌服务,值得信赖
无需注册,支持 https
速度:海外服务器 ❤ ❤ ❤
imgur.com 稳定性 666,老牌图片分享外链网站
图片外链展示 图片上传日期:2017 年 2 月 22 日
无需注册,支持 https
速度:海外服务器 ❤ ❤ ❤
catbox.moe 支持 200m 主流格式文件外链网站。
图片外链展示 图片上传日期:2018 年 12 月 30 日
添加dux主题主页的文章边框
如果你也想为自己的DUX主题首页文章增加边框颜色的话,只需要修改主题的main.css文件即可。首先我们要到主题的css文件夹找到“main.css”下载到本地。然后打开main.css并通过搜索“.excerpt:hover”找到修改的位置,再将“.excerpt:hover”后面的代码修改为下面代码。
.excerpt:hover{ background-color: #FAFDFF; border-color: #dd911f; position: relative; z-index: 2; }
处即可,上干货!效果参阅百码云本站!
1、鼠标点击出现随机颜色的心状效果
<code lang=”php”>
<script type=”text/javascript”> /* * https://www.microeco.net */ !function (e, t, a) { function r() { for (var e = 0; e < s.length; e++) s[e].alpha <= 0 ? (t.body.removeChild(s[e].el), s.splice(e, 1)) : (s[e].y–, s[e].scale += .004, s[e].alpha -= .013, s[e].el.style.cssText = “left:” + s[e].x + “px;top:” + s[e].y + “px;opacity:” + s[e].alpha + “;transform:scale(” + s[e].scale + “,” + s[e].scale + “) rotate(45deg);background:” + s[e].color + “;z-index:99999”); requestAnimationFrame(r) } function n() { var t = “function” == typeof e.onclick && e.onclick; e.onclick = function (e) { t && t(), o(e) } } function o(e) { var a = t.createElement(“div”); a.className = “heart”, s.push({ el: a, x: e.clientX – 5, y: e.clientY – 5, scale: 1, alpha: 1, color: c() }), t.body.appendChild(a) } function i(e) { var a = t.createElement(“style”); a.type = “text/css”; try { a.appendChild(t.createTextNode(e)) } catch (t) { a.styleSheet.cssText = e } t.getElementsByTagName(“head”)[0].appendChild(a) } function c() { return “rgb(” + ~~(255 * Math.random()) + “,” + ~~(255 * Math.random()) + “,” + ~~(255 * Math.random()) + “)” } var s = []; e.requestAnimationFrame = e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) { setTimeout(e, 1e3 / 60) }, i(“.heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: ”;width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}”), n(), r() }(window, document);</script>
</code>
大前端Dux主题安装后导航是默认不带图标,但是dux主题已经集成了Font Awesome图标,我们只需要在导航标签属性上加上对应的CSS样式,就能显示图标了,前提一定是Font Awesome中有的,如果没有的话,会留下一个空白,加上CSS样式的导航如下图:
具体有那些图标,可以Font Awesome官网上查找,如下图
到底应该如何设置导航图标呢,将上图对应的CSS样式,替换掉下图红框中home,保存就大功告成啦