第一步：主题目录打开 functions.php ，在最后添加如下代码 /*开启wordpress友情链接管理*/add_filter( ‘pre_option_link_manager_enabled’, ‘__return_true’ ); 第二步：主题目录 -> footer.php ，在“《!--?php if (…

结合之前发的几款WordPress广告区块，做了个整合，结合了一些优点，做了点优化。添加了左下角的文字水印，右上角的广告提示标志，精致的hover动效，实用又好看。 响应式设计，应用范围更广，在不同的宽度下都有良好的展现形式。 进入B2主题-模块管理-文章内页-文章顶部广告位代码里面复制下面方的代码 下面是广告代码和CSS样式

美化教程 CSS代码：（字体样式一：） /*字体*/@font-face{font-family:"wiiuii";src:url(https://www.cunshao.com/666666/meihua/adjzRQKK4rMhqM7T.ttf);} *{font-family:"wiiuii"} CSS代码（字体样式二）： /*全站字体美化*/@fon…

1、打开B2主题的TempParts/circle/circle-form.php文件 2、搜索代码： <div class="circle-top"> 3、在此代码上面添加下方的文字滚动通知代码 <!--B2圈子顶部文字通知--> <div class="xcbtmw_notice wrapper" style="m…

如果注意观察我网站的左上角，就会发现有xxFPS这几个字不断的发生变化，只需一句js代码即可实现！今天就给大家分享一下WordPress添加帧率显示的教程！ 美化教程 你只需在网站管理后台—》主题设置—》自定义代码—》自定义javascript代码，把下面的js代码复制粘贴到里面即可。 // FPS帧 $('body').before(�…

1.在主题的 functions.php 添加下面的代码： /* * RiPro 添加评论之星等级 * https://www.sjcnh.cn */function get_author_class($comment_author_email,$user_id){ global $wpdb; $author_count = count($wpdb->get_results( “…

如果你喜欢这个样式的搜索 将以下Html代码放至主题模块中（主题设置-模块管理-自定义代码 HTML代码 <!--动态搜索背景html代码开始--> <style> .poa { color: #f4f4f4; } p.home-banner-linkss.line-one1 { width: 80%; font-size: 14px; height: 20px; line…

WordPress主题美化右边多色滚动条，本站就是美化效果 将下列代码加入style.css中

教程开始 首先 我们打开ripro/inc/theme-functions.php 找到// 获取图片高度 //NEW 或者 entry-media 替换为以下代码 // 获取图片高度 //NEW if ( ! function_exists( 'cao_entry_media' ) ) : function cao_entry_media() { global $post; …

将下放代码放入b2主题设置->模块管理->首页->首页内容模块布局->调用内容->自定义； 其他主题自行自定义。 Html代码： 五个 <div class="mrxu_link newmrxu_link"> <dl> <dd class="xu_link_1"><a href=&quo…

美化图： 教程： 在后台—》外观—》小工具—》首页-底部全宽度，自定义HTML添加下面代码即可。 <div id="wiiuii" style="box-shadow: 0 0 10px var(--main-shadow);"> <section class="buy-container"> <div cl…

美化后如图 操作示例： 在主题style.CSS引入如下代码： 代码一： /*代码高亮*/.entry-content pre { position: relative; border-radius: 6px; padding-top: 50px; box-shadow: 0px 8px 20px -10px #000; height: auto; color: #fff; } .entry-co…

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

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

一般网站都会在页脚底部添加类似Copyright ◎ 2013-2014版权信息,如果嫌每年都改这个日期麻烦, 可以通过下面的方式添加一个动态版权日期。 将下面代码添加到当前主函数模板functions.php function mrxu_copyright() { global $wpdb; $copyright_dates = $wpdb->get_results("SELEC…

美化图： 代码： /*手机侧边栏背景图片*/@media (max-width: 767px){ .mobile-navbar.show,.mobile-navbar.left{ background-size: cover; background-repeat: no-repeat; background-position: center center; cursor: pointer; bac…

美化图： 第一步： 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…

WordPress后台的登录页面默认就是一个登录的表单 背景什么的都是白茫茫的一片。看久了还真有点腻。 今天就分享一下美化后台登录界面的简易教程。 首先，打开你的主题的"functions.php",拉倒最后面，在最后一行的 “?>” 前面添加如下代码： /*** WordPress 登录界面美化**/function custom_logi…

B2主题设置->模块管理->首页->添加新模块 调用内容为自定义，放入下方html代码 <div class="banxin Mrxu-block"> <div class="Mrxu-circulation"> <ul> <li class="color1"> <d…

效果图： 第一步： 在functions.php加上下面这段代码，图片是站长放在自己腾讯云里的，这里我就删除了，请自行添加自己的图片 //获取评论数量 function zfunc_comments_users($postid=0,$which=0) { $comments = get_comments('status=approve&type=comment&post_…

前言： 这是简单的改动一下代码，添加了几个类，如果作者更新主题时下载页面没改动代码的话，更新主题后【复制粘贴代码】进去就能用！（更新前记得备份！记得备份！记得备份！不然就被刷新代码了） 美化图： 代码: （一些说明请仔细看） CSS代码：（放在哪，这里就不在说了，自己可以压缩一下CSS代码） /*下载样式*/.download-article{ padding: 0 10px; } .downlo…

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

改WordPress程序根目录下的全局配置文件wp-config.php，在最后加入：

前言 热门标签页面其实很早以前就想做了，但是没有正式学过前端相关的语言，自己写也写不出来，再加自己学业的原因一直没有时间去网上资料，所以就把这件事放到了脑后。昨天考完了试，终于把有时间把网站升了一下级，顺便把热门标签这个页面给弄了一下。自己写不出来，所以热门标签页面的样式借鉴了B2主题的标签聚合页样式进行了一些修改，尽量的适应子比主题，所以昨天一晚上都在弄热门标签页面适配手机端的问题。但还是有一些…

前言 现在大部分博客图标都采用Font Awesome图标库，因为Font Awesome图标库满足了大部分用户的需求了，但做为喜欢花里胡哨的我们是不够的，Font Awesome图标库的图标不仅没有彩色的图标，个性化的图标还有点少！所以对于我们喜欢彩色的菜单图标选择性很少！所以只能引入其他的矢量图标库，今天我就分享一下WordPress引用阿里巴巴矢量图标库的彩色图标。 美化教程 阿里巴巴矢量图…

B2主题美化之文章内容美化H标签美化，本标题就是美化效果 将下列代码加入到styles.css之中 添加代码后，强制刷新就能看到效果了

美化图 CSS代码： /*导航栏图片背景*/.header-layout-1{position:relative;background-image:url(https://www.cunshao.com/666666/meihua/img/huacao.png);background-position:center right;background-size:auto 100%;} 说明：图片背景…

前言 我们经常逛别人的网站，有些网站当我们离开该页面浏览其他页面的时候，我们在离开的页面上面会看到比如本站的“你别走吖 Σ(っ °Д °;)っ”这样的字样，当我们点回来的时候页面上面会看到“(/≧▽≦/)你又回来了！”的字样。那么我们如何实现呢？其实很简单，只需一句javascript语句即可实现。请看下面的教程。 美化教…

1、首先，您的b2主题必须设置为社交类型菜单（此暗黑模式仅仅适配了此菜单，如果你想使用其他类型菜单可以参考night_style.css文件末尾的方法进行修改） 2、按照此教程修改完成后，会在侧边栏添加一个按钮进行模式切换。 3、本教程是以子主题部署为主。 如需修改父主题文中会特别标明。 第一步 引入本站图标和记录夜间开启状态 打开b2子主题目录下的header.php文件，或前往b2主题后台&r…

美化图： 效果就是上图这样，图片自动滚动，挺适合做广告位，也可以放一些自己网站特色的内容宣传图。 将下面代码放置在小工具——自定义HTML即可 html代码 <div class="one"> <ul style="left: -788px;"> <li><a href="/&quo…