FengYun2.0风云时代wordpress主题详细设置教程

字号+
字号-

前几天发布了风云时代主题(FengYun 2.0 ),但是很多小白们不知道具体怎么来设置主题,今天我来详细写篇教程。

教程之前,我要说明的是,wordpress是一款相对来说功能多而设置简单的程序。所以对于wordpress的一些很简单很直观的设置我就不介绍了,当然大家可以百度么。我只是说一下这款主题的相关设置。

下载安装教程我就不写了。重点说一下设置。

这款主题包含有:小工具,菜单,主题设置面板,背景,编辑等五个设置菜单。下面我先一一说明一下这五个设置。

一. 小工具设置


本主题小工具和其他任何一款主题的小工具都一样,从左面的小工具列表里拖动到右边的相应栏目位置就行了。(:以下小图片可以通过点击放大,同下。)

FengYun2.0风云时代wordpress主题详细设置教程

上图中,右侧栏目解释:

首页小工具1-------------首页侧边栏顶部位置(首页右侧导航栏下方的图片广告栏目除外)

首页小工具2-------------首页侧边栏底部位置

全部页面小工具----------在全部页面都会显示的侧栏小工具

其他页面小工具1---------除首页、视频页、相册页之外的页面显示的小工具

其他页面小工具2---------除首页、视频页、相册页之外的页面显示(:拖动到此处的小工具将会有滑动跟随效果)

相册视频公告模板小工具--在相册、视频页面显示的小工具(由于原公告页面被优化掉,所以没有公告页面)

RSS聚合-----------------原知更鸟主题特有的小工具,基本无用,下次更新有待去除

ps:1. 有些小工具不能用,包括文本、日历、自定义菜单、RSS等这些小工具,可能会导致错位。

2. 主题小工具侧边广告设置--将此小工具拖动到右侧,然后在外观-主题设置-广告设置-输入侧边广告代码(小工具)里设置广告代码

3. 主题小工具 侧边自定义广告1设置---将此小工具拖动到右侧,然后在后台-外观-编辑中找到”ad1.php“然后修改其中的广告代码为自己的代码。

二. 菜单设置


菜单设置相对简单一些。看下图就行了:

FengYun2.0风云时代wordpress主题详细设置教程

三. 背景设置


背景设置,我不说了。

还有就是想要本站的背景的同志们可以加群。到群共享里下载。本人也会经常搜刮一些出色的博客背景供大家使用。

四. 编辑设置


这个设置就是供那些有意修改代码的童鞋们的。本主题有两处需要编辑代码,一处是主题小工具  侧边自定义小工具1的设置,上文说过了,一处是主题首页导航下方右上侧的三栏图片小广告,这个在cms.php中设置代码。

五. 主题设置面板


现在说到本文重点了。主题设置面板有些设置时一看就明白的,有些我提示大家一下。

启用主题后,首先需进入主题设置面板,熟习各项功能控制,设置相关选项(如图)。不论是否设置了相关选项,必须点一次保存设置按钮,否则页面会有样式错误.

FengYun2.0风云时代wordpress主题详细设置教程

界面右侧是一些分类的ID,主题设置中凡是需要设置ID的都可以再右侧找到。界面上册是主题的版权和一些赞助更新和版本的链接,大家有需要可以查看,希望大家关注更新。界面下方有一个恢复默认设置的选项,希望大家切记点此选项时候好好看清楚,因为很多小白们设置好主题之后就直接点此选项了,那么你的设置将前功尽弃。老张,瞪大你的双眼看看是什么字再点!

■ 首页布局设置

首页有二种布局,分别为BLOG与CMS(杂志),适应不同内容展示的需求,默认为CMS布局。

■ CMS布局设置

通过查看右侧提取的分类ID,分别输入左右文章列表的分类ID数字,多个分类ID用半角英文","隔开,一定要区分全角与半角,包括分类ID数字,分类中如果无日志,将不会显示设置的分类。首页分类文章列表,自动排除上面已显示的最新日志,不支持父子分类和一篇文章属于多分类。(比如你的分类下文章好几百,但是首页统计的该分类下只有几篇文章,可能是你设置了父子分类。比如我的首页就如此)

FengYun2.0风云时代wordpress主题详细设置教程

■ 侧边推荐栏目设置

侧边有个推荐栏目小工具,这里可以设置ID

■ 侧边推荐文章设置

侧边有个推荐文章的小工具,这里可以设置ID和文章数

■ 综合功能设置

注意下图的提示:

FengYun2.0风云时代wordpress主题详细设置教程

还有下图:

FengYun2.0风云时代wordpress主题详细设置教程

■ 网站SEO设置和流量统计设置

这个设置就不说了,统计代码可以用百度统计、站长统计、52la统计.....

