本站主题用到的二次修改记录

释放双眼,带上耳机,听听看~!

本站基于WordPress搭建,主题使用由国人春哥开发的柒比贰主题。

在原版的主题的基础之上,做了些微修改。此贴做为备忘。

本站主题用到的二次修改记录

文章标题背景及字体修改

后台CSS文件

#post-single .entry-title{
	font-weight:bold;
	font-size: 22px;
	margin:20px 20px 20px 20px;
	padding-bottom:10px;
	background:none repeat scroll 0 0 #eaebef;
	padding:1% 2%;
}

右下角添加功能按钮

联系站长等彩色按钮,此代码由aliyun.blog大佬提供,本站些修改

首先是CSS

/* aliyun */
.elevator_item {
    position: fixed;
    right: 12px;
    bottom: 195px;
    z-index: 11
}

.elevator_item .feedback {
    width: 36px;
    height: 40px;
    background-color: #fff;
    color: #fa3c64;
    font-size: 12px;
    padding: 5px 6px;
    display: block;
    border-radius: 5px;
    text-align: center;
    margin-top: 10px;
    box-shadow: 0 1px 2px rgba(0,0,0,.35);
    cursor: pointer
}

.graHover {
    position: relative;
    overflow: hidden
}

.graHover:before {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.2)
}

.graHover:hover:before {
    display: block
}

.clearfix {
    *zoom: 1
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

其次在主题设置–基本设置–版权设置或者在主题页脚(footer.php)添加代码

class="elevator_item mobile-hide" id="elevator_item">
    class="graHover mobile-hide feedback" style="background-color: #ffd900;color:#383838;" href="http://wanquanpu.com" target="_blank"  rel="nofollow">领取优惠class="graHover mobile-hide feedback" style="background-color: #1e6be3;color:#fff;" href="" rel="nofollow">更多内容class="graHover mobile-hide feedback" style="background-color: #fa3c64;color:#fff;" href="tencent://AddContact/?fromId=50&fromSubId=1&subcmd=all&uin=33480579" target="_self" rel="nofollow">联系站长

右上角古诗词随机显示

首先感谢大佬提供的API,https://jinrishici.com

修改位置,主题代码-inc/functions-announcement.php中的方法 header_announcement_7b2()在原代码

'.($menu ? '
class="fr">'.$menu.'
' : '
class="fr" @click="showSearchBox">'.$text.'
').'


改为

'.($menu ? '
class="fr">'.$menu.'
' : '
class="fr" @click="showSearchBox">'.$text.'"今日诗词" src="https://v2.jinrishici.com/one.svg?font-size=17&spacing=2&color=silver">
').'

其中,font-size=17&spacing=2&color=silver三项可以根据自己需要进行更改,具体可查看大佬提供的API

前台编辑器字体颜色修改

大叔有几个喜欢的字体色彩,前台原本的编辑器不支持,只好手动改改

在后台主题文件 js/editor/quill.min.js 中,随便搜索以下几个颜色,并修改即可。

["#000000","#e60000","#ff6600","#ffff00","#008a00","#0066cc","#9933ff","#ffffff","#facccc","#ffebcc","#ffffcc","#cce8cc","#cce0f5","#ebd6ff","#bbbbbb","#f06666","#ffc266","#ffff66","#66b966","#00ccff","#c285ff","#888888","#a10000","#b26b00","#b2b200","#006100","#0047b2","#6b24b2","#444444","#5c0000","#663d00","#666600","#003700","#002966","#3d1466"]

百度提交自动推送代码

在主题页脚文件中插入JS代码即可

<script>
(function(){
    var bp = document.createElement('script');
    var curProtocol = window.location.protocol.split(':')[0];
    if (curProtocol === 'https') {
        bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
    }
    else {
        bp.src = 'http://push.zhanzhang.baidu.com/push.js';
    }
    var s = document.getElementsByTagName("script")[0];
    s.parentNode.insertBefore(bp, s);
})();
script>

增加搜索按钮

修改文件 inc/functions-templates.php 下的方法header_top_menu_7b2

#登录状态的按钮,无需要修改CSS
#在这一行下面添加代码 
class="button text pos-r" @click="showSearchBox('search')">class="iconfont zrz-icon-font-sousuo">

#非登录状态需要修改一下,大叔现学现卖,修改后对登录按钮位置有点小变动,总体看不出来
#在这一行代码上面添加登录
class="button text pos-r  fkl-sousuo" @click="showSearchBox('search')">class="iconfont zrz-icon-font-sousuo" >

#同时更新CSS文件
/* fkl search-button */
button.fkl-sousuo {
 	top:6px;
}
button.fkl-sousuo > .iconfont {
  	font-size:23px;
}

禁止后台登录

在functions.php文件添加如下方法

add_action('login_enqueue_scripts','login_protection');  
function login_protection(){
	if($_GET['word'] != 'press') header('Location:https://fx.fklds.com');
}

小工具-自字义HTML

<div style="padding-left:10px;">
<p style="color:red;">各行业视频教程分享p>
<p style="color:green;margin-top:10px;">优质软件及工具的推荐p>
<p style="color:blue;margin-top:10px;">优质网络资源分享p>
<p style="color:#f60;margin-top:10px;"><strong>若未搜到指定资源,欢迎私信或者留言联系大叔,大叔会在第一时间更新strong>p>
<p style="margin-top:10px;" >更多服务内容 <a href="https://fx.fklds.com/908.html" style="color:#4285f4;">

移除自动保存和修订版本

关于WP的自动修订、自动保存、自动草稿的禁用

底部加入文章原创链接和版权声明

在template-parts/content.php文件中加载完文章内容时the_content()方法后面添加以下代码

<!-- fklbq	 -->
			<p style="margin-top:50px;">原创文章,转载请注明出处:<a href="<?php echo get_permalink( $post->ID );?>"><?php the_title(); ?></a>@<a href="<?php echo get_option('home'); ?>" ><?php bloginfo('name'); ?></a></p>
			
			<div class="pd10" style="background-color:#eaebef;margin-top:50px;">
						<b style="color:red;">声明:</b>本站大部分内容均收集于网络,且本站不提供存储、下载服务,本站所有内容只做学习和交流使用,版权归原作者所有。本站发布的内容若侵犯到您的权益,请点击右侧"<span class="iconfont zrz-icon-font-message1"></span>"联系站长删除,我们将及时处理!
			</div>
<!-- 	fklbq - end		 -->

给TA打赏
共{{data.count}}人
人已打赏
WordPress

手把手教你做好网站备份

2018-9-11 16:09:13

LinuxWordPress

宝塔面板伪静态的一个小坑

2018-10-15 15:04:20

免责声明
本站提供的一切软件、教程和内容信息仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站除大叔原创外的资源均来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑或手机中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权请通过私信与我们联系处理。敬请谅解!
4 条回复 A文章作者 M管理员
  1. 莼絔色

    正版有优惠吗,很喜欢这个主题,500多感觉有点儿贵啊

    • 方块李

      貌似没有,你可以试试说朋友介绍,看看有没有搞基价~

个人中心
今日签到
有新私信 私信列表
搜索