wordpress精仿IPE.ME主题:Nocower-Metro

ipc

 

主题介绍

本主题由马赐崇创作,SEO优化、标签优化,无后台设置选项(新手多考虑下再使用)一套经过整合8090st和ipc.me的模板,所有特性都和以上几点相同,只是在首页和整体的框架布局上采用了8090ST的框架,整合的细节有:普通文章正文页的浮动分享栏;视频和图片自动瀑布流列表页;瀑布流和视频详细文章页,已然完全兼容所有wp版本和IE6上浏览器;

【Nocower-Metro】的详细主题安装教程

如果启用主题后台乱码,请在本地把style.css文件单独全选复制然后

在 【后台-主题-编辑】默认是编辑style.css,编辑框内全选粘贴-更新

覆盖后就ok了,这个问题可能是由于上传是的进制不对导致乱码的。

如果是显示模板函数文件出错,参照上面一个处理方式.

另外如果需要支持Youtube视频缩略图的请在模板函数文件内添加以下代码

 private function _youtubev($ykid){
$info['swf'] = ’http://www.youtube.com/v/’.$ykid.”; //youtube
$info['img'] = ’http://img.youtube.com/vi/’.$ykid.’/0.jpg’;
return $info;
}
private function _y

如果是显示模板函数文件出错的,和覆盖CSS一样后台覆盖一遍模板函数文件即可

 使用说明

 关于SEO

主题已经对SEO进行优化,每篇文章和页面都必须使用ALL SEO 插件

通过ALL SEO插入Description和 Keywords,否则文章没有关键字的,切记!!!

ALL SEO 是破解版,请上传压缩包内的 — 不要在线安装-  –  以后也不要升级,否则之后用起来会很复杂

默认在【文章编辑页面】在编辑框下方就有ALL SEO 的输入框

关于瀑布流

主题内有一个【down】文件夹,需要放在wordpress安装目录下【即网站根目录】【用你的域名可以访问到的位置】比如:blog.weeiy.com/down/index.php

 

此文件夹是图片瀑布流文章页【查看高清大图】页的详细模板  ,如图所示

1

即是在图片文章页面点击图片下的【点击查看高清大图***X***】打开后的模板

关于插件

主题内有一个【所需插件】文件夹,里面所有的插架必须正确上传,启用并且按照下标准设置

1、【smart-video】是在发布视频文章时用此插件插入视频的 /【安装后不用设置,用法看下面第四点】

2、有两个插件分别是baidu和 谷歌 地图插件 ,这两个极其简单,进入后台生成以下就可以了

3、【 多说 / 无觅 / 手机版域名绑定插件 】 注意! 无觅和友言 两个插件要自己酌情安装,并不是每个人都需要,

4、【wp-postviews】是文章统计插件,安装后启用就可以了,不用设置

5、压缩包内带的 【 多说CSS 】请自己导入, 怎么用看这里:

http://dev.duoshuo.com/docs/4ff1cfd0397309552c000017

6、投稿插件已作废(投稿功能各位自己开发吧)

7、还有一个插件Ultimate Category Excluder Options  这个插件的功能是指定目录的文章不显示在首页文章列表的,上传启用后,无需任何设置,只有一个勾选页面,把你所分类的视频和图片瀑布流的分类都勾选上,然后左下角保存就OK了,【视频和图片分类和其下面的子分类都要打钩哦】,看我的设置所示:

2

之所以用这个插件是因为,单一的修改列表模板无法改变函数循环规则,导致翻页错误,用了此插件一切正常,插件只有一个函数页面,不影响网站速度,

【适用于不希望视频和图片文章显示在首页分类的站长们】

关于视频瀑布流

视频瀑布流列表页的视频缩略图需要用SMART-VIDEO 插件插入视频,【暂支持优酷和土豆】否则显示随机缩略图;

【插入视频时,用前两种插入方式都可以,用“添加flash”插入视频后,也还是无法获取缩略图,只显示随机图片】

3

主题优化

如果不使用官方绿色风格,使用其他颜色的,请不要在后台启用其他CSS,建议用Dreamweave,把官方绿色代码全部替换为你要的要色代码然后覆盖CSS,这样省去很多麻烦

网站logo是需要修改“sprite . png”文件,默认在  主题文件夹Nocoswer-Metrro/images/   下

主题有5种配色,在【外观-当前主题设置-选择颜色风格】选择,

