Z-BlogPHP好运锦鲤主题操作教程

1491人参与 |分类: 网站源码|时间: 2019年11月22日

自从李洋博客制作了锦鲤主题,我就一直关注这款主题的变化和更新。最近准备新开一个博客,我自己的个人博客是用的自己仿制的卢松松主题最新版,由于这个新开的博客主要是资源分享类的,而那个卢松松主题更适合单纯文章类的博客网站,所以看了下应用中心的很多主题,都没有找到比较适合我的,于是我决定用锦鲤主题。

如果您想使用这个主题,请去作者博客或者官方应用中心购买:获取主题

主题安装部分

我想这个我不用多讲吧!既然你能安装上Z-BlogPHP博客系统,我觉得这个你也应该会,要是这个真的不会,那我真的是有点不知道怎么说哦!

主题安装步骤:

1、登录博客后台------2、左侧菜单栏,找到并点击:主题管理------3、主题管理窗口,顶部位置,点击:选择文件 按钮------4、在打开的Windows窗口,找到您存放 .ZBA主题安装包的路径,选中. ZBA安装包,点击Winodws窗口下侧 打开 按钮------5、你选中的主题安装包文件名称显示在框里了-------6、点击:提交--------7、稍等片刻安装完成,在后台顶部右侧,可以看到:主题配置 选项,点击进入主题配置页面。

主题配置部分

一、基本配置

Z-BlogPHP好运锦鲤主题操作教程-第1张图片

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

唯一想说下的就是关于顶部登录,这是跟导航栏一样的,简洁又好看,感谢原作者。

如果你开启了QQ登录或者您有安装并启用用户中心插件,那么直接填写登录或者注册的链接就行了,是否开启你决定,有开关,没有启用用户中心的关闭就好了。

备注说明:您如果把顶部后面的启用关闭了,顶部登录模块就不显示了。建议启用。

另外,还有一个自媒体栏中关于QQ号这个选项,当您填写之后整站凡是有显示qq的位置都会显示你填写的QQ号,这个好理解吧。

二、首页配置

Z-BlogPHP好运锦鲤主题操作教程-第2张图片

注意!注意! 首页配置比较重要!一定要仔细认真的看!这个页面设置好了,你的首页才会有东西显示,并且显示的是你想要的东西!

01、自定义CSS

顾名思义这个是自己定义某处的样式,这个一般情况下是用不到的。只有特定情况才能用的到,如果不是很熟悉,建议您可以忽略,等您精通了程序再说哈!

02、滚动公告

注释写的很详细,在页面底部显示的(文章内容页不显示),你可以自定义公告内容,关闭自定义公告的话,默认显示一个月浏览最多的文章。

03、微言微语

这个不用多讲,您开启后刷新缓存,看下首页显示效果就知道了。如图:

Z-BlogPHP好运锦鲤主题操作教程-第3张图片

提供了2个自定义图标,就是默认那个 V 图标后面的,您需要填写图标地址;还可以自定义小尾巴,就是那个来自后面的小尾巴,你可以写来自 HuaWei P100,哈哈。

至于这个微言微语怎么创建并更新内容,看下面:

后台--左侧菜单--页面管理--新建页面: 标题和正文随意,然后设置底部 “别名”(例如:notice),然后右侧 提交。

Z-BlogPHP好运锦鲤主题操作教程-第4张图片

回到主题配置---首页设置(如图)

Z-BlogPHP好运锦鲤主题操作教程-第5张图片

注意!注意! 红框内设置的就是微语模式,这里取决于伪静态的设置,有些可能需要填写ID,最稳妥的设置方法是:页面管理找到刚才新建的页面,点击前面的曲别针图标,然后在新窗口页面复制链接就可以了,如图(红框内的地址,填写在主题设置里)。

Z-BlogPHP好运锦鲤主题操作教程-第6张图片

微语发布的时候,正文 选中文字,点击编辑器右上方 “文本标记”,下拉,选择“微语模板”即可,然后在下方设置摘要信息就行了。

Z-BlogPHP好运锦鲤主题操作教程-第7张图片

04、幻灯片图文

这个是和幻灯片一起开启的,意思就是幻灯片开启这个图文才会显示,幻灯片关闭了,这个图文也会随之关闭!如果您连幻灯片是什么也搞不清楚,看下面的你就知道幻灯片和幻灯片图文是什么了。

