学学技术 · 2013年8月28日 14

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/