预览图： 第三步： 刷新浏览器缓存查看

演示： 一级菜单和二级菜单的动态特效 第一步： 在后台-外观-菜单-导航标签中添加以下代码 <span><span data-hover="自定义菜单文字"><p class="shanshuo">自定义菜单文字</p></span></span> 第三步： 刷新缓存查看效果

效果图： css样式： 调用方法： 后台设置-外观-自定义-额外CSS-添加在最后即可

百度站长的资源提交分为快速收入和普通收录，资源的提交方式有：API 提交、Sitemap 提交、手动提交三种方式。 这里分享一下API提交方式。纯代码实现： API推送：最为快速的提交方式，建议您将站点当天新产出链接立即通过此方式推送给百度，以保证新链接可以及时被百度收录。 百度 API 提交token 值的获取 登录百度站长 → 资源提交 → 普通收录，下面图片中’token=’的后面就是我们自…

WordPress实现复制弹出提示框-美化版教程 wordpress的小伙伴直接将以下代码加入到主题目录functions.php文件即可

将以下代码加到你的网站css文件里面，随意，只要能引用的css就行了，wordpress用户加在style.css里面。  （必看）原理解释 给大家解释一下代码，不看可能不会扫（WordPress柒比贰主题可以忽略，因为花醉也是。） 找到你的logo所处的div，然后找到他的class，如这个实例： <h1 class="logo pos-a">< …

教程开始 放自定义顶部或底部html都可以，也可以放文件里，都随意 <!-- Made by Juanyi --> <!-- 和子比有兼容问题的记得注释掉，如果没引用Jquery记得把注释取消 --> <!-- <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.7.1/jquery.js&q…

鼠标指向图标会弹出窗口 附件放到网站根目录，内容图标位置都可以自定义。 打开/b2/Modules/Templates/Header.php 搜索 <div class="header-banner-right"> 将下方代码放置下方 <style> .abcd_benefitTag_benefits-wrapper {position:relative…

路径b2/Assets/fontend/single.js 在1139行添加以下代码： location.reload();

效果： 第一步： 打开/wp-content/themes/b2/TempParts/Single/content.php查找</header> 在下面添加，当然你也可以添加到你自己喜欢的地方，样式自己调 <div class="operTips">文章最后更新于：<?php echo get_the_modified_time('Y.m…

美化教程 CSS代码： /点击更多/ .theme-pagination .ajax-next a, .theme-pagination .order-ajax-next a{border-radius: 30px; padding: 15px 0; color: var(--muted-color); background-color:var(--main-bg-color);color: #F…

前言： 这个应该好好吐槽一下，主题作者应该更新美化轮播图按钮样式，太矩形了（边角弄圆一点也好呀!）,自己动手丰衣足食，喜欢我这个样式的小伙伴，拿去吧！点赞一波就好啦！ 美化图： CSS代码：（压缩过了） /*幻灯片上一张、下一张按钮样式*/.swiper-button-next, .swiper-button-prev{height: 70px !important;}.swiper-button…

直接放入后台模块自定义模块即可 仅仅桌面显示，手机端不适应 里面内容自行修改 演示图 </style> <div class="topCard--list"><div class="topCard--item u-rounded u-shadowed"><h3 class="topCard--title&q…

美化图 在zibll主题目录下，footer.php文件中的“</footer>”（重要）下面添加下面的代码： <!--底部波浪开始--> <div class="wiiuii_layout"> <svg class="editorial" xmlns="http://www.w3.…

演示： 🎉教程： 第一步： 1、下载WP-IPUA插件，打开/wordpress/wp-content/plugins/wp-ipua/helper.php，添加下面的代码 function get_user_ip_address() { ob_start(); $user_id = get_query_var('author'); // 获取用户ID // 获取用户的最后登录…

WordPress网站7b2美化之漂亮的VIP会员页面兼容手机端（适合2或4种会员），很多网站都是有会员的，这个vip美化很好地引导用户注册成收费会员，还可以兼容手机，还是比较不错的。 1.效果演示 2.实现教程 教程大致可分为两步：替换原VIP页面——美化vip页面 2.1.替换vip会员页面 原404文件位置：主题目录/pages/vips.php，将里面内容替换为下面…

前言 可以用来做侧边栏的广告、领取福利等。 美化教程 很久以前网上找来的，然后自己就进行了一些小小的修改，本来这个小工具模块是广告类型的，但觉得自己侧边栏东西很少就修改成了自己的在线工具跳转的模块工具了。这是一个非常简单的模块小工具，采用结合的HTML+CSS。只需在站点后台 >> 外观 >> 小工具 >> html代码 然后把小工具添加到指定侧边栏中即可。 &…

前言： 本来是准备把另一个追剧页面弄好后在一起发教程的，但一直还没有时间去弄追剧页面的样式美化（暂时没有了样式设计的想法），有星友需要这个页面，所以今天就先发布WordPressB站追番页面吧（后期会发布追剧的页面，敬请期待…）！O(∩_∩)O哈哈~。 WordPress追番页面是我在百度翻找了好久，无意间在GitHub找到的，是由Mario（蘑菇君）大佬二开的（大佬就大佬，我永远滴神…），然后我…

前言： 首先由于主题不同，所以我的CSS和大家并不一样！因此，我们需要找到评论框所在CSS！我使用的是JustNews主题，用这个版本的可以直接添加代码使用。 JustNews主题CSS #comment,.comment-must-login { background-image:url(https://cdn.west2.cn/wp-content/uploads/2022/02/164405…

美化教程 CSS代码： /*首页文章列表悬停上浮*/@media screen and (min-width: 980px){.tab-content .posts-item:not(article){transition: all 0.3s;}.tab-content .posts-item:not(article):hover{transform: translateY(-10px); box…

前言： 用jQuery+Layer.js实现的一个主题切换小提示。 美化图： 第一步： 调用Layer.js，Layer.js是一个非常优秀的弹层组件，看自己是否已经调用了Layer组件 （办法：先别调用下面的Layer.js,看直接使用第二步的代码能否使用，若无法使用就证明没有调用Layer，自己把下面的代码放到主题里【自定义头部HTML代码】） <script type="te…

wordpress默认情况下后台的菜单列表如下图所示： 但是我们在使用wordpress后台管理网站的时候，有些菜单选项并不是经常会用到的，比如“多媒体”菜单，儿相对于“页面”菜单我们又经常用到，那么如何重新排列wordpress的后台菜单管理项呢？方法如下：在你主题的的functions.php文件中添加如下代码: /** * 重新排列wordpr…

前言 回到顶部悬挂猫咪是今天我从网上看到觉得很不错，然后就弄到了本站，确实很棒。话不多说，下面分享教程！ 美化图 回到顶部悬挂猫咪只能电脑端显示，需要手机端显示，自己修改CSS代码。 本教程以本站使用的子比主题为例，大部分主题大同小异。 回到顶部悬挂猫咪采用js+css+Jquery,但大多数的WordPress主题都已经使用Jquery，所以无需担心Jquery问题（当然啦，如果主题没有Jque…

美化图： 第一步： CSS代码部分 /*为pre区域添加一键复制*/i.yellow-i { content: ''; position: absolute; top: 0; left: 25px; width: 15px; height: 15px; border-radius: 50%; margin: 15px 25px; background: #fdbc40; z-i…