Z-BlogPHP好运锦鲤主题操作教程-第8张图片

红色是幻灯片,紫色是幻灯片图文。

在幻灯片图文中有两个选项一个是文章ID,一个是广告代码。

文章id就是你要在这个位置显示那些文章把文章的id填写进去就行,不过最多只能放4篇文章!

图文右侧广告代码,对于一般用户来说暂时用不上!如果您已经用得上,说明你的网站是很牛的了!还是解释一下吧,不知道大家用不用广告联盟,如果没有广告的话就不用看了,如果开启的百度等联盟代码,那么这里可以获取广告联盟代码,设置信息流,配置广告样式(一般设置左图右文),然后复制代码,放在如图的接口了,开启右侧的开关就可以了。

05、精选导读

这个是位于幻灯片下侧的位置的一个模块。

Z-BlogPHP好运锦鲤主题操作教程-第9张图片

对应首页的精选导读:

Z-BlogPHP好运锦鲤主题操作教程-第10张图片

这里就很简单了,设置精选导读,不需要的话关闭就行了。

06、首页文章调用设置

精品导读下方显示的最新文章数量还有右侧显示的标签数量以及右侧热门文章热门的天数。记住填写的是文章ID不是别的ID!都很好填写,研究两遍就会啦!

Z-BlogPHP好运锦鲤主题操作教程-第11张图片

你想设置几篇就直接填写数字,比如8,那么就是调用最新的8篇文章。

重点讲一下侧栏文章,顺便把侧栏模块调用一起说一下。

先说下侧栏的调用顺序:左侧菜单,模块管理,找到主题和插件创建的模块,然后把你想展示的模块拖拽到右侧。

Z-BlogPHP好运锦鲤主题操作教程-第12张图片

重点来啦!重点来啦!

1.1、首页显示调用的是(默认侧栏);1.2、分类页(包括标签,作者,时间等页面)调用的是(侧栏2);1.3、文章页调用的是(侧栏3);1.4、搜索页调用的的(侧栏4);

Z-BlogPHP好运锦鲤主题操作教程-第13张图片

介绍完侧栏,在回来介绍调用侧栏热门标签(数量),这就很简单了,想在侧栏展示多少标签就填写数量就行了;然后是热门天数(文章推荐和热门天数是TAB切换展示的,直接拖拽(文章推荐/热门文章) 即可),比如想展示一个月的热门,那么就填写30(一年是365天,我知道这是废话,但还得写出来),就行了。

Z-BlogPHP好运锦鲤主题操作教程-第14张图片

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

Z-BlogPHP好运锦鲤主题操作教程-第15张图片

07、列表下方CMS模块设置

Z-BlogPHP好运锦鲤主题操作教程-第16张图片

这个CMS模块对应首页的:

Z-BlogPHP好运锦鲤主题操作教程-第17张图片

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

Z-BlogPHP好运锦鲤主题操作教程-第18张图片

08、横向CMS模块(大图)

Z-BlogPHP好运锦鲤主题操作教程-第19张图片

这个横向CMS模块(大图)模块对应首页的:

Z-BlogPHP好运锦鲤主题操作教程-第20张图片

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

09、横向CMS模块(小图)

Z-BlogPHP好运锦鲤主题操作教程-第21张图片

这个横向CMS模块(小图)模块对应首页:

Z-BlogPHP好运锦鲤主题操作教程-第22张图片

这里也是填写调用分类的ID,,不知道分类ID的,看前面第7小节的列表下方CMS模块设置相关内容吧,然后填写调用的文章数量即可(默认每个分类显示4篇)。

10、设置侧栏作者信息

Z-BlogPHP好运锦鲤主题操作教程-第23张图片

这个是设置侧栏博主的相关信息,比如博主的ID,背景图,文本超链接等。还可以编辑作者的信息,也可以开启右侧随机显示一句话。

注意:登录用户需要在用户中心设置自定义内容,此处设置完成后,仅仅是未登录客户能看见!

Z-BlogPHP好运锦鲤主题操作教程-第24张图片

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

新建一个txt文本文档,命名为:hitokoto.txt (不能随意修改,否则不能正常展示)

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

