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. 没有图片

    2012.04.17

    不需要插件和修改代码,轻松搞定wordpress地址中category

    WordPress访问的时候,地址里会有ca…

  2. 没有图片

    2010.03.27

    一招实现 CSS格式化 | CSS减肥

    今天写了个CSS样式表文件,感觉写完之后,有…

  3. 没有图片

    2010.09.27

    Access 2010 的功能和优点

    Microsoft Access 2010 …

  4. 2014.02.24

    响应式jQuery幻灯片 – ResponsiveSlides.js

    ResponsiveSlides.js是一个…

  5. 没有图片

    2012.06.08

    WordPress文章列表不同行控制不同样式

    平时咱们看到的Wordpress日志列表样式…

  6. 没有图片

    2012.11.09

    Windows 8 MSDN 各版本下载地址大全

    今天想用Windows 8 的小朋友们不用东…

评论

  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下午

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

  4. Silver 2014.07.23 2:30下午

    博主,请教一下,首页调用文章标题下方的日期和评论数上有链接,想删除这个链接需要在哪个文件里修改呢,盼复,非常感谢!

  5. Silver 2014.07.23 11:33上午

    博主,请教一下,首页调用的文章标题下方,发表日期和评论都带有链接,在哪个文件里能去掉这个链接呢?盼复,非常感谢!

  6. 七枷社 2014.07.17 10:50下午

    请教一下,首页短代码中调用的文章分类ID在哪里设置呢?目前只能调用ID=1的分类

  7. osq2010 2013.08.29 9:07下午

    还是有好多弄不明白啊,如何设置才能和你的演示站一样?缩略图如何才能显示啊

    • WP联盟 2013.08.30 10:07上午

      我把我用的短代码贴出来,你直接去复制吧

      • tony 2014.07.24 9:38下午

        在哪

  8. 一堵墙 2013.08.29 7:48上午

    这款样式不错啊。

  9. Louis Han 2013.08.28 11:59下午

    看起来还是蛮麻烦的

    • 落花生 2013.08.30 10:29上午

      我写的多了,就显得更麻烦了,其实只需要设置首页就OK了

      • Y-SIMPLE 2014.09.16 6:41下午

        这个主题的有bug啊,首页中文摘要没有效啊,怎么解决啊

About

马拉松运动员,沉迷于跑步;关注科技前沿,关注互联网!与跑者、程序员、设计师为伍,一起跑步健身,一起编写程序,为自由而战!