wordpress主题设计 wordpress主题corepress

如何制作WordPress主题(一):基础准备

于是大家萌生了修改现有主题或自己动手从头制作一个主题的想法,但是问题又来了,如何制作呢?制作主题是需要编写代码的,很多网友根本没有接触过编程,大多数人看到代码就头大。汤菜博客着手编写一个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主题(二):主题文件结构

让客户满意是我们工作的目标,不断超越客户的期望值来自于我们对这个行业的热爱。我们立志把好的技术通过有效、简单的方式提供给客户,将通过不懈努力成为客户在信息化领域值得信任、有价值的长期合作伙伴,公司提供的服务项目有:国际域名空间、网站空间、营销软件、网站建设、丽水网站维护、网站推广。

怎样制作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主题,注意一定要简单又不失大气。有没有好看的推荐一下啊?

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,简单?都很强大。


文章标题:wordpress主题设计 wordpress主题corepress
文章位置:http://scjbc.cn/article/ddehdsg.html

其他资讯