失去人性,失去很多;失去兽性,失去一切。 
在走廊上跌倒会流鼻血,在人生中跌倒会流眼泪。
所谓的言语,只有当对方听进去了才开始有意义。
所有的梦境都是另一个现实,永远不要忘记。
别人说的记在脑袋里,而自己的,则放在心里。

这个创意来源hitokoto(一言),想了解一下的可以查看hitokoto(一言)的官方:https://hitokoto.cn/

这里每一个自然段填写一句话,保存后只需要上传到“/zb_users/theme/LF_HaoYun/include/hitokoto/”此目录,然后开启即可;如果编辑错误出现乱码,可以在下面的地址下载:

网盘下载:https://www.lanzous.com/i7y6jri

下载后解压,然后长传到以上路径即可。

11、侧栏赏析设置

Z-BlogPHP好运锦鲤主题操作教程-第25张图片

这个侧栏赏析是一个自定义模块。对应侧栏的:

Z-BlogPHP好运锦鲤主题操作教程-第26张图片

您设置好内容保存之后,在点击左侧菜单-模块管理,找到主题和插件创建的模块-网站赏析,拖拽到右侧侧栏即可显示。

12、网站分享代码

网站分享代码,这个无需多做解释了吧。网站分享起作用的前提条件是需要先开启文章赞赏功能。在哪里开启?看下面。

13、赞赏二维码

Z-BlogPHP好运锦鲤主题操作教程-第27张图片

这个您需要在后面的开关开启文章赞赏功能,然后上传收款二维码,只有开启了,前面的网站分享才起作用的。

13、底部导航标签

Z-BlogPHP好运锦鲤主题操作教程-第28张图片

对应网站底部版权信息的位置:

Z-BlogPHP好运锦鲤主题操作教程-第29张图片

14、网站备案号

Z-BlogPHP好运锦鲤主题操作教程-第30张图片

这个真的还有必要解释吗?网站ICP备案信息和公安部备案信息,玩网站的都知道了。ICP备案需要根据您的接入商那边来操作备案。公安部网站备案,操作也很简单,您只需要去申请提交就可以了。

公安部网站备案地址:http://www.beian.gov.cn/ 

15、网站统计代码

这个咋说,还是不必多少,您可以去百度统计、CNZZ、51啦等提供网站统计的平台申请就可以了,然后把统计代码复制过来。

16、评论信息

Z-BlogPHP好运锦鲤主题操作教程-第31张图片

这个对应文章评论的快速评论内容:

Z-BlogPHP好运锦鲤主题操作教程-第32张图片

不用多做解释了吧,就是一个快捷评论的功能,您可以自己修改下内容,是不是有点感觉论坛的影子?

17、分类模板(cataimg)设置

Z-BlogPHP好运锦鲤主题操作教程-第33张图片

这个设置只有您在分类管理的对应分类里,模板选择了 cataimg 时才会起作用哦!不知道?不明白?看下图:

Z-BlogPHP好运锦鲤主题操作教程-第34张图片

对应分类页面的效果如下:

Z-BlogPHP好运锦鲤主题操作教程-第35张图片

您设置对应的内容就可以了,标题是大字,描述是下面的小字。

既然说到了 cataimg 模板,其实配合 cataimg 模板,还有一个隐藏的商品功能,也顺便讲一下。记得,这个需要配合 cataimg 列表模板使用。

商品购买功能设置如下:

第一种方法:在发布(编辑)文章时,右侧,模板,选择“ishop”如图:

Z-BlogPHP好运锦鲤主题操作教程-第36张图片

第二种方法:如果不想每次都选择的话,那么选择左侧菜单,分类管理--编辑分类--选择文章分类模板“ishop”如图:

Z-BlogPHP好运锦鲤主题操作教程-第37张图片

然后保存,所有此分类下的文章都将会采用“ishop”商品页模板。(如果没有采用那么需要手动修改模板,参考第一种方法),商品页的价格接口需要开启“自定义缩略图”功能才能看见,否则显示浏览量。自定义缩略图在 主题设置--功能设置 设置。

Z-BlogPHP好运锦鲤主题操作教程-第38张图片

三、轮播背景

Z-BlogPHP好运锦鲤主题操作教程-第39张图片

这个就是首页幻灯片设置,对用首页的位置:

Z-BlogPHP好运锦鲤主题操作教程-第40张图片

