WordPress网站顶部导航栏添加背景图片的教程
/*导航栏图片背景*/
.header-layout-1{position:relative;background-image:url(图片链接);background-position:center right;background-size:auto 100%;}
说明：图片背景是透明的，可...
WordPress网站文章页面添加文章字数和阅读时间的教程
1、在主题目录下functions.php文件把下面的代码添加进去：
// 文章字数和阅读时间
function count_words_read_time () {
global $post;
$text_num = mb_strlen(preg_replace('/s/',...
WordPress网站底部可爱底线提示的教程
在主题目录—>footer.php的“<footer class….>”上方加入以下代码：
<!--底部可爱底线提示-->
<div class="app_normal window" style="padding-top:" data-reactroot=""><div c...
WordPress网站文章添加版权声明的教程
在子比主题设置—>文章&列表—>文章页–->版权提示内容处添加以下代码：
<div>
<!--网站声明代码start-->
<div>
<fieldset
style="
border...
WordPress网站顶部添加彩色进度条的代码教程
CSS代码：
/*进度条加载显示*/
#percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border...
WordPress网站添加复制提示框的教程
样式一、
//复制提示
document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: ...
WordPress首页文章列表浮出的代码教程
CSS代码：
/*列表依次进入*/
posts{display: none}.fadeIn{display: block; animation: fadeIn 3s;}@keyframes fadeIn{0%{opacity: 0; transform: translate3d(0, 50px, 0);} 100%{opaci...
WordPress网站首页主内容上方添加跑马灯公告小工具的教程
网站后台—>外观—>小工具—>自定义HTML，然后添加到合适位置即可。
<!--跑马灯公告-->
<style>
#nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffff...
WordPress设置网站动态标题的教程
我们经常逛别人的网站，有些网站当我们离开该页面浏览其它页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦...
WordPress添加侧边彩色滚动条的代码
WordPress默认的浏览器侧边栏滚动条是非常丑陋的，当然，有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化，有些WordPress主题是没有美化侧边滚动栏的，那么这时就需要我们去...
WordPress网站点击彩色效果的代码教程
理论上支持大部分网站，Worderss主题一般都在后台主题设置里的自定义JS代码里添加，其它大同小异。
这一个很简单的网站点击彩色的效果，采用js来实现的，首先创建JS文件，复制下面的代码...
WordPress子比主题首页文章点击更多按钮样式美化的教程
WordPress子比主题首页文章点击更多按钮样式美化的方法：
CSS代码添加到后台子比主题设置—>自定义代码—>自定义CSS样式
CSS代码：
/点击更多/
.theme-pagination .ajax-next a, .th...
WordPress添加好看图形动态背景图
WordPress网站添加一个好看图形动态背景图，样式非常好看，使用简单，CSS代码即可解决的背景美化。
.body {
background-image: url("图片地址");/**这里改为自己的图片地址**/
b...
WordPress子比主题文章卡片美化教程
教程简介：
子比主题文章卡片美化，我发现是在卡片代码内插入html代码配合css实现的，增加这三个点的代码，可以使用before来实现这个效果。
代码如下：
.posts-item.card::before ...
WordPress首页文章列表悬停上浮开始
自定义 CSS 代码：
/*首页文章列表悬停上浮开始*/
@media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(...