本文作者:非李莫属

Z-BlogPHP开运锦鲤前来报道(更新说明及操作教程,必看文章)

非李莫属 2个月前 ( 01-03 13:44 ) 3027

历时一个多月的锦鲤主题,终于完成了。2019首发Z-blogPHP锦鲤主题模板(Koilee · 开运锦鲤),部分模块移植WP主题,目前主题已经完善,主题简洁、大气,适合个人博客及文章写作等,先介绍主题吧。

演示地址:http://www.918484.fun/

screenshot.jpg

主题已经上架Z-Blog应用中?#27169;?#24102;审核完毕附上链接,?#37096;?#20197;直接@我付款购买(有折扣)

主题相关功能:

1.主题自带SEO设置(文章页,列表页,标签页等),主题设置-功能设置-开启自定义SEO

2.文章可自定义显示缩略图。

3.完美支持移动端自适应。

4.适配百度熊掌号(主题设置-功能)

5.导航自带二级?#35828;ィ?#20462;改方式如下:(?#33756;?#27599;个主题都是这段代码)

<li class="menu-item-has-children">
    <a href="/">一级?#35828;?lt;/a>
    <ul class="sub-menu dropdown-menu">
        <li><a href="/">二级?#35828;?lt;/a></li>
        <li><a href="/">二级?#35828;?lt;/a></li>
    </ul></li>

6.自定义css样式功能,如果需要某些样式,可在后台自定义修?#27169;?#26041;便快捷,不受主题更新的影响,一劳永逸。

7.首页采用CMS和Blog模式双布局,后台自由切换,采用Html5+CSS3搭建,布局合理,适配百度熊掌号。Js+CSS无?#29992;埽?#36141;买后可二次开发(因二次开发而导致的网站错版,无法打开等问题均不在售后?#27573;?#20043;内,可有偿提供技术支持!)。

8.模板采用图片延迟加载技术、视觉滚动?#35748;?#20851;特效。去除占用CPU较高且无用的特效。

9.底部采用波浪式背景图片,简单却?#26893;?#22833;调皮(皮一下很开?#27169;?/p>

10.首页CMS布局基本采用自定义文章的形式展示,给你最大化的自由!(往下有具体介绍)

11.博主介绍可以开启随机展示一句话,不会设置的往下看吧。

12.主题功能?#30475;螅?#19981;一一赘述,请看主题更新说明!

更新说明(2019年/3月):

∧_∧..

--、优化网站代码。

--、修复顶部出现1像素白边的问题。