默认情况下,轮播的图片尺寸为:831*380(像素),右侧对应的是四篇文章(具体在首页设置--幻灯片右侧图文 设置选项),如果你开启了百度的信息流广告,那么文章就得减少一篇,如果右侧文章想设置其他数量,那么左侧的轮播高度也要随之增减,看具体情况。如果不动代码,不会查看高度,就设置默认的数量即可。以免左右高度不一样,影响网站的美观及排版。

关于具体这个怎么设置,大家一看就知道了,一个轮播文字、Bnaner图片按照上面的图片尺寸搞好图片,直接上传,链接地址,这个还用说吗,点击一下跳转的页面就是了。还可以设置是否开启某个幻灯片轮播。排序?值越小在前面。

注意一下,这个首页幻灯片是可以在关闭右侧图文信息的情况下保留幻灯片轮播的(关闭右侧图文在首页设置--幻灯片右侧图文项设置,前文已经讲过。),如果关闭右侧图文,您需要更换一下轮播图片,图片宽度约:1200,高度自定。

四、广告设置

关于广告设置,这个真的没有什么好说的,广告这东西,太多自由发挥的空间了。您可以投放各种联盟广告,这个代码可以直接去那些联盟广告平台申请,然后把代码复制过来,粘贴到对应的位置,然后开启保存就行了,这里针对PC端和移动端展示不同的广告,留空就不显示。

这里想说一下的就是很多博友不会投放自己的图片广告,比如自己接的广告。这里简单说一下。

首先您需要制作出对应大小的广告图片,然后通过FTP或者云主机管理面板等途径把图片上传到您存放图片的文件夹,这里建议您为了方便管理,可以直接在网站根目录创建一个专门存放广告图片的文件夹,比如:ads。您只需要把图片上传到这个文件夹,然后代码调用就可以了。比如:

<a href="https://55999.taobao.com/" target="_blank" rel="nofollow"><img src="https://www.chendexin.com/ads/ads.jpg"></a>

上面代码中的 https://55999.taobao.com/  是点击图片后跳转的目标地址,后面那个 https://www.chendexin.com/ads/ads01.jpg  是您图片的具体存放路径。

下面针对广告设置项里面几个比较隐藏的功能说一下。

1、脚本代码接口

本主题已经可以实现持PJAX功能。我们就可以利用这个脚本代码接口来实现PJAX功能。

开启步骤:登录后台--主题设置--广告设置--脚本代码接口(非广告代码),复制下方代码,粘贴,右侧开启脚本,然后回到后台首页,点击“[清空缓存并重新编译模板]”前台刷新查看效果。代码如下:

<div class="pjax_loading"></div>
<script src="//网址/zb_users/theme/LF_HaoYun/script/jquery.pjax.js"></script>

经多次测试,无js错误等问题,但不限于安装过多插件导致的未知错误,如果因为安装其他插件导致的问题,请自行排查或者联系下插件作者进行修复。

请注意一下:开启PJAX之后,务必关闭“文章新窗口”(功能设置-文章新窗口,关闭)否则pjax功能失效,导致某些页面出错!

 五、功能设置

Z-BlogPHP好运锦鲤主题操作教程-第41张图片

功能设置还是比较简单的,就是一些功能开启这块,有些在前面已经讲到过了。这里再唠叨一下。

01、标题美化

这个对应在文章编辑页面,可以设置标题加粗,标题颜色。

Z-BlogPHP好运锦鲤主题操作教程-第42张图片

02、文章摘要

这个是对应文章内容页是否开启摘要模块,开启后会在正文开始之前显示一个摘要模块。如下图:

Z-BlogPHP好运锦鲤主题操作教程-第43张图片

03、自定义SEO

如果您没有购买其他的SEO插件,建议您开启,开启后会在文章编辑、分类管理、标签管理新增设置标题、关键词、描述的填写设置项。

04、外链中转页

这个不用多说,当从自己的网站跳转到其他外链地址的时候,会出现一个中转页面。

05、开启轮播图

这个还用说吗,前面关于轮播这个模块已经讲到太多了,关闭了,模块将不显示。

06、文章新窗口

这个不用多少,就是是否在新窗口打开文章还是直接跳转,注意一下,这个跟前面讲的PJAX效果有关,如果开启PJAX显示,就不要开启了!

07、首页CMS模式

这款主题的首页采用CMS和Blog模式双布局,您可以在这里自由切换,默认是开启的。

