王振宇的狗窝装插件改代码弄了半天，原来主题自带控制按钮，改为0，为分页模式，默认每页10篇文章，
设置正确后搞定
WordPress大前端Dux主题 主页文章列表无线翻页设置分业模式
wordpress破解主题 大前端阿里百秀主题XIU v7.7版本
大前端两端经典主题，XIU和DUX占据国内wordpress主题半壁江山，主题非常大气，而且对SEO非常友好
下载地址：https://wwa.lanzous.com/iPma4ldulqb
新版本XIU主题更新介绍：
是几项功能新增，尤其是标签页的全面SEO功能，包含了标题、关键词和描述的设置。
重大更新：新增手机端底部菜单
XIU主题7.7版本更新内容：
支持 PHP 8.0版本
新增标签页的SEO设置（标题、关键词、描述）
新增手机端底部菜单
新增首页轮换图的alt属性以利于SEO
调整文章页图片弹窗在PC端也起作用
优化文章页图片弹窗点击效果
稳定图床推荐个人用sm.sm和imgbed其中imgbb也在用
图片外链（图床）可以用于论坛、网站、评论、聊天等；免费稳定好用的永久图片外链图床
- 如果你知道更多免费图床网站，可以通过下方评论，我会添加到网页中以帮助更多人
- 以下图片如果无法显示，说明图片外链失效，请使用能显示的图片外链图床网站
- 图片外链网站均整理并索引测试
lol 图床展开目录
lol 图床是一个新成立的图床，稳定性未知。
可以免注册最大单张 5M, 登录用户 10M，支持 https
速度：国外服务器 ❤ ❤ ❤ ❤
图片外链展示 图片上传日期：2020 年 4 月 20 日
imgbed
国人维护的在线图床，支持最大 100M 的视频与图片
速度：国内服务器 ❤ ❤ ❤ ❤ ❤
图片外链展示 图片、视频上传日期：2020 年 10 月 8 日
如优图床
支持大量免费图床分发，网站稳定性未知
速度：动态 ❤ ❤ ❤ ❤ ❤
图片外链展示 图片上传日期：2019 年 12 月 26 日
阿里图床
阿里巴巴服务器，稳定性未知
速度：超快
图片外链展示 图片上传日期：2019 年 5 月 5 日
新浪微博
新浪图床
新浪微博相册，微博不倒 图片永久存储并支持外链。
需要注册新浪微博账户，可保持原图上传，默认压缩
速度：超快 ❤ ❤ ❤ ❤ ❤
图片外链展示 图片上传日期：2015 年 3 月 13 日
新浪目前可用前缀：tva1-4、tvax1-4
sm.ms
15 年成立的免费图片外链网站。上传下载速度快。
无需注册，默认原图上传，支持 https
速度：高速服务器 ❤ ❤ ❤ ❤ ❤
sm.ms 支持的图片格式包括 JPG、JPEG、GIF、PNG 及 BMP，单档不超过 5 MB，单次可上传图片最大 10 张。图片永久保存，请勿上传政治相关图片
图片外链展示 图片上传日期：2017 年 2 月 13 日
牛图网
2010 年提供的免费图床，免注册，支持 HTTPS 速度可以
速度：日本服务器 ❤ ❤ ❤ ❤
niupic.com 稳定性不错，不要上传违法图片
图片外链展示 图片上传日期：2017 年 4 月 2 日
vim-cn
上传界面十分简单，但十分稳定。 服务 12 年稳定至今
无需注册，稳如狗 支持 https
服务器：日本、新加坡、香港、台湾、澳大利亚、新西兰、法国、德国、英国、南非、巴西、智利、印度等国家
支持 HTTP/2、TLS 1.3、IPv6 等多种新技术哦
速度： ❤ ❤ ❤
img.vim-cn.com 稳定性很好，但最好不要上传违法图片
图片外链展示 图片上传日期：2017 年 3 月 4 日
imgbb
无需注册，支持最大 16M 图片上传，支持 https，速度不错
速度：亚太服务器 ❤ ❤ ❤ ❤
图片外链展示 图片上传日期：2017 年 9 月 25 日
meotu
16 年成立的免费图片外链网站。上传下载速度快。
需要注册，默认原图上传，支持 https
速度：高速服务器 ❤ ❤ ❤ ❤ ❤
meotu.org 由于成立时间较短，稳定性未知。
图片外链展示 图片上传日期：2017 年 2 月 26 日
遇见图床｛需注册账户｝
18 年成立的免费图片外链网站。上传下载速度快。
需要注册，默认原图上传，支持最大 10M，支持 https
速度：高速服务器 ❤ ❤ ❤ ❤ ❤
z4a 图床
需要注册，支持 HTTPS 速度块
速度：高速服务器 ❤ ❤ ❤ ❤ ❤
z4a.net 由于成立时间较短，稳定性未知。
图片外链展示 图片上传日期：2017 年 7 月 02 日
upload
2012 年成立的免费图片上传外链网站，至今依然稳定
无需注册，默认原图上传，支持 https
速度：亚太服务器 ❤ ❤ ❤
Upload.cc 支持的图片格式包括 JPG、JPEG、GIF、PNG 及 BMP，单档不超过 5 MB，网站没有明确指出图片保存时间及流量限制，但只要不违反使用规则应该都没问题。
图片外链展示 图片上传日期：2017 年 2 月 13 日
kn3.net
老牌免费图片上传外链网站，禁止上传血腥暴力及 18 + 图片
速度：欧洲服务器 ❤ ❤ ❤
图片外链展示 图片上传日期：2018 年 4 月 13 日
imgur
老牌服务，值得信赖
无需注册，支持 https
速度：海外服务器 ❤ ❤ ❤
imgur.com 稳定性 666，老牌图片分享外链网站
图片外链展示 图片上传日期：2017 年 2 月 22 日
catbox
无需注册，支持 https
速度：海外服务器 ❤ ❤ ❤
catbox.moe 支持 200m 主流格式文件外链网站。
图片外链展示 图片上传日期：2018 年 12 月 30 日
wordpressDUX主题美化操作 修改首页文章边框颜色
添加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;
}
WordPress 为你的博客增加鼠标点击效果集合大全
处即可，上干货！效果参阅百码云本站！
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>
wordpress主题DUX添加导航前的小图标
大前端Dux主题安装后导航是默认不带图标，但是dux主题已经集成了Font Awesome图标，我们只需要在导航标签属性上加上对应的CSS样式，就能显示图标了，前提一定是Font Awesome中有的，如果没有的话，会留下一个空白，加上CSS样式的导航如下图：
具体有那些图标，可以Font Awesome官网上查找，如下图
到底应该如何设置导航图标呢，将上图对应的CSS样式，替换掉下图红框中home,保存就大功告成啦