■ 公告设置和微博及订阅设置

这个一看就会我就不提示了,需要提示的就是邮箱订阅ID可参照(https://code.zuifengyun.com/2014/12/838.html)来设置。设置好后可在侧边栏显示如下图所示栏目:

FengYun2.0风云时代wordpress主题详细设置教程

■ 搜索设置

用WP自带的就可以,一般没人会使用搜索,除非你的站确实有价值,谷歌搜索很不稳定好久都打不开,而且搜索到的结果点击之后要等半天才能跳转到自己的站里

■ 广告设置

广告设置的话,自己试一试看每个广告位的效果了。建议新站不要放广告,正文广告和首页广告会影响打开速度。当然图片广告还可以,JS广告就慢了。

六. 顶部热点推荐和幻灯片的设置


很多人不会这个设置,我今天图文一下。

打开你要设置的一篇文章编辑,在右上角找到显示选项:

FengYun2.0风云时代wordpress主题详细设置教程

点击后勾选自定义栏目:

FengYun2.0风云时代wordpress主题详细设置教程

然后再文章编辑器下方填写就行了:

FengYun2.0风云时代wordpress主题详细设置教程

关于幻灯片的其他相关问题以后再说,暂不考虑。

七. 特色图片功能


该功能适合喜欢本地上传图片的童鞋使用,默认未开启。开启后,上传图片会自动生成一张裁剪后的140×100的缩略图,选择“作为特色图像”后(如下图),会自动调用到相应的缩略图位置。

FengYun2.0风云时代wordpress主题详细设置教程

八. 添加相册


启用主题后,在后台左侧功能面板中新增相册面板,点击左侧相册面板中的添加图片。

1. 缩略图需添加自定义栏目:small,弹出暗箱放大后的图片,需添加自定义栏目:big,如下图:

FengYun2.0风云时代wordpress主题详细设置教程

注:必须添加自定义栏目:big,否则无法启用暗箱放大特效,包括使用特色图片功能。

如果在编辑页面上无自定义栏目设置面板,可以点击右上“显示选项”按钮,在显示下列项目中,勾选“自定义栏目”。

2. 缩略图添加完成后,加入多张图片时,不需要将图片插入到日志中,只需随意输入一个词:比如:风景图片,然后选中输入的文字,点击编辑工具中的“插入或编辑链接”按钮,加入图片的超链接即可,提高页面加载速度,形式如下图:FengYun2.0风云时代wordpress主题详细设置教程

另外,自定义栏目:big值中的大的图片链接就不要加入到日志中了,会造成重复显示。

3. 由于发表的相册图片,不会显示在正常的页面中,所以需要在相册面板中新建一个相册分类,并将发表的图片划归到这个分类中,便于添加调用到“导航菜单”中,方便浏览者查看。

九. 添加视频


启用主题后,在后台左侧功能面板中新增视频面板,与上面添加相册使用方法相似,只不过添加的自定义栏目:big,值为:获得的视频Flash链接地址而已,如下图:

FengYun2.0风云时代wordpress主题详细设置教程

注:部分站点的视频在IE浏览器下关闭弹出暗箱时可能会提示错误,无法解决,,包括优酷、Ku6等,请使用非IE核心的浏览,比如:火狐、chrome、Opera等浏览器。

视频Flash链接地址获取方法:

除一些提供分享代码的视频的网站,基本所有基于Flash播放器的视频网站都可获取其视频播放地址

腾讯视频格式为:http://static.video.qq.com/v1/res/qqplayerout.swf?f=3&vid=j0090FAoXzv

把后面红色部分替换为正常打腾讯视频地址栏“=”号后面的一组数字

ps:新版本的视频功能已经去掉,这个由于没有多大用,而且添加过于麻烦

十. 缩略图


主题有四种方法调用显示缩略图:

1. WP自带的特色图像功能,不支持外链,使用方法参考上面的“特色图片功能”。不推荐使用此方法,因为上传一张图片会同时生成三张尺寸不一的缩略图,浪费空间,也不利于以后的管理。

2. 直接获取日志中插入的第一张图片作为缩略图,优点:支持外链,使用方便,缺点:无裁剪,插入日志中的图片尺寸较大,直接调用为缩略图,一个页面同时加载显示十几张200、300K的图片,页面打开速度可想而知,其它任何优化都会化为泡影,建议一般情况下不要使用该方法。

3. 添加自定义栏目,调用指定的图片,推荐此方法。喜欢弄图片,还是老老实实制作单独的缩略图为上,找个简单的图片处理软件,裁剪一下图片尺寸,也不是什么难事,可以提高页面加载速度。

常用的缩略图显示在首页及分类文章列表页面,添加自定义栏目名称:thumbnail,值为:缩略图链接地址,尺寸:140×100px。

4. 无图显示随机缩略图。

如果在编辑页面上无自定义栏目设置面板,可以点击右上“显示选项”按钮,在显示下列项目中,勾选“自定义栏目”。

十一. 主题一些细小设置


■ 图片暗箱特效

使用主题集成的图片暗箱放大特效,插入图片时需注意:本地上传“链接 URL”应选择链接到“文件URL”,外链需将图像链接到图像,否则不会启用暗箱特效,不喜欢用这个特效,可以到主题设置中关闭。

WordPress 3.5版分别为:链接到“媒体文件”和图像URL

■ 独立页面模版

主题集成了友情链接、读者墙、谷歌搜索、文章归档、近期留言、联系方式、热门标签等独立模板。可以新建一个页面,右下页面属性→模板中选择一个相应的模版,发布后添加到导航菜单中。

■ 留言板

这个真没有,呵呵!虽然主题集成了近期留言独立模板,不过该页面不能留言,如果你想弄个什么留言板,那就新建一个页面,起个标题名称叫“留言板”就行了。

■ 通栏分类模版

主题中有一个模板文件名称为:category-414.php,将后面的数字414改成某个分类的ID,再打开这个分类就会以通栏的样式显示该分类。

■ 增强文章编辑功能

后台文章编辑时,实现所见即可所得,与前台浏览排版样式相同,包括集成的代码高亮显示。

■ 添加文章来源

主要用于转载文章时,尊重原文作者而增添的功能。

如果文章是自己写的:添加自定义栏目:original,值:自已的名字或链接地址什么都行

如果是转载自其它站点的文章:添加自定义栏目:reprinted,值:原文章的链接地址。

■ 密码保护的文章

默认有密码保护的文章,部分内容会显示出来。可以在文章编辑框下的摘要中随意输入一些内容即可。

■ 下载链接按钮

在编辑日志时,在适当位置分别加入短代码:

{url href="http://www.zuifengyun.com"]下载地址[/url]
{demo href="http://www.zuifengyun.com"]主题演示[/demo]

自行修改其中的http://www.zuifengyun.com链接及文字。

注:将代码中前面的"{"改为“[”

■ 页面关键字及描述

首页 主题设置中添加网站关键字及描述

分类列表页面,直接调用分类描述为该分类的页面描述,无关键字。

标签页面,直接调用标签名称为描述

页面文件,需为该页面分别添加自定义栏目:

名称:description,值为:该页面描述

名称:keywords,值为:该页面关

注意事项


■ 主题很多功能都需要添加自定义栏目实现,如果在编辑页面上无自定义栏目设置面板,可以点击右上“显示选项”按钮,在显示下列项目中,勾选“自定义栏目”。

■ 公告、相册、视频采用自定义文章发布类型功能,这是WP3.0后新增的功能,国外商业主题大量采用,国内免费主题中却很少见到,不过通过上述功能发表的日志在更换主题后,将不能浏览查看,在后台也看不见。

■ 分类中没有文章会出现分类页面错位问题还存在,请尽量所有分类下都发表文章。

■ 正确显示评论楼层号,需登录后台→设置→讨论设置页面中,勾选“分页显示评论”。

■ 文章页面的广告模块可能你觉得不美观或者会减慢页面加载速度,那么你可以再后台-外观-主题设置-广告设置里关闭文章页广告。

■ 主题大部分功能可在主题设置中加以控制,但另有少部分功能,需手动修改模版文件才能正常使用,所以建议使用notepad++或EmEditor文本编辑 软件修改模版后,通过FTP软件上传覆盖原文件,或者在Wordpress后台外观→编辑中修改模版文件,切记不能用操作系统自带的记事本修改中文模板, 否则会改变模版编码造成主题错位(中文模版编码为:UTF-8 无BOM)。

■导航附近错位或者底部错位请查看您导航有几个菜单,菜单过多超出导航和底部导航的长度允许范围就会出现错位。请进入(后台-外观-菜单)重新设置。每个导航菜单至多允许5个汗字,也就是10个字符那么长,超出后会引起错位。

■ 由于种种原因Gravatar头像可能经常不显示,可以参考:直接从www.gravatar.com主站加载Gravatar头像修改程序默认的服务器,或者启用头像缓存插件

■ 如果想在文章列表中显示指定的摘要,可以在文章编辑页面下面的“摘要”中输入摘要内容,如无“摘要”项目,在右上显示选项中将其调出来,CMS分类列表不支持该功能。

■ 如果启用主题后首页只显示导航菜单及一个标题,说明你的主机不支持主题文字截断函数mb_strimwidth,最有可能的原因是,主机空间缺少mb_string extension(Linux主机)及php_mbstring.dll(WIN主机)扩展服务,可以要求空间商打开。

■ 使用图片及视频模版,需进入后台---设置---阅读---博客页面至多显示文章数要小于16篇,否则会造成翻页错误。

■ 默认情况下,主题集成的最近留言小工具,不显示已登录者的留言,可以打开HotNewspro\includes\widget目录中的r_comments.php,查找并删除:AND user_id='0'

■ 开启博主个性化头像。主题具备博主留言头像区别于其他留言者头像功能。默认ID为1的注册用户头像比其他人的要小一些。如果不知道自己的ID,可进入数据库查看wp_users表,并修改functions.php中user_id == 1的数字1。

还可以用

<img id="mavatar" src="<?php bloginfo('template_directory');?>/images/robin.gif" alt="FengYun2.0风云时代wordpress主题详细设置教程"/>
替换

<?php echo get_avatar( $comment, 32 ); ?>
并将一张大小为48×48的图片放到主题的images目录中,替代自己的Gravatar头像。

■ 主题专用插件

必须安装主题包中的WP-PostViews插件(修改版)

本教程先写到这里,欢迎大家多多支持!新版本主题两周以后出,欢迎大家关注本站以及Q群。

文章出自:https://www.zuifengyun.com/fengyun2-0-settings-tutorial.html 版权所有,除注明外皆为原创。文章仅为作者个人观点,不代表醉风云立场。

157 条评论

  • anonymous proxies 4年前(2019-12-25)

    Thanks for sharing your thoughts on FengYun主题. Regards

  • 资源窝 8年前(2016-05-22)

    老板,友链怎么添加。

  • 阿里嘿嘿 10年前(2014-11-19)

    可有手机版的

  • sfs 10年前(2014-04-22)

    主题是否有后台?

  • dd 10年前(2014-04-22)

    为什么自定义后,首页mainbanner会自动变成风云的?

  • 一与博客· 10年前(2014-01-14)

    不知道为什么我的首页浏览器小logo没显示,是空白,我试了很多方法不管用,只是首页没有,其他页面包括后台都有,看看,博主知不知道什么原因。

  • 杨杰 10年前(2013-12-13)

    最开始一直弄不出相册页面,后来把固定链接变为动态就可以显示图片了! 一变为静态就找不到页面,这是什么原因呢?

    • huishao 10年前(2013-12-14)

      @杨杰 不知道你说的什么意思 静态? 还有 多说插件貌似不搭

    • 杨杰 10年前(2013-12-14)

      @杨杰 可以了! 主要就是,我开始是静态! 只要把静态改为动态,能正常显示后,再改为静态OK 目前一切顺利! 还有就是big大的那个,重复显示了一张图!

  • 杨杰 10年前(2013-12-13)

    尊敬的作者,我用你这款主题,有个问题弄了2天都不会,就是图片控。 我在群里问了很多朋友还是没办法,我自己也实在没办法了!
    我想请教你下一下! 我按照教程来了,始终是显示未知页面!请博主看到留言后,回复下

    • huishao 10年前(2013-12-14)

      @杨杰 你说的是相册吗?是我的博客那个美图推荐?

  • 杰哥 11年前(2013-09-25)

    我这个一用风云主题,整个VPS立马拖死。在这个VPS里面有另个一个站也是用的风云主题,会不会有冲突?但是是设置不能跨站的啊!郁闷哦

    • huishao 11年前(2013-09-25)

      @杰哥 不懂,我的不会啊

  • 小刘 11年前(2013-09-23)

    请问下博主左侧的 近期热门 最新文章 年度排行 怎么合并到一起啊???

    • huishao 11年前(2013-09-24)

      @小刘 小工具里面TAB菜单啊 你看教程了么

  • 小刘 11年前(2013-09-16)

    弄了一上午,类似于你的那个图片控到底没弄出来,能做个简单的教程吗,已经按你的说明做的,先加个相册分类,然后在菜单把这个分类加了进来,在添加图片加入这个分类中,可以显示出来,就是鼠标放上没有出现你这样的图片名称(下方出个条显示名称),点击进去后 本图集共 后边空白不显示多少张 ,在点击也不出暗箱 ❓ ❓ 能教教吗

  • 今朝无名小卒 11年前(2013-09-13)

    你好我想问一下就是我网站首页顶端怎么会有“网站统计”四个字,怎么样才可以删除呢?http://musicangel.sinaapp.com

  • 魏五锁业 11年前(2013-09-03)

    说一下这款主题的相关设置

  • 学海无涯 11年前(2013-08-30)

    请问下热门标签最后那个“更多…”是怎么实现的?谢谢

  • sprit 11年前(2013-08-28)

    这主题好看,我喜欢。真的喜欢。 😛

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注