08、自定义缩略图

这个功能前文关于商品模板的时候已经讲过了,开启之后可以自定义缩略图,功能在文章编辑右下侧。

09、文章版权声明

这个功能还是有些个性的,可以分为原创和转载两个样式,总体使用起来也方便。

原创文章版权效果图如下:

Z-BlogPHP好运锦鲤主题操作教程-第44张图片

转载文章版权效果图如下:

Z-BlogPHP好运锦鲤主题操作教程-第45张图片

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

Z-BlogPHP好运锦鲤主题操作教程-第46张图片

10、文章图片灯箱

这个很好理解,您开启之后,在正文有图片的文章,点击图片,会弹出一个单独的图片灯箱窗口来显示图片。

11、商品页(横排)列表顶部背景

这个是横排模板(imglist)和商品模板(cataimg)自定义背景图功能,在主题的cateimg文件夹下有10张图片,其中1-5是默认模板(catalog)和文章模板使用的,另外的6-10是横排模板和商品模板使用的,这里的图片背景地址仅写出路径即可,不要写图片的完整地址。其实保持默认就可以了,您需要更换图片的话,可以把这个文件夹的图片下载到本地,然后按照规则命名,数字1-10,后缀为:.jpg。然后替换图片,并且通过FTP软件覆盖上传到保存图片的路径:

/zb_users/theme/LF_HaoYun/include/cateimg/

当然您也可以把图片存储到腾讯云存储、阿里云云存储之类的第三方平台,然后填写路径即可。记得进写出路径即可,不需要完整路径。前端调用图片才能够随机调用。

六、其他设置

1、导航菜单设置

本主题的导航菜单在程序自带的导航模块设置,本主题已经支持下拉二级菜单,如果您要设置下拉式二级菜单,参考以下的代码:

<li class="menu-item-has-children">
<a href="/">一级菜单</a>
  <ul class="dropdown-menu sub-menu">
    <li><a href="/">二级菜单</a></li>
    <li><a href="/">二级菜单</a></li>
  </ul>
</li>

2、标签聚合页

设置方法:页面管理,新建页面(标题、内容,别名等信息自拟),然后右侧模板选择tags,底部提交。然后查看效果,如果错乱,记得ctrl+f5强制刷新。效果如下图:

Z-BlogPHP好运锦鲤主题操作教程-第47张图片

3、留言墙单页

设置方法:页面管理---标题自拟,正文自写,别名(访问链接)设置随意,然后右侧模板选择“readers”。

Z-BlogPHP好运锦鲤主题操作教程-第48张图片

最后提交,然后就可以了。调用数据为:一年内(365天)评论次数最多的前100名用户。效果图如下:

Z-BlogPHP好运锦鲤主题操作教程-第49张图片

4、文章归档页

设置方法:页面管理,新建页面,填写文章标题,内容随便写点什么(反正也不会显示),然后填写归档文章的别名:“archive”(可自定义),最后在右侧选择模板“sitemap”,提交,完毕,不会设置看下图。

Z-BlogPHP好运锦鲤主题操作教程-第50张图片

效果图如下:

Z-BlogPHP好运锦鲤主题操作教程-第51张图片

5、设置分类模板

这个本来应该放到最前面的,如果不设置,打开无论打开哪个分类页面都是首页的效果。

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

模板选择:catalog(默认)也可以选择cataimg(效果图在下方),该分类文章的默认模板:single (无需修改),效果如图:

Z-BlogPHP好运锦鲤主题操作教程-第52张图片

效果图(catalog模板):

Z-BlogPHP好运锦鲤主题操作教程-第53张图片

横排效果图(cataimg模板):

Z-BlogPHP好运锦鲤主题操作教程-第54张图片

至于cataimg模板还可以扩展使用商品模板,在前面已经讲过了,这里不在重复。

到这里,关于这个主题的使用教程就告一段落了,后续新增功能了将以更新的方式继续更新本文内容。

如果您想使用这个主题,请点击:获取主题

写在后面的话:

这篇主题使用说明应该在整个Z-blog圈子里面也是最详细的了,篇幅长达27页,文字字数有6000多字,包含图片65张,虽然要花些时间来看,但是最起码是可以更加详细的明白每一个功能的使用。虽然这个是我的业余爱好,但是我个人认为,不管是生活还是工作,态度是很重要的。