WordPress主题 NewsPlus 安装使用教程

很多朋友都在使用我发布的原版汉化作品 NewsPlus ,主题的安装大家都没什么疑问,但对于首页的版式以及内容的调用,大家都期待我出个使用教程,本文就针对大家面临的一些问题,做一个相对完整的教程,如果还有其他问题,请留言,我会及时回复或者更新教程。

注:因为演示站没有100%汉化,所以有些地方还会是英文,大家将就着看吧。

一、主题选项设置

主题安装后,进入后台-外观-Theme Option,就可以看到主题的各种选项功能,这里各选项的功能我不再说明,大家有什么疑问,留言。

二、小工具的设置

20130828104718

  1. “默认头部标题栏”的内容是显示在博客logo右侧这个区域的小工具,这里不建议添加小工具,会让你的博客看起来很乱;
  2. “默认侧边栏”是我们应该进行设置的博客左侧或右侧的内容,大家按需要添加小工具即可;
  3. “默认二级栏目”1-4的内容,是显示在博客页脚(底部)的四列内容,大家可以根据自己需要添加。

三、博客首页的设置:

很多朋友喜欢我的演示站的首页布局效果,在这里我详细介绍一下如何设置首页内容。

20130828105819

工作原理:1、我们需要添加页面作为首页,2、而页面的内容通过主题自带的短代码功能来设置,3、之后把我们建的这个页面设置为博客首页,搞定。

“页面”-“新建页面”-页面标题设置为“首页”,页面的内容请使用短代码添加,我们以我的演示站的首页为例来看我是如何详细设置的。

首页导航栏以下的内容,右侧为默认的侧边栏,只需要在小工具里设置好即可,在页面中无需设置,我们需要设置的就是左边这部分的内容,我们以“精彩 Cool APP”和“推荐 Top Recommend”为例来说明:

20130828111221

我们通过短代码中的第个图标“insert layout columns”,来添加1/2:1/2的布局,这样就会在页面内容里添加代码:

[col type="half"]

Insert your content here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.(这里的内容随时更改)

[/col]

[col type="half last"]

Insert your content here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus leo ante, consectetur sit amet vulputate vel, dapibus sit amet lectus.(这里的内容随时更改)

[/col]

保存浏览一下页面,我们就会看到这样的内容布局:

20130828111806

下步我们要做的就是通过短代码替换掉这两栏里面的英文内容。删除栏目里的内容,我们把左栏内容替换成幻灯片:

点击短代码第4个图标“Insert Posts Slide”,出现日志幻灯片设置界面:

20130828112503

仔细填写设置界面里的内容即可,下面我分别把参数介绍一下:

  1. Effect:幻灯片切换特效
  2. Animation speed:幻灯片变化速度
  3. Slides timeout:幻灯片停留时间;
  4. Animation Loop:是否循环播放;
  5. Smooth Height:高度是适应页面还是固定高度;
  6. Slider bullets:是不是显示幻灯片播放切换按钮;
  7. Next/Previous:是否显示上一个下一个按钮;
  8. Animation Easing:动画擦除特效;
  9. Query type:调用类型(比如是按分类调用、按标签调用、指定日志、指定页面等,根据自己需要选择);
  10. Category IDs for Posts:调用日志分类ID,调用多个分类时,输入多个分类ID,用英文逗号分开;
  11. Tag slug for Posts:调用标签名称,当内容是按标签调用时,设置这里;
  12. 其他内容不再介绍,大家都比较容易理解的,不懂的留言。

通过上面的设置,我们就在栏目1里添加了如下代码:

[posts_slider effect="slide" cats="1" num="4" excerpt_length="150"]

cats=”1″:表示调用分类ID为1的日志,

num=”4″:表示调用4篇日志,

excerpt_length=”150″:表示摘要长度为150字符。

大家可以根据自己需要更改相应内容即可。这样,我们就在栏目1“精彩 Cool APP”里添加了幻灯片内容的调用,用同样的方法,我们就可以设置好“推荐 Top Recommend”的内容。

其他部分的内容设置与“精彩 Cool APP”的内容设置基本一样。保存页面。

