产品项目 第108页
排序
WordPress网站公告弹窗样式美化的教程
自己在弹窗内容里面添加代码即可。 <html> <body> <!--文本--> <a href='https://www.bailuze.com/' target='_blank' title='鹿泽笔记'> <img style='display: inline-block; wi...
WordPress底部炫酷小卡片的教程
在后台—》外观—》小工具—》首页-底部全宽度，自定义HTML添加下面代码即可。 <div id='wiiuii' style='box-shadow: 0 0 10px var(--main-shadow);'> <section class='buy-container'> &...
WordPress网站更改文章列表样式的教程
CSS代码： /*文章列表样式*/ @media screen and (min-width: 768px){.posts-item .item-thumbnail{width: 100%; height: 300px;}/*.posts-item .item-heading{text-align: center;}*/.posts-ite...
WordPress主题评论框添加背景图片的代码
在主题设置—》自定义CSS样式，添加下面的CSS代码： /*评论背景图*/ textarea#comment {background-color:transparent;background:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),...
WordPress添加文章更新或过期失效提示的教程
将下面的函数代码加入到主题目录下functions.php文件中。 //文章过期提示 function article_time_update() { date_default_timezone_set('PRC'); $newdate=time(); $updated_date = get_the_mod...
WordPress主题添加底部蓝色波浪的教程
在zibll主题目录下，footer.php文件中的“”（重要）下面添加下面的代码： <!--底部波浪开始--> <div class='wiiuii_layout'> <svg class='editorial' xmlns='http://www.w3.org/2000/...
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/','',html_enti...
WordPress网站底部可爱底线提示的教程
在主题目录—>footer.php的“<footer class….>”上方加入以下代码： <!--底部可爱底线提示--> <div class='app_normal window' style='padding-top:' data-reactroot=''><div clas...
WordPress网站顶部添加彩色进度条的代码教程
CSS代码： /*进度条加载显示*/ #percentageCounter{position:fixed; left:0; top:0; height:3px; z-index:99999; background-image: linear-gradient(to right, #339933,#FF6666);border-radius...
WordPress网站添加复制提示框的教程
样式一、 //复制提示 document.body.oncopy = function(){Swal.fire({allowOutsideClick:false,type:'success',title: '复制成功,如转载请注明出处！',showConfirmButton: false,timer: 2000});...
WordPress首页文章列表浮出的代码教程
CSS代码： /*列表依次进入*/ posts{display: none}.fadeIn{display: block; animation: fadeIn 3s;}@keyframes fadeIn{0%{opacity: 0; transform: translate3d(0, 50px, 0);} 100%{opacity: 1; ...