--、增加网站关闭侧栏按钮功能(需要开启自定义缩略图,新建或者编辑文章的时候?#20063;啵?#24320;启关闭侧栏即可)

image.png

前台效果:

image.png

--、优化侧栏侧栏模块部分功能及代码,删除重复内容。

--、因微语未能完善其显示效果,所以暂时取消微语一栏功能,后续有完美方案在添加,对此深感抱歉(如果你觉?#35980;?#24819;取消微语,此版本可以无需更新。)

∧_∧..



往日更新内容:

--.修复在线更新主题文件出错的BUG。

--.优化跳转页源代码。如图:

image.png

广告位:

image.png

--.更新公告模块(原微语模式)效果如下:

image.png

设置方式:

左侧?#35828;ィ?#39029;面管理,新建页面,标题和正文随意,然后设置底部“别名?#20445;?#20363;如:notice)然后?#20063;?#25552;交。

image.png

别名:image.png

回到主题配置-首?#25104;?#32622;(如图)

image.png

PS:红框内设置的就是公告模式,这里取决于?#26412;?#24577;的设置,有些可能需要填写ID,最稳妥的设置方法是:页面管理找到刚才新建的页面,点击前面的曲别针图标,如图

image.png

然后在新窗口页面复制链接就可以了,如图(红框内的地址,填写在主题设置里)

image.png

--.修复自适应展示效果。

--、新增360搜索出图功能,采用普通文章模式,无需手动设置,自动开启,代码如图所示:

image.png

--、其他优化及修复,不一一列出(我也忘了都是什么)。

--、新增留言墙单页,设置如下:

页面管理---标题?#38405;猓?#27491;文自写,别名(访问链接)设置随意,然后?#20063;?#27169;板选择“readers

image.pngimage.png

最后提交,然后就ok了。

调用数据为:一年内(365天)评论次数最多的前100名用户(可能目前还不完善,但是不影响使用,不需要可以不开启)

效果图:

image.png

--、网站分类所属的子分类栏目列表,如果分类下没有子分类则不显示。图

image.png

--、网站外链转为base64位?#29992;?#20869;链(文章页、转载链接,评论链接等等,基本是全覆盖?#27169;?#22914;图:

image.png

这个有?#26412;?#24577;规则?#27169;?#38656;要自己设置,我的是nginx,所以规则如下:

if (!-f $request_filename){
 	rewrite ^/goto/(.*)$ /?urldecode=$1 last; 
 }

防止nginx配置文件里即可(不懂不要乱?#27169;?#20462;改前的备份),如果没有?#26412;?#24577;,可以不开启?#26412;?#24577;开关。

image.png

其他主机规则后续给出(我手里没有别的主机)

--、优化文章页相关推荐标签过多显示出错的BUG。

--、优化跳转页面样式表,增加一个广告位(广告设置,分类列表顶部广告代码。)

image.png

效果演示图:

image.png

--、新增微语功能,需要设置一个分类(或者新建一个分类)

image.png

然后在分类下设置要展示的分类即可,微语模板为“weiyu”设置好之后开启该功能,回到此分类?#24405;?#21487;呈现微语模板,不需要不开启即可。

效果演示:

image.png

--、美化部分侧栏模块样式。

--、修复移动端部分视频无法自适应的BUG。

--、移动?#35828;?#33322;?#35828;?#26032;增会员登录功能,登录链接设置为(主题配置---基本配置---顶部登录功能--会员登录/注册链接

--、想不起来还有啥了。。。总之就是值得更新,

----、修复管理员开启?#33322;?#29305;效后自适应出错BUG。

----、修复文章归档样式错乱的BUG(方法如下)

页面管理,新建页面,填写文章标题,内容随便写点什么(反正也不会显示),然后填写归档文章的别名:“archive?#20445;?#21487;自定义),最后在?#20063;?#36873;择模板“sitemap?#20445;?#25552;交,完毕,不会设置看图。

image.png

----、分享代码关闭后后打赏等功居右对齐改为居中对齐,如图。

image.png

----、优化首页友情链接和友链页面,标题的调用方法。(原先固定?#27169;?#29616;修改为原模块名称。)

image.pngimage.png

模块管理,找?#25509;?#24773;链接和图标汇集,然后修改名称:

image.png


----、新春特别版看本站演示,打开功能设置---?#33322;?#32972;景特效

image.png

新?#33322;?#36817;,特别为用户设置特版版本,更新如下:

----、更新屏幕尺寸1200像素时,?#26893;ビ也?#22270;文显示错位的BUG,

----、文章没有图片也未使用自定义缩略图时的默认图片更改为随机显示图片(1-9张随机显示)

----、适配用户中?#27169;ǎ?#26222;通会员和永久会员的独立标识,如图:

永久会员显示----普通会员(周、月、年)----管理员(未适配):

image.png----image.png----image.png

PS:需要的话自己设置,打开主题配置,基本设置---自定义css(?#20063;?#24320;启):

image.png

代码:

.single-avatar.vip3 {
    display: inline-block;
    padding: 4px;
    width: 70px;
    height: 70px;
    background: url(你的域名/zb_users/theme/koilee/style/images/avatar_admin.png) -1px 0 no-repeat;
}

----、首页CMS模块增加开关,精简部分PHP接口代码。

----、修复一些已知BUG

----、修改各模块上?#24405;?#36317;,确保统一。

----.更新一处js引起的警告。

----.鉴于文章版权问题,优化主题模板自带的版权功能。看?#21450;桑?/p>

原创效果图:

image.png

转载效果图:

image.png

开启方式变更为:主题配置---功能设置:

image.png

新建文章(编辑文章)标题下方有转载接口,开启版权功能且填写文章作者才会显示转载的效果图,否则显示原创效果。

image.png

----,优化部分文章显示超出屏幕的Bug。

----.更新列表文章的点赞样式。前提开启(点赞插件:新·文章点赞开发版

image.png

----.适配商品购买模板(需要开启用户中?#27169;?/span>插件ID:LayCenter购买功能),可实现在线购买。

image.png

设置方法:用户中?#27169;↖D:LayCenter)---销售配置---购买按钮(如图): .buybtn

image.png

----.适配用户中心文章的收藏功能(前后颜色不同,已于区分,不?#19981;?#36825;个颜色?#27169;?#20027;题后台自定义css修?#27169;?/p>

image.pngimage.png

设置方法:用户中心---常规配置,收藏按钮----基于元素添加(如图):.ds-reward-stl

image.png

----优化页面整体效果及自适应展示效果,修改手机版导航为左侧?#35828;ィ?#20462;复三级导航?#35828;?#37325;叠BUG,优化三级?#35828;?#32972;景颜色。

image.png

----、优化文章页部分代码过长导致错位的BUG

----、精简js代码,部分代码采用异步加载,提高网站相应速度;

----、新增部分图片特效,新增?#20063;?#36339;转网页底部功能。

----、修复评论墙调换页面错乱的现象。

----、修改网站边框之间的间距。

----、用户评论,最新留言等侧栏新增用户加V图标。

----、其他优化。

--.新增网页底部自定义接口代码(可以放置相关代码,比如JS等)。

image.png

--.优化百度熊掌号代码接口,熊掌号基本已经完了,原API接口已经失效了更换成了“搜索结果出图?#20445;?#38656;要的开机,不需要的关?#31449;?#34892;了。

image.png

--.修复三级?#35828;?#26679;式代码。

--.优化移动端评论头像显示效果。

--.新增导航三级?#35828;?#20889;法(文字和链接自行替换)

<li class="menu-item-has-children">
  <a href="/">一级?#35828;?lt;/a>
  <ul class="dropdown-menu sub-menu">
    <li><a href="/">二级?#35828;?lt;/a></li>
    <li>
      <a href="/" class="menu-th3">二级?#35828;?lt;/a>
      <ul class="sub-menu dropdown-menu">
        <li><a href="/">三级?#35828;?lt;/a></li>
      </ul>
    </li>
  </ul>
</li>

--.新增商品页(可以搭配cataimg列表使用,查看演示),两?#22336;?#27861;,设置如下:

第一种:发布(编辑)文章,点击?#20063;啵?#27169;板,选择“itheme”如图:

image.png

第二种:如果不想?#30475;?#37117;选择的话,那么选择左侧?#35828;ィ?#20998;类管理--编辑分类--选择文章分类模板“itheme”如图:

image.png

然后保存,所有此分类下的文章都将会采用“itheme”商品页模板。(如果没有采用那么需要手动修改模板,参考第一种方法)

哦,对了,商品页的价格接口需要开启,自定义缩略图才能看见,否则显示浏览量。

 image.png

--.修复首页cms模板底部?#26893;?#20986;错的BUG。

--.修改部分CSS样式表,优化移动自适应部分错位等情况。

--.新增文章页灯箱效果(不知道什么是灯箱效果?#27169;?#28857;击文章图片就知道了)。

--.新增cms首页部分cms模块开关功能,修改cms模块位置。



--.修改BUG若干(你能发现的或者你反馈的我都已经修复,不一一列出,更新后没有效果请CTRL+F5强制刷新,还不好使的话清空CDN缓存,要是还不好使,好吧,你单独找我吧。。。可能我忘记了。)

--.修复搜索页面的关键词高亮与可风用户中心搜索记录有冲突的BUG(感谢可风的技术支持,后期还是适配更多关于可风用户中心。)

--.优化了H2-H5标签样式表。(别再来找我说H2没有了,我受够了,喏,给你们更新了)

image.png

PS:本来打算将奥森图标更换阿里巴巴图标,但是修改之后发现阿里巴巴图标太过于自我(可以查看最新文章,我为什么放弃了阿里巴巴图标,如果没有这篇文章,那么明天在看,我可能还没写呢),所以暂时就不换了。

更新内容就这些,是我能想起来的就这么多,其他的也优化了,修复了,但是我也忘啦。。。了。。。



--.新增分类模板(cataimg)banner文?#32622;?#36848;接口(如图):

image.png

对应cataimg模板:

image.png

--.优化导航栏间距。

--.删除和优化搜索框,减少在导航栏所占用的?#21344;洹?/p>

image.png

--.新增评论用户加V标识。

image.png

--.修复打赏微信和支付宝位置错误的BUG。

--.优化移动端自适应展示效果。

--.修复因为百度熊掌号导致的JS错误。

--.精简JS,减少不必要的加载。

--.修复文章页面评论无法关闭及上下篇出错的BUG。

--.修复评论之后无法显示评论内容的BUG。

--.新增侧栏作者介绍微信模块。(自定义Font图标)

image.png

--.新增自定义背景图片。

--.修改logo尺寸宽度。

--.优化导航栏跟随的背景效果。

--.其他。


先介绍主题后台:(基本设置)

购买主题之后应该先设置分类模板:(下图)如果不设置,那么打开分类显示的都是首页。

设置分类模板(否则打开无论打开哪个分类页面都是首页的效果),

进入后台,分类管理,修改分类,

模板选择:catalog(默认)?#37096;?#20197;选择cataimg(效果图在下方),该分类文章的默认模板:single (无需修改),效果如图:

image.png

效果图(catalog模板):

image.png

横排效果图(cataimg模板):

image.png


主题后台介绍及预览:

主题配置.jpg

基本配置很简单,一目了然,就是设置博客的关键词,描述,网站标题和LOGO等常规操作,这里应?#35980;?#29992;特殊说明,所以就略过了。

哦对了,顶部登录更改了,变成在导航栏,这样简洁而且很好看。如果你开启了QQ登录或者启用的用户中?#27169;?#37027;么直接填写登录或者注册的链接就行了,是否开启你决定,有开关,没有启用用户中心?#27169;?#22909;比我的博客)关?#31449;?#22909;了。

首?#25104;?#32622;:

首?#25104;?#32622;.jpg

首?#25104;?#32622;也比较简单,显而易见的就不说了,介绍下CMS模块对应的接口吧。

首先:

image.png

对应首页:

image.png

直接填写文章ID即可,这里说下两个功能:

第一个是,如果关闭了首页的?#26893;ィ?#24187;灯片)那么此处也是关闭的。

第二个是广告代码,这里可能很多人不理解,解释下,不知?#26469;?#23478;用不用广告联盟,如果没有广告的话就不用看了,如果开启的百度等联盟代码,那么这里可以获取广告联盟代码,设置信息流,配置广告样式(一般设置左图右文),然后复制代码,放在如图的接口了,开启?#20063;?#30340;开关就可以了。正常情况下这里最多显示4片文章,如果开启了广告代码,那么需要减少一篇文章才能正常显示。

往下走,继续设置:

image.png

对应首页的精选导读:

image.png

这里就很简单了,设置精选导读,不需要的话关?#31449;?#34892;了。

然后是文章调用数量模块:

image.png

首页精选导读下方的最近文章数量,你想设置几篇就直接填写数字,比如8,那么就是调用最新的8篇文章。

第二个:侧栏,先说下侧栏的调用顺序:左侧?#35828;ィ?#27169;块管理,找到主题和插件创建的模块,然后把你想展示的模块拖拽?#25509;也唷?/p>

image.png


首页显示的是(默认侧栏),分类页(包括标签,作者,时间等页面)显示的是(侧栏2),文章页显示的是(侧栏3),搜索页显示的?#27169;?strong>侧栏4

image.png

介绍完侧栏,在回来介绍调用侧栏热门标签(数量),这就很简单了,想在侧栏展示多少标签就填写数量就行了;

然后是热门天数(文章推荐和热门天数是TAB切换展示?#27169;?#30452;接拖拽(文章推荐/热门文章) 即可),比如想展示一个月的热门,那么就填写30(一年是365天,我知道这是废话,但还得写出来),就行了。

image.png

最后是文章推荐,直接填写显示的文章ID即可,比如(1,1,1,1,1,1)数字之间用英文状态下的逗号(,)隔开,最多不要超过9篇。

image.png

再往下:

image.png

对应首页?#27169;?/p>

image.png

调用哪个栏目就填写栏目的ID即可。(最好是比如,两个栏目或者四个栏目)什么,你不知道分类ID是什么?好吧,看图:

image.png

在继续:

image.png

对应首页:

image.png

这个就简单了,不需要填写分类ID,直接选择就行,但是得填写调用的数量,默?#40092;?0篇。

在继续:

image.png

对应首页:

image.png

是?#27169;?#36825;里又得写调用分类的ID了,其实?#39029;?#35797;过,写成直接选择的模式,不过?#24418;?#25104;功,所以还得手动填写分类ID,不知道分类ID?#27169;?#30475;上?#21450;桑?#28982;后填写调用的文章数量即可(默认每个分类显示4篇)。

CMS到此设置完成,在看看其他?#27169;?/p>

image.png

这个是设置侧栏博主的相关信息,比如博主的ID,背景图,文本超链接等。还可?#21592;?#36753;作者的信息,?#37096;?#20197;开启?#20063;?#38543;机显示一句话。

image.png

要开启随机显示一句话必须要有文本教程如下:

新建一个txt文本文档,命名为:hitokoto.txt (不能随意修?#27169;?#21542;则不能正常展示)

然后直接填写你想展示的文字即可,比如:

人一生会遇到约万人,两个人相爱的概?#36866;?。所?#38405;?#19981;爱我,?#20063;还?#20320;。
不管看到什么样的过去,都请不要迷失自己,不管你变成什么样子,我都是你的同伴。
自己永远是孤单?#27169;?#20294;你可以让其他人变?#35980;还?#21333;。
要改变别?#35828;?#24515;真是件很难办的事,不过改变自己要容易一点。
风筝的线你随时可以放开,只是别盼望?#19968;?#22238;来。
做不到的话,不过就是一?#39304;?#20294;是,赢了就能活下去,要是不战斗就赢不了。

就这样,每个自然段一句话,然后上传到“/zb_users/theme/koilee/include/hitokoto/”此目录,开启即可;

剩下的没没什么好说的了,文章版权,分享代码(需要先开启文章赞赏)等。


广告设置:

广告配置.jpg

没什么好说?#27169;?#22635;写广告代码,开启就行了,针对PC端和移动端展示不同的广告,留?#31449;?#19981;显示。

功能设置:

功能设置.jpg

?#26893;ィ?#20851;闭册?#20063;?#25991;章也会被关闭没,默认开启)。

是否开启CMD模式(默认开启)。

视觉滚动特效(默认开启)。

自定义缩略图(设置分类所显示的缩略图,如果文章没有图片,则优?#35748;?#31034;自定义,如果没有自定义那么随机显示图片,文章没有图片移动端则不显示,默认关闭)。

是否开启自定义SEO插件(文章、列表、标签均可以设置不同的关键词和描述,默认关闭)。

新窗口链接(点击?#25105;?#38142;接都是在新窗口打开,默认关闭)

其他的看页面预览吧:主题永久免费更新维护,确保每个人都能正常使用。

首页截图:

首页.jpg

分类模板图(默认):

分类模板图.jpg

文章、留言展示效果图:

分类模板图.jpg

分类模板图.jpg

文章版权及转载声明:

作者:非李莫属本文地址:http://www.918484.fun/blog/377.html发布于 2个月前 ( 01-03 13:44 )
文章转载或复制请以超链?#26377;?#24335;并注明出处李洋个人博客

分享到:

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

发表评论

快捷回复:

评论列表 (有 27 条评论,3027人围观)参与?#33268;?/a>
网友昵称:第一微赚网
第一微赚网游客2019-03-01回复
你好,后台关闭顶部登陆功能后,网页版顶部登陆是没了,但是手机版顶部登陆还在,请问如何解决?谢谢!
网友昵称:非李莫属
非李莫属管理员2019-03-04回复
@第一微赚网 你说的是?#35828;?#26639;的登录么?是的话可以隐藏掉,QQ找我教你怎么隐藏。
网友昵称:张小星
张小星游客2019-02-20回复
新更新的外链跳转功能12秒自动跳转有点久啊?哪里可以改吗?或者这个功能有开关吗?
网友昵称:非李莫属
非李莫属管理员2019-02-21回复
@张小星 嗯嗯,已经修改了,自己点击进入,不设置自动了,下次更新。
网友昵称:第一微赚网
第一微赚网游客2019-02-20回复
使用后,感觉这个模板首页打开会?#26032;?#19968;块模块一块模块显示?#27169;?#26159;正常的吗?有时候个别模块要等2秒才显示
网友昵称:非李莫属
非李莫属管理员2019-02-21回复
@第一微赚网 哦对了,你说的一块一块显示是因为做了缓存加载,即视觉特效,跟图片缓存加载算是一样的原理,不加载不显示,也算?#22681;?#30465;流量,加快网站的打开速度。后台可以关闭视觉特效,在功能选项卡里。
网友昵称:非李莫属
非李莫属管理员2019-02-21回复
@第一微赚网 变慢应?#35980;?#20250;,方便的话你可以直接找我,加我QQ(?#20063;啵?label id="AjaxComment2465">
网友昵称?#20309;?#24515;寒辞
唯心寒辞游客2019-02-17回复
非常不错的主题
网友昵称:非李莫属
非李莫属管理员2019-02-19回复
@唯心寒辞 非常有眼光,哈哈,开玩笑的。
网友昵称:第一微赚网
第一微赚网游客2019-02-16回复
感谢感谢,非常漂亮的模板,我已经购买在用了!
第一微赚网:http://www.diyiweizhuan.com/
网友昵称:非李莫属
非李莫属管理员2019-02-19回复
@第一微赚网 感谢您的支持!
网友昵称:买卖货源网
买卖货源网游客2019-01-12回复
看着很漂亮
网友昵称:非李莫属
非李莫属管理员2019-01-15回复
@买卖货源网 嗯嗯,的确很漂亮,历?#26041;?#19968;个月才完成。
网友昵称:访客
访客游客2019-02-02回复
@非李莫属 评论嵌套多了会不会变形?赞、狂赞、超赞、不?#35980;?#36190;、史上最赞!
网友昵称:非李莫属
非李莫属管理员2019-02-02回复
@访客 肯定不会的呀。