产品项目 第47页
Wordpress主题评论框添加背景图片的代码 - 鹿泽笔记

WordPress主题评论框添加背景图片的代码

在主题设置—》自定义CSS样式,添加下面的CSS代码: /*评论背景图*/ textarea#comment {background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),...
2024-05-31 23:30:23
370
Wordpress添加文章更新或过期失效提示的教程 - 鹿泽笔记

WordPress添加文章更新或过期失效提示的教程

将下面的函数代码加入到主题目录下functions.php文件中。 //文章过期提示 function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_mod...
2024-05-31 22:59:30
610
Wordpress主题添加底部蓝色波浪的教程 - 鹿泽笔记

WordPress主题添加底部蓝色波浪的教程

在zibll主题目录下,footer.php文件中的“”(重要)下面添加下面的代码: <!--底部波浪开始--> <div class='wiiuii_layout'> <svg class='editorial' xmlns='http://www.w3.org/2000/...
2024-05-31 22:23:59
1000
WordPress侧边栏信息统计小工具的教程 - 鹿泽笔记

WordPress侧边栏信息统计小工具的教程

WordPress信息统计小工具是前几天逛别的网站看到挺可以的,然后就搜索一下,果然有很多这样的教程,但是那些小工具都只显示文字,不怎么美化,特别的简洁。 1、在主题目录下创建widget-websites...
2024-05-31 18:10:01
1130
WordPress网站顶部导航栏添加背景图片的教程 - 鹿泽笔记

WordPress网站顶部导航栏添加背景图片的教程

/*导航栏图片背景*/ .header-layout-1{position:relative;background-image:url(图片链接);background-position:center right;background-size:auto 100%;} 说明:图片背景是透明的,可以自己弄...
2024-05-31 17:58:36
530
WordPress网站文章页面添加文章字数和阅读时间的教程 - 鹿泽笔记

WordPress网站文章页面添加文章字数和阅读时间的教程

1、在主题目录下functions.php文件把下面的代码添加进去: // 文章字数和阅读时间 function count_words_read_time () { global $post; $text_num = mb_strlen(preg_replace('/s/','',html_enti...
2024-05-31 17:56:31
440
WordPress网站底部可爱底线提示的教程 - 鹿泽笔记

WordPress网站底部可爱底线提示的教程

在主题目录—>footer.php的“<footer class….>”上方加入以下代码: <!--底部可爱底线提示--> <div class='app_normal window' style='padding-top:' data-reactroot=''><div clas...
2024-05-31 17:53:13
420
WordPress网站文章添加版权声明的教程 - 鹿泽笔记

WordPress网站文章添加版权声明的教程

在子比主题设置—>文章&列表—>文章页–->版权提示内容处添加以下代码: <div> <!--网站声明代码start--> <div> <fieldset style=' border: 1px dashed #008cff; padd...
2024-05-31 17:48:47
440
WordPress网站顶部添加彩色进度条的代码教程 - 鹿泽笔记

WordPress网站顶部添加彩色进度条的代码教程

CSS代码: /*进度条加载显示*/ #percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius...
2024-05-31 17:47:20
700
WordPress网站添加复制提示框的教程 - 鹿泽笔记

WordPress网站添加复制提示框的教程

样式一、 //复制提示 document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处!',showConfirmButton: false,timer: 2000});...
2024-05-31 17:44:41
640
WordPress首页文章列表浮出的代码教程 - 鹿泽笔记

WordPress首页文章列表浮出的代码教程

CSS代码: /*列表依次进入*/ posts{display: none}.fadeIn{display: block; animation: fadeIn 3s;}@keyframes fadeIn{0%{opacity: 0; transform: translate3d(0, 50px, 0);} 100%{opacity: 1; ...
2024-05-31 17:40:16
480
WordPress网站首页主内容上方添加跑马灯公告小工具的教程 - 鹿泽笔记

WordPress网站首页主内容上方添加跑马灯公告小工具的教程

网站后台—>外观—>小工具—>自定义HTML,然后添加到合适位置即可。 <!--跑马灯公告--> <style> #nr{font-size:20px; margin: 0; background: -webkit-linear-gradient(left, #ffffff, #f...
2024-05-31 17:38:31
720
WordPress设置网站动态标题的教程 - 鹿泽笔记

WordPress设置网站动态标题的教程

我们经常逛别人的网站,有些网站当我们离开该页面浏览其它页面的时候,我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样,当我们点回来的时候页面上面会看到“(/...
2024-05-31 17:36:23
410
WordPress添加侧边彩色滚动条的代码 - 鹿泽笔记

WordPress添加侧边彩色滚动条的代码

WordPress默认的浏览器侧边栏滚动条是非常丑陋的,当然,有些WordPress主题是自带美化的侧边滚动栏不需要我们自己去美化,有些WordPress主题是没有美化侧边滚动栏的,那么这时就需要我们去美化...
2024-05-31 17:32:57
450
WordPress网站点击彩色效果的代码教程 - 鹿泽笔记

WordPress网站点击彩色效果的代码教程

理论上支持大部分网站,Worderss主题一般都在后台主题设置里的自定义JS代码里添加,其它大同小异。 这一个很简单的网站点击彩色的效果,采用js来实现的,首先创建JS文件,复制下面的代码,粘贴...
2024-05-31 17:29:51
390
WordPress子比主题首页文章点击更多按钮样式美化的教程 - 鹿泽笔记

WordPress子比主题首页文章点击更多按钮样式美化的教程

WordPress子比主题首页文章点击更多按钮样式美化的方法: CSS代码添加到后台子比主题设置—>自定义代码—>自定义CSS样式 CSS代码: /点击更多/ .theme-pagination .ajax-next a, .theme-paginat...
2024-05-31 17:03:55
330
WordPress添加好看图形动态背景图 - 鹿泽笔记

WordPress添加好看图形动态背景图

WordPress网站添加一个好看图形动态背景图,样式非常好看,使用简单,CSS代码即可解决的背景美化。 .body { background-image: url('图片地址');/**这里改为自己的图片地址**/ background-posit...
2024-05-30 17:46:15
380
WordPress子比主题文章卡片美化教程 - 鹿泽笔记

WordPress子比主题文章卡片美化教程

教程简介: 子比主题文章卡片美化,我发现是在卡片代码内插入html代码配合css实现的,增加这三个点的代码,可以使用before来实现这个效果。 代码如下: .posts-item.card::before { content: ''...
2024-05-30 17:43:32
690