Zblog拓源企业主题修改备忘录

本文记录Zblog拓源企业版修改方法，这个是购买的企业版模板，非免费纯净版拓源主题，特此说明。

（1）修改默认的文章内H3标题样式

默认的

.single h3 {
    margin-top: 30px;
    font-size: 1.4em
}

美化修改后

.single h3 { 
    background-color: #fbfbfb;
    color: #333;
    border-left: 4px solid #c7323c;
    padding-left: 10px;
    margin: 10px 0;
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
    font-weight: bold;
    font-size: 1.2em
}

（2）首页友情连接增加nofollow属性

拓源QQ群内有个增强版友链插件，群主告诉我覆盖安装后后台友链会增加设置nofollow属性选项，结果安装后直接报错，只好自己想别的办法。

解决办法为修改zb_users/plugin/LinksManage/var/li.html文件，修改为如下即可。要说明的是修改完成后，需要在后台友情连接管理模块里面重新编辑提交一次链接，才可以生效。

<li class="{$id}-item">
  <a href="{$item.href}" target="{$item.target}" title="{$item.title}" rel="nofollow">{$item.ico}{$item.text}</a>
  {if count($item.subs)}
  <ul>{foreach $item.subs as $item}{template:lm-module-defend}{/foreach}</ul>
  {/if}
</li>

（3）文章页面针对h3标题在正文前增加了目录大纲显示

这个功能是从别的作者主题那学来的，现学现用，哈哈，被我成功移植到拓源主题了，理论上可以应用于任意主题。拓源主题修改文件为zb_users/theme/tcompany/include.php文件

（4）导航栏修改，给加了个阴影效果

.navbar.fixed{width:100%;position:fixed;top:0;left:0;z-index:99;box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1);}

（5）去掉主题可以空搜索bug

zblog默认主题普遍存在不输入关键词可点击搜索的bug，拓源企业主题同样存在，可通过修改此文件修复，zb_users/theme/tcompany/script/common.js后面增加如下内容，注意这个实际是夹在;后面，最后面还需要有个}包裹

$(function(){
    $(".navbar form").submit(function(){
        if($(this).find("input[type=text]").val().length == 0){
            $(this).find("input[type=text]").focus();
            return false;
        }
    });
});

（6）源代码头文件中去掉版权关键词

虽然说这个影响不大，但是还是去掉对SEO好点，位置为zb_users/theme/tcompany/template/header.php删除下面代码即可。

    {if isset($lang['tcompany']['theme'])}<meta name="theme" content="{$lang['tcompany']['theme']}">
{/if}

（7）导航菜单加入阿里巴巴小图标

本人比较喜欢Fontawesome图标，不太习惯用阿里小图标，但是拓源主题不能在后台直接添加Fontawesome图标，只好参考官方推荐，加了个小图标。

需要者具体可以参考拓源此文：https://www.toyean.com/post/menuicon.html

（8）移动端搜索框样式改进

修改CSS文件如下

.sch-m input{width:80%;margin:5px 10px;height:40px;padding:0 18px;font-size:16px;color:#333;line-height:40px;outline:0;border:2px solid #0188fb;border-radius: 2px;box-sizing:border-box;background:transparent}

（9）修改移动端文章正文标题文字大小

正文标题字体为28px，这个大小在PC端还好，如果在手机上显示有些过大了，自己修改CSS调小字体即可。

@media screen and (max-width:750px){
.singletitle h1{font-size:18px;line-height:38px}
}

（10）正文图片增加阴影效果

从明月登楼博客中发现正文图片增加的阴影效果挺好看，于是直接搬运过来，加载样式表最后面即可。

.post img{
	max-width:90%;
	display:block;
	margin: 20px auto;
    -webkit-box-shadow: 2px 2px 8px #888888;
    -moz-box-shadow: 2px 2px 8px #888888;
    box-shadow: 2px 2px 8px #888888;
    }