本文目录:
- 1、实用的 WordPress 的主题有哪些推荐
- 2、如何使用wordpress商业主题(模版)?
- 3、如何用Bootstrap制作WordPress主题
- 4、有哪些适合产品展示的WordPress主题
实用的 WordPress 的主题有哪些推荐
WordPress 主题 Her-优雅的她
这款主题,你可以自由地在主题设置中根据你自己的需要进行修改。主题的设置十分简单,没有提供太多复杂的设置,基本上你看了都知道该怎么设置了。
官网链接,可以免费下载。网页链接
如何使用wordpress商业主题(模版)?
其中商业模版或让你感觉漂亮快窒息的模版,很可惜,基本上都是需要付费的。它区别于免费模版的核心在于 前段的CSS和后台的功能,复杂的商业模版在功能上可以相当于一个wordpress程序的二次开发。所以那些眼高手低的只认为wordpress是博客程序的朋友,千万别觉得他简单啊。光在应用层上,就够你研究的吐血+崩溃+抓狂的。很显然我已经历了这个过程,哈哈~1。很多人在购买完模版的时候,对于解压压缩包之后看到的一些文件夹有些迷茫,无从下手。这主要是国内人对老外的付费产品还不够熟悉。通常一套模版设计出来,同时也是需要配套一份演示文档,你就把它看成是主题模版的使用说书。教你如何安装,如何创建和设置页面,如何设置导航条,怎么在文章内容中使用shortcode.所有你碰到的问题它都有写的非常清楚,只需要你真正的看懂它。2。整个模版是基于wordpress的程序,记住,它只是基于wordpress,所有的功能绝对都是超过wordpress本身自带的功能。它会在wp控制面板左边的原版块中增加多出来功能的版块,用于控制前台页面。所以wp基础要学好,在此之上后再谈玩高级模版。接下来的步骤就不用我说啦~
如何用Bootstrap制作WordPress主题
在我们开始前还有一点事情需要你去做:
安装WordPress
下载并解压缩 Bootstrap
安装主题测试驱动插件*
* 如果你想在一个线上的网站上创建一个主题并且不想在你开发的过程中让人们看到新主题,你正好需这个插件。
一旦你准备好这些事情,打开你带有WordPress所有文件的目录并导航至wp-content themes。
在你导航至那个文件夹后,创建一个叫“wpbootstrap”的新文件夹,在文件夹里面粘贴bootstrap文件夹。
在那个文件夹里面创建一个新文件叫index.php。
现在我们将要把基本营销网站的源码拷贝并粘贴到index.php里面。下面是你所要用到的源码。我们仅链接了代码的一个文本版本,因为它太长了不能嵌入在这里。
bootstrap-demo-source-code
现在我们有了一个静态的html页面,我们将要继续去创建一个主css页面。WordPress需要一个显示在style.css页面顶部的特殊格式的注释,它使用这个注释来获得关于你这个主题的所有信息。
在你的index.php页面所在文件夹中创建一个新文件并命名为style.css,WordPress需要一个带有特定名称的CSS文件style.css,所以我们不将其命名为其它任何名称否则我们的主题将不能工作。
创建完了style.css文件,在文件头部添加注释:
/*
Theme Name: WP Bootstrap
Theme URI: http //teamtreehouse com/wordpress-bootstrap-theme-tutorial
Description: A demo theme built to accompany the Treehouse blog post a href="http //teamtreehouse com/wordpress-bootstrap-theme-tutorial"How to Build a WordPress Theme with Bootstrap/a.
Author: Zac Gordon
Author URI: http //teamtreehouse com/
Version: 1.0
Tags: responsive, white, bootstrap
License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http //creativecommons org/licenses/by-sa/3.0/
This simple theme was built using the example Bootstrap theme "Basic marketing site" found on the Bootstrap web site http //twitter github com/bootstrap/examples/hero html
*/
在我们安装和开始构建我们新主题前,我们最后需要做的是上传一张将会在WordPress管理区显示我们主题的图片。这张图片需要为300*225像素并且要命名为“screenshot.png”,你可以用下面这张图片或做张你自己的。
你的文件夹结构现在看起来和下面的一样:
我们现在准备进入到控制面板安装我们的新主题。登录到控制面板并且到外观主题。可应该可以看到“WP Bootstrap”做为主题中的一个被列出来。
点击WP Bootstrap主题下面的激活设置它为网站的当前主题。
注意: 如果你正在使用一个线上的网站并且不想让人们看到这个主题正在开发中,确保安装并激活 Theme Test Drive plugin。
有哪些适合产品展示的WordPress主题
具体是下面这几位:
顾轶灵,百度前端工程师
李佰明、Kinn-学习、知乎用户 等人赞同
说几个我知道的吧,但都是以前活跃的 WordPress 主题开发者了,现在应该已经都离开这个圈子了。
@吴钊(mg12)
他的 iNove 曾经长期位于 WordPress 官方主题目录榜首。
他的 WordPress 博客还在,但是似乎也已不更新:NeoEase。
@heli yin
PhilNa 和 PhilNa2 的作者。似乎比较低调,知乎 ID 我是通过头像才确认是本人的。
@sofish
认识小鱼的人应该很多了吧。小众软件 的主题出自他手。他自己博客也用过一些不错的原创主题(比如有个中国风的主题挺受好评),不过之前的 WordPress 博客已经被他关了。
--
我以前初学前端的时候也做过一个 WordPress 主题,参考了很多 iNove、PhilNa2 的代码:Simpledark。虽然代码写得很烂,但好歹功能在国内的主题里面还算比较全的。正是通过这个项目自学了一些前端的知识,后来才会做现在的职业吧……以上几位可能也是如此。
【wordpress营销主题】的内容来源于互联网,如引用不当,请联系我们修改。
网友留言: