十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
于是大家萌生了修改现有主题或自己动手从头制作一个主题的想法,但是问题又来了,如何制作呢?制作主题是需要编写代码的,很多网友根本没有接触过编程,大多数人看到代码就头大。汤菜博客着手编写一个WordPress主题制作的系列基础教程,将从头到尾手把手教大家如何制作一个完整的WordPress主题,希望对大家有所帮助。但是本人的能力也有限,这系列教程只能让你初步认识主题的制作过程,并不能让你完全地掌握WordPress主题的精髓。本系列教程适合以下人群阅读:懂一点点的HTML、CSS知识但不懂写PHP代码的朋友;自己动手编写过简单HTML代码的自己会设计网页界面,想了解怎么制作WordPress主题了解一点PHOTOSHOP或FIREWORKS的简单处理图片的朋友本系列教程不适合以下人群阅读:不打算动手编写代码,不想照着本教程一步一步地操作,只是想看看的朋友没有任何网页设计知识的朋友非常熟悉WordPress主题制作过程的朋友也没必要看啦阅读完本系列教程,你将收获:了解WordPress主题制作的大致步骤明白如何去修改WordPress主题,以及扩展主题的功能制作主题,必须配备以下工具:WordPress本地运行环境(或者在线网站空间),并且已安装好WordPress;配备各种浏览器, Internet Explorer、搜狗、Mozilla Firefox、Google Chrome、360、用于测试网页是否显示正常,因为你不知道看你网页的人是用的什么浏览器;一个文本编辑器用于编写代码,Dreamweaver、UltraEdit等,不推荐使用记事本,具体原因点此查看《不用记事本写网页代码的理由》图片处理软件: PhotoShop或FireworksWordPress主题制作全过程列表: 如何制作WordPress主题(二):主题文件结构
让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:国际域名空间、网站空间、营销软件、网站建设、丽水网站维护、网站推广。
如下的操作步骤请参考:
一、安装MobilePress插件
在此之前,你需要有个wordpress博客平台,然后按照下图的(图示一)安装MobilePress插件。
MobilePress插件是一款自动识别访问设备的插件,它可以根据用户的设备来决定以什么样的主题来呈现内容,非常方便。
二、配置MobilePress Options选项
安装成功后,会在左侧菜单栏增加一个菜单荐,名字为“MobilePress”,点击展开,会有3个选项(图1):
- Options:选项
- Themes :主题
- Moblie Ads:广告代码
这一步,我们打开Options这个菜单,如(图2)所示,
- Blog Title:博客标题
- Blog Description:博客描述
- Mobile Themes Directory:手机博客主题目录
- Force Mobile Site:是否强制使用手机模式浏览
三、配置MobilePress Themes选项
MobilePress插件自身会提供两套现成的手机主题:
- default(默认):`plugins/mobilepress/system/themes/default`
- iphone(iphone版):`plugins/mobilepress/system/themes/iphone`
用户可以选择自已喜欢的模板做为展现用。
四、配置Moblie Ads选项
因为MobilePress系国外的插件,所以,广告联盟也是国外的,这个选项暂时无用,可跳过。
五、准备手机主题的2次开发
MobilePress自带的两个主题模板,样式简陋,兼容性也比较差,我们可以在它的基础上进行2次开发,以达到我们的个性化的需求。
开发流程:
- 复制 default默认主题模板,路径为`plugins/mobilepress/system/themes/default`;
- 按照自已的需求对defult主题代码进行2次开发即可。
default模板文件布如图所示:
这个模板提供了基础的输出功能和简单的样式,按照文件名可以为各个页面进行方便地2次开发。
WordPress 11款纯CSS主题推荐
1、MiniWP
国人开发的一款纯CSS WordPress主题,无图片,无用JS,完全CSS+xhtml构建,很轻巧,全部文件加起来不到40K大小,兼容IE6/IE7/Safari3/Firefox/Opera9.5浏览器。
2、CryBook
CryBook主题,使用了一JS。该主题最大的特色是在首页可以手动置换五种颜色,分别是红色、粉红色、蓝色、紫色、绿色。支持评论分页和嵌套回复,预置广告位和Google Analytics代码接口。
3、greyville
灰白色风格,ajax、widgetized,经典的布局。
4、inpad
有三种颜色供切换,在后台设置颜色切换和屏宽大小。支持嵌套/@评论回复,支持Widget。不用任何插件也可正常使用。
5、prowerV3
国人开发的一款很受欢迎的纯CSS主题风格中,这是Prower系列主题的第三版,与前两版相似的是依然是走的简洁风格路线,这一版的主题比前两版更简洁更快速,简洁到只在RSS订阅图标使用了一个图片。
6、pureCSS
由 WordPress 主题设计爱好者非著名设计师 Leslie 设计,Yixia 编码,支持 Widget,通过 CSS 和 XHTML 验证,在 IE6 / 7,FF2 / 3 等浏览器表现一致,不需要任何插件支持。
7、RBcss
RBcss主题由 Mars Lau 设计,两栏;黑红色;支持Widget;支持Gravatar;通过 XHTML 1.1 和 CSS 3 验证;兼容IE6、IE7、IE8、Firefox、chrome等浏览器。
8、Simple-Lines
完美支持原生嵌套回复,可直接进后台讨论,勾选“嵌套”“分页”;预设所有侧边栏小工具样式,可在后台主题小工具直接拖拽;对IE6做了大量HACK,目前各大浏览器完美显示;
9、Woogle
该主题仿谷歌的搜索引擎,用了两张图片,一张是网站的LOGO,还有一张是底部的分页。
10、zDark
一款纯CSS纯黑色的Wordpress主题。
11、GWthem
经典两栏宽屏主题,很清爽干净。该主题没有导航栏,但预置了WP Page Numbers插件。
以上主题如找不到下载,可点击下载WordPress纯CSS主题。
(详情看资料,贴不上图 不好意思) 都是些纯css,简单?都很强大。