这样,我们就学会了首页的设置。

四、设置页面为博客首页:

“设置”-“阅读”,之后按图上标志进行设置:

20130828114120

这样,页面“首页”就成了你的博客首页,快去访问博客看看吧。

五、我所提供的演示数据的导入及使用

更多首页效果及其他页面样式,请大家使用下载地址二中的演示数据dummy_data中的各种xml演示数据,导入到博客中,就可以从页面、日志中看到新添加的各种样式的模板,之后参考里面的内容进行更改就可以了。

关于首页的短代码,也可以直接复制home.txt home1.txt ……等txt中的内容到你的页面中,之后更改一下里面有调用参数即可。

xml数据的导入方法:

20130828114727

“工具”-“导入”-“Wordpress”,之后选择要导入的xml 文件即可。

很多朋友就想要我现在演示站的样式,我就把我的首页短代码贴出来,你可以直接复制到你的页面里使用,注意编辑器要切换到“文本”模式。

[row]
[col type="half"]
<h2 class="section-title"><span class="ss-label black"><a title="点击查看精彩文章">精彩</a></span> Cool APP</h2>
[posts_slider effect="slide" cats="1" num="4" excerpt_length="150"]
[/col]
[col type="half last"]
<h2 class="section-title"><span class="ss-label red"><a title="查看最新推荐应用">推荐</a></span> Top Recommend</h2>
[insert_posts num="6" display_style="list-small" cats="1"]
[/col]
[/row]
[row]
<h2 class="section-title"><span class="ss-label orange">应用推荐</span> App Recommended</h2>
[posts_carousel cats="1" num="8" excerpt_length="90"]
[/row]
[row]
<h2 class="section-title"><span class="ss-label aqua">新鲜资讯</span> Latest News</h2>
[insert_posts cats="" num="6" display_style="list-big" excerpt_length="220" orderby="public_data"]
[/row]

六、投稿页面如何添加?

把newsplus_tg.zip里的两个文件中的tg.php放在主题目录下,把tg.css投稿样式文件放在主题目录下的css目录下,进博客后台,添加页面,选择模板“投稿”,发布页面即可。之后到菜单位置添加此页面到菜单里即可使用。

至此,全部教程结束,如还有其他问题,请留言,我会及时回复。

如果你喜欢此主题,打算购买,请移步:http://www.wpbox.cn/wordpress-news-magazine-theme-newsplus/

思章老师

认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

相关日志

  1. 没有图片

    2013.04.13

    隐藏WordPress自定义栏目

    有时我们写WordPress博客的时候,并不…

  2. 没有图片

    2009.10.18

    Firefox链接预览插件 CoolPreviews

    就像Wordpress代码一样,Firefo…

  3. 没有图片

    2011.04.25

    52个干净的基于CSS标签的导航代码

    无论我们是在制作网站还是博客,我们都会使用导…

  4. 没有图片

    2011.12.13

    Gmail即将推出新外观

    Google一直在为我们提供着强大的服务,G…

  5. 没有图片

    2010.12.02

    WordPress 3.0.2 中文版发布

    昨天刚刚从博客联盟得知WordPress 3…

  6. 没有图片

    2013.04.27

    CentOS下配置 MySQL root 密码

    这段时间经常折腾CentOS系统,当然也遇到…

评论

  1. 乐乐 2015.08.05 5:15下午

    博主,我安装的是V1.8版本的,但是按照您的方法设置,加入类似[posts_slider effect=”slide” cats=”1″ num=”4″ excerpt_length=”150″]的代码,首页中文摘要问题并没有解决,不能截取。请问您是不是十分确定按照这个方法可以获取摘要?还是您搞错了?

    • weiwei 2015.11.04 9:26下午

      我也是遇到这个问题啊 首页中文摘录 代码添加的什么位置了 博主

  2. 微先生 2015.06.11 7:02下午

    首页幻灯片 是如何随机摘录文章内容到首页幻灯片了呢?

  3. tony 2014.07.24 8:01下午

    朋友 三个包  用哪一个 我要汉化版~~