不要选style.css就可以(这个是瀑布流颜色样式表)

视频瀑布流页和图片瀑布流页的配色修改需要在【 Nocower-Metro/css/style.css 】这个文件修改,用编辑器替换颜色代码就可以了

还有一点!!文章中有个蓝色标题的样式,这个样式在写文章的时候把文字设置为【三级标题】就可以显示了。

 

请把一级文章分类别名设为以下字母可实现对应瀑布流

视频瀑布流页面【VIDEOS】 图片瀑布流【PHOTOS】 图片2瀑布流【COMICS】

【PHOTOS】和 【COMICS】 的区别在于【photos】内容页有独立模板 ,【comics】没有,【comics】以标准文章形式展现

【图片瀑布流列表页面需要文章设置了特色图像才可以显示缩略图,否则不显示/视频瀑布流特色图像必须留空】不知道特色图像的自己去百度

 

如果设置了特色图像后,“首页/文章列表页” 文章缩略图显示尺寸不相符的的,在网站后台

【设置-多媒体-缩略图大小-设置为 450 * 250 【下面的钩钩留空不要打上 】

如下图所示!

43ds538

设置为如图,然后保存设置即可,如果没效果,重新发布一篇文章就ok了

【旧文章由于用的是你之前的主题模板,函数不同,裁剪也不同,所以必须重新上传一下图片,更新一下文章,更新后就正常显示了】

本主题写文章时上传的图片会生成4张不同大小的缩略图,是为了减小服务器负担,图片都很小,不会占用太多空间,请无视

【另外建议在写文章上传图片的时候建议把图片圆角裁剪好 450*250 的尺寸】,然后上传,

这样能够减少裁剪一张最大的图片,大大节省空间;所有普通文章发布必需设置特色图像

 

文章归档按钮,其实就是:

新建一个页面,页面的内容空白,固定连接设置为 ”你的域名/archives” ,模板使用archives模板,然后发布,就ok了   如图

 

主题已经完全兼容所有浏览器了,如果你那里在IE下前后台都错位,说明是 函数模板((functions.php)) 文件上传时的进制不对,损坏了,请用编辑器打开,全选-复制-粘贴-粘贴进wordpress后台编辑器(functions.php)  文件编辑,就ok了

 

首页底部的相关文章是采用wumii 的第三方应用服务,只是一个ifame,要替换这个请自己去 WUMII 网站自己生成这个 Ifame

 

模板有三个边栏文件,分别是sidebar.php、sidebar2.php、sidebar3.php

因为首页和文章列表页和文章页的构造都不相同必须引用不同的js,所以用了三个边栏

ipc官网一样的设计,已经全部设置好了,

修改边栏广告的时候,记住:  sidebar.php  是首页的边栏文件

Sidebar2.php  是文章页的边栏文件

Sidebar3.php   是文章列表页的边栏文件

修改的时候按照不同的需求修改不同的模板,修改过程中不小心出现错误的,

重新覆盖一下再修改

 

主题广告位位置:【打开相应的文件,把你的广告代码放进去就可以了】

1. 首页广告位4个   在 主题根目录/header.php 文件内 有详细标示

2:边栏广告位 很多个   在 主题根目录/sidebar.php 文件内 有详细标示

在 主题根目录/sidebar2.php 文件内 有详细标示

在 主题根目录/sidebar3.php 文件内 有详细标示

3.标准文章页广告位4个     在主题根目录/single.php 文件内 有详细标示

4. 视频瀑布流列表页广告位3个   在 主题根目录/archive_videos.php 文件内 有详细标示

5. 图片瀑布流列表页广告位3个   在 主题根目录/archive_photos.php 文件内 有详细标示

6. 漫画瀑布流列表页广告位3个   在 主题根目录/archive_comics.php 文件内 有详细标示

7. 视频文章页广告位4个   在 主题根目录/single_videos.php 文件内 有详细标示

8. 图片文章页广告位5个   在 主题根目录/single_photos.php 文件内 有详细标示

9. 图片查看大图页广告位1个   在 主题根目录外/down/down.php 文件内 有详细标示

 

Pro所有设置都和上面一样,唯独注意两点:

1/特色图像要设置的大小为:430*200【同上面第七点】

2/顶部的大图幻灯需要给文章加入自定义栏目来推送, 自定义栏目属性:”top”,值随便写

..

 

作者:马赐崇

演示:DEMO

下载地址:百度网盘

 

发表评论

相关文章