很多朋友都在使用我发布的原版汉化作品 NewsPlus ,主题的安装大家都没什么疑问,但对于首页的版式以及内容的调用,大家都期待我出个使用教程,本文就针对大家面临的一些问题,做一个相对完整的教程,如果还有其他问题,请留言,我会及时回复或者更新教程。
注:因为演示站没有100%汉化,所以有些地方还会是英文,大家将就着看吧。
一、主题选项设置
主题安装后,进入后台-外观-Theme Option,就可以看到主题的各种选项功能,这里各选项的功能我不再说明,大家有什么疑问,留言。
二、小工具的设置
- “默认头部标题栏”的内容是显示在博客logo右侧这个区域的小工具,这里不建议添加小工具,会让你的博客看起来很乱;
- “默认侧边栏”是我们应该进行设置的博客左侧或右侧的内容,大家按需要添加小工具即可;
- “默认二级栏目”1-4的内容,是显示在博客页脚(底部)的四列内容,大家可以根据自己需要添加。
三、博客首页的设置:
很多朋友喜欢我的演示站的首页布局效果,在这里我详细介绍一下如何设置首页内容。
工作原理:1、我们需要添加页面作为首页,2、而页面的内容通过主题自带的短代码功能来设置,3、之后把我们建的这个页面设置为博客首页,搞定。
“页面”-“新建页面”-页面标题设置为“首页”,页面的内容请使用短代码添加,我们以我的演示站的首页为例来看我是如何详细设置的。
首页导航栏以下的内容,右侧为默认的侧边栏,只需要在小工具里设置好即可,在页面中无需设置,我们需要设置的就是左边这部分的内容,我们以“精彩 Cool APP”和“推荐 Top Recommend”为例来说明:
我们通过短代码中的第个图标“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]
保存浏览一下页面,我们就会看到这样的内容布局:
下步我们要做的就是通过短代码替换掉这两栏里面的英文内容。删除栏目里的内容,我们把左栏内容替换成幻灯片:
点击短代码第4个图标“Insert Posts Slide”,出现日志幻灯片设置界面:
仔细填写设置界面里的内容即可,下面我分别把参数介绍一下:
- Effect:幻灯片切换特效
- Animation speed:幻灯片变化速度
- Slides timeout:幻灯片停留时间;
- Animation Loop:是否循环播放;
- Smooth Height:高度是适应页面还是固定高度;
- Slider bullets:是不是显示幻灯片播放切换按钮;
- Next/Previous:是否显示上一个下一个按钮;
- Animation Easing:动画擦除特效;
- Query type:调用类型(比如是按分类调用、按标签调用、指定日志、指定页面等,根据自己需要选择);
- Category IDs for Posts:调用日志分类ID,调用多个分类时,输入多个分类ID,用英文逗号分开;
- Tag slug for Posts:调用标签名称,当内容是按标签调用时,设置这里;
- 其他内容不再介绍,大家都比较容易理解的,不懂的留言。
通过上面的设置,我们就在栏目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”的内容设置基本一样。保存页面。
这样,我们就学会了首页的设置。
四、设置页面为博客首页:
“设置”-“阅读”,之后按图上标志进行设置:
这样,页面“首页”就成了你的博客首页,快去访问博客看看吧。
五、我所提供的演示数据的导入及使用
更多首页效果及其他页面样式,请大家使用下载地址二中的演示数据dummy_data中的各种xml演示数据,导入到博客中,就可以从页面、日志中看到新添加的各种样式的模板,之后参考里面的内容进行更改就可以了。
关于首页的短代码,也可以直接复制home.txt home1.txt ……等txt中的内容到你的页面中,之后更改一下里面有调用参数即可。
xml数据的导入方法:
“工具”-“导入”-“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/
博主,我安装的是V1.8版本的,但是按照您的方法设置,加入类似[posts_slider effect=”slide” cats=”1″ num=”4″ excerpt_length=”150″]的代码,首页中文摘要问题并没有解决,不能截取。请问您是不是十分确定按照这个方法可以获取摘要?还是您搞错了?
我也是遇到这个问题啊 首页中文摘录 代码添加的什么位置了 博主
首页幻灯片 是如何随机摘录文章内容到首页幻灯片了呢?
朋友 三个包 用哪一个 我要汉化版~~