本文目录:
- 1、有什么好看的WordPress主题么?新出的
- 2、有哪些好看的极简的 WordPress 主题
- 3、如何自制wordpress主题?
- 4、如何制作一款属于自己的WordPress主题
- 5、谁推荐一个简约而不简单的wordpress主题,注意一定要简单又不失大气。有没有好看的推荐一下啊?
有什么好看的WordPress主题么?新出的
第一个 Avada主题
阿瓦达脱颖而出的原因有很多,其中之一就是销售。这个WordPress主题是市场上最畅销的主题。它拥有超过45万名用户的信任,这说明了很多
有哪些好看的极简的 WordPress 主题
灰色响应式双栏wordpress博客主题:zSmiple
技术回答类wordpress主题——KnowHow
极度简约的WordPress博客主题——Less
如何自制wordpress主题?
你可以参考
老外写的教程很细致,水煮鱼把他翻译了,也很详尽
后台不需要重新做.
不过wp的主题制作相对还是复杂些吧,我同意kris,最好还是懂点php.
你也可以下载sandbox,是老外写的空白wp模版,你在此基础上编写可以省很多事情.写写css文件和制图片就可以了.
如何制作一款属于自己的WordPress主题
工具/原料
本地测试环境搭建工具
WordPress安装程序
NotPad++文本编辑工具
HTML+CSS+PHP的基本知识
方法/步骤
使用XAMPP搭建本地环境,启动后的画面是这样的,关于使用方法,请善用百度
2.规划主题文件目录
这是完整的主题目录里应该包含的文件,包含了一些有用的扩展
方框里的内容是我们本文所必须的。
3.分离主题文件代码
根据我们前面设计的页面外观我们的主页的HTML代码可以是这样的:codehtml head titleTutorial theme/title link rel="stylesheet" href="style.css" /head body div id="wrapper" div id="header" h1HEADER/h1 /div div id="main" div id="content"/div div id="sidebar"/div /div div id="delimiter"/div div id="footer" h1FOOTER/h1 /div /div /body/html
/code接下来,我们对这些代码进行模块分离,区分出header,footer,sidebar,index等内容。头部文件Header.php:codehtml head titleBook Review/title link rel="stylesheet" href="?php bloginfo('stylesheet_url'); ?" /head body div id="wrapper" div id="header" h1HEADER/h1 /div
/codeHeader.php文件中的第4行我们更换了样式表的文件路径,这样主题就会自己判断并加载侧边栏文件sidebar.phpcodediv id="sidebar" h2 ?php _e('Categories'); ?/h2 ul ?php wp_list_cats('sort_column=nameoptioncount=1hierarchical=0'); ? /ul h2 ?php _e('Archives'); ?/h2 ul ?php wp_get_archives('type=monthly'); ? /ul/div
/codeSiderbar.php文件中分别输出了分类的列表和归档的列表。底部文件footer.php code
div id="footer" h1FOOTER/h1 /div /div /body/html/code主题样式文件:style.css
code/*Theme Name: Book ReviewTheme URI: : the WordPress teamAuthor URI: */body { text-align: center; }#wrapper { display: block; border: 1px #a2a2a2 solid; width:90%; margin:0px auto; }#header { border: 2px #a2a2a2 solid; }#content { width: 75%; border: 2px #a2a2a2 solid; float: left; }#sidebar { width: 23%; border: 2px #a2a2a2 solid; float: right; }#delimiter { clear: both; }#footer { border: 2px #a2a2a2 solid; }.title { font-size: 11pt; font-family: verdana; font-weight: bold; }/code主题样式文件主要完成对主题外观的控制,这些只是最基本的样式控制文件,你可以根据自己的需要进行适合的修改以达到自己想要的效果。通过对最简单的HTML的不同控制,您会发现在以后的主题制作中如何优化代码,提高代码的通用性。主文件index.php:code?php get_header(); ?div id="main" div id="content" h1Main Area/h1 ?php if (have_posts()) : while (have_posts()) : the_post(); ? h1?php the_title(); ?/h1 h4Posted on ?php the_time('F jS, Y') ?/h4 p?php the_content(__('(more...)')); ?/p hr ?php endwhile; else: ? p?php _e('Sorry, no posts matched your criteria.'); ?/p?php endif; ? /div ?php get_sidebar(); ?/div?php get_footer(); ?/code在主文件中,我们分别通过调用了get_header(),get_sidebar(),get_footer()实现了文件的整合,通过if判断是否存在日志文章,然后通过While循环来输出数据库中的日志文档。这虽然是一个最基本,最简单的主题,但通过主题的制作您能够会不断的发现问题,并通过请教百度,谷歌等搜索引擎来获取更多的知识。通过查CSS您可能获得更多的CSS控制的特效的技能或许您会发现BootStrap是如此强大。通过查找get_header,您会发现更多其独特的功能,你会发现wp_footer函数像WP_head()函数一样重要,通过查找侧边栏sidebar,您会发现原来可能通过小工具使侧边栏变得如此强大,通过查找文章类型,文章形式,分类法,你会发现原来WordPress可以完成你想要的任何功能。
谁推荐一个简约而不简单的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自媒体主题】的内容来源于互联网,如引用不当,请联系我们修改。
网友留言: