页面载入中...

当前位置: 主页 > 建站 > 10天学会wp教程 > 正文

10天学会wp教程

Wordpress简介:

Wordpress是使用php+mysql开发的一款开源免费程序,因其独特的技术优势和开发氛围,现在越来越多的公司主页和个人博客开始研究并采用这一开源软件。

既然你已经开始心动,那不妨自己建个博客吧,一个完完全全属于自己的博客,如果你认真经营了话,你还可能因此而获得收益,当然不只是精神上的享受,还有实实在在的金钱收获。

建立自己的博客你需要:

至少一个独立域名,如果你要cn域名那你还需要严格的备案。

Wordpress源程序(如果需要独特的个性模板,需付费或自己制作)

空间大于100M为宜(稳定的需要付费)

那么如果你要自己制作主题,那你需要以下技术支撑:

Php基本的语法知识,至少能读懂一些简单的代码

Html基本知识

Css语法知识,最好是精通,因为浏览器的兼容性是个严重的问题

Js语法知识,不是必须,如果你需要特别炫的浏览效果那还是赶快去学学吧

开始制作主题以前,请先配置好制作wordpress所需要的开发环境和工具:

Photoshop:制作模板图片全景图,后续的html静态实现全靠之前的ps图片效果图

Dreamweaver:html代码编写,php代码编写都可以使用它,方便且实用。

Header.php

导读:本篇文章重点解读菜单和meta,Header.php内容包括logo,title,meta和脚本的引用以及菜单的显示。

1)title的显示

首先介绍几个条件判断标签,他们在整个主题开发中起着非常重要的作用。

is_home():当前页面为主页时返回true

is_category():当前页面为分类页时返回true

is_single():当前页面为单文章页时返回true

is_page():当前页面为单页面时返回true

更多条件判断标签请看:http://codex.wordpress.org/zh-cn:条件标签

您可以根据不同的需要来决定显示不同的内容。Title内容的显示会一定程度影响到SEO的优化,举例如下:

第一天任务就此结束,是不是对很多函数都不是很熟悉,刚开始是这样的,以后会慢慢的熟悉,坚持不要放弃就能看到明天的彩虹。

Footer.php


导读:相对于header.php而言footer.php简单很多,footer.php主要是一些版权信息和友情链接的显示,这里主要讲解利用wordpress显示一半大网站下方显示的友情链接。

Wordpress3.0以后的链接选项较早前版本更加丰富和人性化,你可以将友情链接分为图片链接和文字链接2部分,然后在不同的位置分别显示,是不是更像其他平台类的站点了呢,呵呵。

文字链接显示例子:

footer关键部分就全部结束了。

今天的课程是不是比较轻松呢,是的,尾部文件本身就较为简单,没有太多的知识点,你甚至可以把一些内容写成静态的,如果要求不是很高的话。整理好今天的课程准备明天更为关键的siderbar.php课程。

10天学会wordpress主题开发系列(sidebar.php)

导读:这篇文章主要介绍侧边栏的常规显示项,后期补充扩展部分将介绍如何开发侧边栏广告插件。侧边栏常规显示内容包括:分类链接列表、页面链接列表、存档和链接列表、搜索框和日历、标签云以及窗体后侧边栏。


获取分类目录:

wp_list_categories('hide_empty=0&depth=1&show_count=1&title_li=

Categories

');


详细介绍:官方文档

最新文章列表:

标题显示:

退出:


窗体化侧边栏widgetized

窗体化侧边栏就是能够通过拖拉就能够整理侧边栏的模块。比如我们需要更改分类和存档的位置,只需要简单把分类和存档列表拖到它们的位置即可,根本不用去修改侧边栏的代码。

第一步:修改function.php,如果没有这个文件就新创建一个,它是非常有用的。

加入如下代码:

在结尾处加入:

那么你在后台->外观->小工具中对侧边栏重新拖动设定之后前台的侧边栏(第二步中二句代码中间的部分将不再显示)将按照你拖动的来显示。


Index.php

导读:此页面为站点主页,应该根据站点特点和需要规划此页面的内容。页面一般分为4部分:头部(header.php title=’如何新建或修改header.php’ href=’’);尾部(footer.php title=’如何新建或修改footer.php’ href=’’);边栏(sidebar.php title=’如何新建或修改sidebar.php’ href=’’);

调用其他3个组件部分代码:

?php get_sidebars(); ?>

现在着重讲解主页文章显示列表:

1)文章标题显示:


则会显示正常的链接。


详细请见:http://codex.wordpress.org/Template_Tags/comments_popup_link

4)显示日期

结束:



下面提供一个较为完整点的例子:





对不起,没有文章显示



7)分页实现

简单的上一页下一页非常容易实现,代码示范如下:

上一页previous_posts_link('<<查看新文章',0);?>

下一页ID); ?>



Searchform.php

第6天

Search.php

第7天



导读:

10天学会wordpress主题开发系列之第七天学习搜索结果页。当中loop的使用和分页的简单介绍是本篇文章关注的要点。

搜索出来的结果列表详细请见10天学会wordpress主题开发系列(index.php)篇,关于搜索页面中较为关键的部分为loop的介绍:

如何在wordpress中使用loop:官方文档:http://codex.wordpress.org/The_Loop

搜索页面中一般的数据都比较多,所以分页也是非常关键的。

后续文章会专门有一篇关于wp_pagenavi函数的详细介绍,就是本系统现在采用的分页模式和样式,敬请关注。

对wordpress各个版本都适用的默认分页为:next_posts_link():下一页、previous_posts_link:上一页。

Page.php


Single.php


404.php

导读:

“404错误”是指在服务器找不到指定的页面,如果网站的404错误页面都是IIS或APACHE默认的页面,会显得非常单调。虽然404错误页面很少被用户看到(或者至少按计划是这样),但用户总可能会输入错误网址,或试图在网站上找不存在的页面等等。

为了较好的用户体验,所以要制作最符合自己的404错误。首先在主体文件夹中新建404.php。

然后打开这个文件,引用get_header();get_sidebars();get_footer();主体部分好好设计以下就ok了。

例如本站采用可爱的卡通图片加以配合文字说明,demo:



注:

此教程系列文档中并未全部列出,主要的部分基本上已经呈现出来,如果您有兴趣查看全部文章,请访问教程官方网站

免责声明:本站所有图片均来自网络,如果有侵犯您的权益,请联系我们删除。