文档库 最新最全的文档下载
当前位置:文档库 › Wordpress模版开发

Wordpress模版开发

Wordpress模版开发
Wordpress模版开发

们在安装Wordpress 博客以后,博客就有了一个系统默认安装的Wordpress主题,比如我安装了wordpress 2.91版本之后,默认的主题就是“WordPress Default 1.6 作者为Michael Heilemann, The default WordPress theme based on the famous Kubrick“。

如果大家都启用这个名为Kubrick主题的话,那每个Wordpress 博客都是一个模样,Wordpress 就完全没有乐趣可言了。就像我们日常使用的手机一样,也许我们都用nokia,但是每个人的手机桌面或使用界面的风格都是各不相同的。手机有不同风格的主题,Wordpress 博客的主题则更丰富。

安装了wordpress 博客之后我们进入wordpress 管理后台,在控制面板选择“外观”,就可以看到“主题”和“添加新主题”栏目,然后我们就可以从数以万计的wordpress 主题中选择安装自己喜欢的风格的主题。

这些主题都是网页设计师们做好的,上传到Wordpress 平台上供大家选择安装,比如远方博客(https://www.wendangku.net/doc/df13195572.html,)选择的主题是lonelytree。如果有人说这些主题都不喜欢,我要自己做独一无二的Wordpress 主题,这完全可以。这里的WordPress 主题模板教程就是基于这个目的,教程里会有很详细的解释和说明,即使对HTML 代码、CSS一无所知也没关系,然后也可以在评论中交流。现在我们就从这篇文章开始学习Wordpress主题制作。

刚开始我们要知道一些最基础的概念,知道什么是什么。比如HTML代码是用来组成网页的,Wordpress是用PHP编程语言写的,CSS 样式表是用来设置网页的表现形式的。WordPress 主题和wordpress 模板

除了Wordpress 主题,我们经常会看到“Wordpress 模板”这个词。从字面上的意思看主题和模板是一个意思,下面我们先看看几个名词的区别:

?WordPress 模板(Template) 实际上指的就是WordPress 网页模板,也就是由网页模板/样式文件组成的网页代码集合。

?模板文件(Template File) 指组成模板的网页文件,比如我们在后面会提到的index.php文件等等,模板文件里写的是网页代码。

?样式表CSS文件:CSS 是层叠样式表单(Cascading Style Sheet) 的缩写。CSS用于改变网页的显示样式,比如字体颜色、网页背景图片等等,CSS文件以.css为后缀。

?主题文件(Theme File):模板文件和样式表CSS文件组成了主题文件,通常也被统称为Wordpress 模板。

?WordPress 主题 (Theme) 除了包括上面提到的Wordpress模板(模板文件和CSS文件),还包括这些模板中要用到的各种文本、图像、音频等等。

下面举个例子就一目了然了。首先进入Wordpress管理后台,依次在控制面板点击“外观–编辑”。我们会在页面右侧看到如下图所示:

WordPress 主题模板

?WordPress Default是当前你正在使用的WordPress 主题;

?下面列出来的是Wordpress Default主题下的主题文件,也就是大家经常说的WordPress 模板,包括模板和样式;

?上图中以下这些文件都是模板文件;

?404页面模板(404.php)

?archives.php

?主题支持函数(functions.php)

?头部(header.php)

?底部(footer.php)

?弹出式评论(comments-popup.php)

?搜索结果(search.php)

?文章索引模板(archive.php)

?文章页面模板(single.php)

?索引页模板(index.php)

?评论(comments.php)

?边栏模板(sidebar.php)

页面模板(page.php)

rtl.css和stytle.css是样式表CSS文件。

在你的Wordpress博客上看到的每一个显示页面都是由这些主题文件中的几个文件组成的。

可以选择要编辑的主题,默认是编辑当前正在使用的主题,还可以选择编辑自己已经安装过的其他主题。点击各个主题文件,就可以在左侧的编辑框里编辑代码了。现在可能还看不懂这些代码代表什么意思没有关系,在下面几节的WordPress模板主题教程里,会依次介绍这几个主题文件,掌握了这几个文件的使用方法,制作自己的个性Wordpress主题就很轻松了。

前两节熟悉了WordPress模板文件结构,接下来我们会依次详细介绍每一个模板文件,这一节就从index.php这个模板文件开始。

现在是停止继续阅读,开始创建自己的Wordpress主题的时候了。在这一节要开始处理各种Wordpress 代码,这也是为什么我们要在本地安装Wordpress 博客的原因,因为在本地电脑上测试代码比在网站服务器上测试要方便很多。

在上一节WordPress主题模板教程概述中我们看到了wordpress主题中有许多的模板文件,也介绍了模板和主题等概念。这一节我们来看看这些模板文件代码写法的基本规则和模板文件之间的重要性关系和依存关系。

HTML代码标签的基本规则:

模板文件中的所有代码标签必须按照正确的顺序关闭。如下图所示,在打开每一个HTML代码标签的同时,必须正确地将它关闭。标签(tag)由<和>这两个尖括号包围;标签内容由<>开头,尖括号里有反斜杠则表示标签在这里关闭。在上图中,我们使用了无序列表(ul)和列表项(li)标签来举例,在ul标签关闭之前,必须在ul标签内部先关闭li标签。

关闭标签:正确和错误的方法

模板文件之间的重要性关系:

下面的图像中列出了模板文件中最主要的几个文件,只是举个例子所以并没有把所有的文件列出,在后面我们会详细接触到其他的模板文件。

Wordpress 主题模板文件主从关系

位于最上顶部的index.php是最重要的文件,然后下面从左到右,重要性一次为single.php、page.php、archive.php、search.php、404.php。

模板文件存在不同的重要性的原因是,当archive.php文件找不到时,Wordpress 博客系统将会调用index.php文件来控制文档页面(本来由archive.php控制显示的页面)的显示样式。同样,single.php不存在时,也将调用index.php来显示文章页面的样式。

模板文件之间的依存关系:

请记住你的Wordpress博客的每一个页面,都是由多个模板文件组成的。下图演示的是wp博客首页是如何组成的:

上图演示是远方博客首页,它由header、index、sidebar、footer四个模板文件组成。

Header模板文件header.php(头部):

在header.php模板文件里设置你的博客标题和博客描述,通常情况下你的所有博客页面的header.php都是一样的。

Index 模板文件(索引页):

这里包含了发表的博客文章的文章标题、文章内容(文字和图像等)、meta信息(如发表日期、作者、分类、评论数等等)。

Sidebar 模板文件(边栏):

Sidebar模板文件设置固定页面、文章分类、文章存档和友情链接的链接列表。(sidebar不是一定要布局在右边,这里演示的只是典型的两栏的布局模板)。

Footer 模板文件:

和header.php模板文件一样,footer.php也是比较固定的,不用每个页面都不一样。你可以在

这里放任何内容,但一般可以放置你的博客版权信息。

以上演示的博客首页的模板文件之间的关系,那么文章页面又是由哪些模板文件组成的?

由上面的结构图可以看出,文章页面只是将index.php模板文件替换成了single.php文件,header、sidebar、footer都和首页一样。相应地文章存档页面也只是将archive.php替换index.php文件就可以了。

第一步:开启LAMP或Xampp

本地电脑安装了LAMP或WAMP后,一般默认设置是开机自动启动。如果你的设置不是这样的,那就要先开启这些服务(LAMP/Xampp),这样你的本地电脑就可以当作网站服务器了。

第二步:创建Wordpress主题文件夹

在本地电脑上安装Wordpress博客成功之后,在你的电脑网站目录下找到

wordpress/wp-content/themes目录,在themes目录下创建一个文件夹,名称随意比如tutorial。第三步:创建index.php和style.css文件

创建一个php文件index.php(即名称为index,后缀名为php的文件)。然后用你的代码编辑器(如dreamweaver)打开该文件,将以下代码复制到index.php文件里,并保存文件:

"https://www.wendangku.net/doc/df13195572.html,/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<?php bloginfo('name'); ?><?php wp_title(); ?>

href="" />

如果看不太懂上面的代码,不用管这些代码是什么意思,再新建一个文件style.css(即文件名为style,后缀名为CSS的样式表文件),style.css文件里复制粘帖如下代码:

当然,可以把URL网址和作者换乘你自己的,保存退出。这样就创建好两个文件了:index.php 和style.css。

下面我们解释一下index.php文件里面的标注为红色的代码是什么意思:

Doctype–指明你在用什么样的代码来写你的Wordpress 主题代码,在这里Doctype并不重要,这里写出来的原因是告诉大家不用去管它。

这是我们的网页开始的标记。

这是网页的头部开始的标记。每一个网页都一个head(头部)和body(主体)。

这是网页头部结束的标记。

之间的代码是php代码,这是index.php后缀名为什么要为.php的原因。php代码由结尾,和剩下的那些HTML代码是不同的。

这是一个php函数,调用了style.css文件的位置。这样我们的Wordpress主题就可以链接到这个css样式表文件,因此也就可以用它来设置网页的

所有样式了。

?

?bloginfo(‘style sheet_url’) php函数调用style.css 文件的位置。

?;停止调用style.css,分号在PHP代码中用于结束一断语句代码。

??> PHP代码结束。

表示网页的主体开始,body部分是我们在网页上可以看到的内容。您正在阅读本文章就表示正在阅读这个网页的body部分了。表示网页主题部分结束。

表示网页的所有部分结束。后面没有任何代码了。

第四步:启用你的WordPress主题

打开浏览器,输入http://localhost/wordpress/wp-login.php,然后在该页面上你可以登陆本地安装的WordPress管理后台。如果输入这个网址以后提示找不到该网页Not Found,或者直接转到一个保存文件的对话框,这是因为LAMP/Xampp php开发环境没有搭建成功,或者LAMP/X ampp 服务控制没有开启的原因。

进入到Wordpress 管理后台,点击“外观”,或者点击“更改主题”。就可以看到刚才创建的主题Tutorial了:

激活Wordpress主题

点击启用,wordpress管理后台告诉你:新主题被启用,去看看样子的网站。或者在新的浏览器窗口输入http://localhost/wordpre ss,你将看到打开了一个空白页面,没错,就是空白的。后面的WordPress主题教程我们会不断地将这些空白填充上去,下一节我们介绍header模板。最后,别忘了在XAMPP 控制面板上关闭Apache和Mysql等服务。不过LAMP 一直开在那里也没关系。

新手如何建立自己的网站

新手如何建立自己的网站 建立自己的网站是一些准备从事seo事业新手必经之路,建立一个网站其实很简单,下面我就简述一下这些最基础的知识。 确定自己网站的目的和类型 在我们做网站的时候,首先要明确做这个网站的目的。确定好了才会有更鲜明的主题,不会让我们在做站的过程中犹豫不决。比如我们要做个企业网站、我们就会想企业网站的目的和它的主要用途是什么?比如我们想宣传企业,提高企业知名度,另外还可以销售企业生产的产品,我们就会在大脑中大致勾勒出网站的轮廓,网站做的要美观大气,体现出企业风貌,这样栏目一般会有公司风貌、产品展示、用户问题反馈、新闻中心、关于**公司等等,如果想同时销售自己公司的产品,还要加上网上商城等等。除此之外我们还要考虑的就是用什么类型的网站代码,一般建议使用HTML静态代码,更容易被蜘蛛抓取,后台简洁,容易操作,数据库结构合理,容易扩充功能和日后维护等等。再比如我们要做一个单一产品的网站,首先我们想到的就应该是选择产品了,这点很重要,我们尽量要选择利润大,转化率高而又售后服务简单的产品,产品选好了就该确定网站程序了,单一产品网站一般结构都比较简单,我们可以用一些开源程序加上模板,比如phpcms、dedecms、wordpress,另外前期工作还有确定网站内容和关键词之类的,以后我们会讲到,在这里就不再赘述。 总之,确定网站的类型决定你以后网站的目的和用途,我们尽量深思熟虑,多做长远的打算,这样我们的网站才会更长久。 二、注册自己的域名 网站类型确定好了,我们就要开始正式做我们的网站了,首先我们要有个域名,域名是很重要的,它就像网站的门牌号,没有它别人会找不到你。现在域名注册商很多,建议选择一些有信誉的大公司注册,不然日后域名公司跑路我们会很麻烦。一般我推荐去万网注册。下面我简单说一下万网注册域名的流程:首先打开万网(输入网址:https://www.wendangku.net/doc/df13195572.html,/,回车),首先注册一个万网的账号并登陆,然后点击菜单上的域名注册,输入需要注册的域名,如果查询结果显示不能注册,换别的域名再试,如果可以注册,我们就点击加入购物车,最后点击立即结算进行网上付款。 三、购买网站空间 如果说域名是网站的门牌号,那么空间就是你的屋子了,我们要把自己的程序放在自己的空间里,屋子的质量决定你的舒适程度,而空间的质量决定访客的舒适程度。所以网站空间的选择也是很重要的,它会直接影响用户的感官和体验度。 现在网站空间按类型分主要有三种,按照从低到高的顺序为:虚拟主机、vps和独立服务器。虚拟主机又称虚拟服务器、主机空间或是网页空间,就是将一台服务器的某项或者全部服务内容逻辑划分为多个服务单位。VPS是在一台物理服务器上创建多个相互隔离的虚拟专用服务器。这些虚拟专用服务器以最大化的效率共享硬件、软件许可证以及管理资源。一般情况下VPS也有流量和空间大小限制的。独立服务器就是现实的真正的的服务器。独立服务器是最贵的,因此一般个人站长很少使用。虚拟主机操作起来比较傻瓜化,如果用vps 和独立服务器,需要自己做相应地配置,相对来说技术要求更高。

完整的WordPress函数大全

完整的WordPress函数大全 在修改和制作Wordpress主题时经常为不知道内置函数而苦恼,而wordpress官方的文档看起来又不是那么方便。所搜集并且整理了一下放这,以备后用。 判断页面函数 is_home() : 是否为主页 is_single() : 是否为内容页(P ost) is_page() : 是否为内容页(Page) is_category() : 是否为Category/Archive页 is_tag() : 是否为Tag存档页 is_date() : 是否为指定日期存档页 is_year() : 是否为指定年份存档页 is_month() : 是否为指定月份存档页 is_day() : 是否为指定日存档页 is_time() : 是否为指定时间存档页 is_archive() : 是否为存档页 is_search() : 是否为搜索结果页

is_404() : 是否为“HTTP 404: Not Found”错误页 is_paged() : 主页/Category/Archive页是否以多页显示 Header部分常用到的PHP函数 : 博客名称(Title) : CSS文件路径 : PingBack Url : 模板文件路径 : WordPress版本 : Atom Url : RSS 2.o Url : 博客Url : 博客网页Html类型 : 博客网页编码 : 博客描述

100种增加网站流量的方法

100种增加网站流量的方法 本文为来自Tristan的投稿,是一篇翻译的文章,文章比较长,但是如果你有网站或者blog的话,很多方法还是很值得借鉴的。 流量就是网络中的货币。网站流量越大,就越容易达到既定目标:赚钱,传播观点,与其他人联系互动,或是其他任何目的。 这也是为什么我要编写这么一篇100种提升网站流量方法的文章。只要运用一些(或是大部分)以下方法,保证你的流量就会大幅上升。 博客 1.添加博客到你的网站上。如果网站是静 态的(Tristan:例如一个公司网站或是网上商店),考虑添加一个博客上去吧,定期更新一下内容。这样不仅能吸引回头客,还能从搜索引擎中获取更多流量。需要博客软件,当然是WordPress了。(免费又易用) 2.到其他人博客上留言。养成访问利基目标市场中的博客并留言的习惯。评论中会允许你留个链接,有些访问者也许就由此点击到你的网站了。通过访问Alltop 来查看你的利基市场中都有哪些博客。

3.提交读者投稿。大部分博客都欢迎读者投稿。博主允许你投稿给他们,而且通常文章都会保留作者署名指向你的网站。把文章发给博主,看他会不会将文章作为读者投稿发表,就是这么简单。 4.赞助博客比赛。博客圈一个流行的做法是进行博客比赛。你可以去赞助一次比赛,提供奖品或奖金,博主们就会在比赛页面留一个链接指向你的网站。 5.参加博客嘉年华。博客嘉年华是指博主们聚在一起就某个话题进行写作的网上活动。嘉年华的主办方最后通常会写一篇总结文章,其中会给出文章链接指向每一个参与者,同时参与者之间通常也互相链接到对方文章页面。你可以和朋友们组织一次嘉年华,或是在https://www.wendangku.net/doc/df13195572.html,上找一个正在举行的。 6.建立起关系网。有句俗话叫做“有本事不如认对人。”这同样也适用于网站推广,结识博主、站长交上朋友之后,他们会很乐意放上一个链接指向你的网站,并带来流量。不过在此之前你也许应该先链接到他们的网站上,或者通过e-mail 联络联络感情。 订阅 7.发布RSS订阅源。发布RSS订阅源以方便读 者通过RSS阅读器订阅博客。这样只要博客有更新,他们都能自动获知更新,这是一个既保证他们能阅读更新文章也促使让他们定期访问网站的好方法。 8.利用Feedburner。如果想方便管理RSS,就应该注册一个Feedburner账号。这项服务完全免费,还有许多有用的功能,比如统计订阅用户信息,拥有各种自定义选项等等功能。Feedburner还能让博客输出内容很好地和大部分浏览器以及RSS阅读器兼容,不至于因为技术原因丢失掉订阅者。 9.提供邮件订阅。许多网友还不使用RSS,提供邮件订阅就显得非常必要,幸运地是利用Feedburner很容易实现。只需在Feedburner激活“Publicize”特性,将订阅的链接粘贴复制到网站上就行了。 10.创建一个 email newsletter(邮件简报)。将邮件订阅再优化一下就可以创建email newsletter了,这样可以有效控制推送到订阅者邮箱的内容。比如定义一个自动推送的规则,将特定内容在特定时间发送到订阅者邮箱中。你需要

史上最经典的WordPress 主题教程

史上最经典的WordPress 主题教程 创建 WordPress 主题其实不难,只要你从现在开始认真学习 这个教程,从零一步一步开始,你就会成为一个 WordPress 主题制作高手,至少你会修改现有主题。 下面是一个从零开始制作 WordPress 主题的教程,这个教程 最初翻译自So you want to create WordPress themes huh? 经过多次修正以适应中文习惯,并加入了个人的理解,这个教 程它会一步一步教你如何制作 WordPress 主题。 内容目录 WordPress 主题教程:从零开始制作 WordPress 主题 创建 WordPress 主题所需的工具和准备 WordPress 主题教程 #1:介绍 基本规则: 专业术语: 层式结构: WordPress 主题教程 #2:模板文件和模板 Header 模板文件: Index 模板文件: Sidebar 模板文件 Footer 模板文件: WordPress 主题教程 #3:开始 Index.php 第1步:打开 XAMPP 控制面板 第2步:创建你的主题文件夹 第3步:创建 index.php 和 style.css 文件 第4步:创建 style.css 第5步:安装你的主题 WordPress 主题教程 #4a:Header 模板 第1步:打开 XAMPP 和主题文件夹 第2步:打开 index.php 第3步:调用博客标题 第4步:调用博客链接 WordPress 主题教程 #4b:Header 模板 2 第1步:开启 XAMPP 和打开 index.php 第2步:给博客的标题添加 H1 的标签 第3步:添加博客描述 第4步:DIV 标签 第5步:添加 Header DIV 标签

如何修改WordPress主题模板

如何修改WordPress主题模板 让你的WordPress博客准确按照你的意图的展现出来的关键在于你是否了解WordPress主题模板页面.这里所说的主题文件,指的是显示出来的页面,而不是为了实现评论和侧边栏之类的功能。大多数用户不使用WordPress安装时自带的默认主题,他们会在互联网上下载免费主题。这是一种自定义博客样式的好方法,但不是所有主题开发者都用相同的方式设计主题。 主题的质量很大程度上取决于网页设计师在设计主题上耗费的时间以及他们本身对WordPress的了解。 下面我会为大家介绍设计主题页面的所有相关知识,通过这些下面的信息你甚至可以开始为自己设计一个主题。 除非你是专家级的主题开发者,否则都可以从这里学到些新的东西 WordPress工作原理 你了解WordPress最重要的东西就是它的模板层次,或者说是“WordPress调用页面的顺序”。“index.php”是唯一一个所有WordPress主题的PHP文件中都必须带有的文件。换句话说,你完全可以只用一个“index.php”文件来实现WordPress所有的单独功能。 页面调用顺序 每当有WordPress页面(你愿意额话可以称之为WordPress引擎)被调用时,它会判断(通过排除法)页面的类型。 这类似于询问“我在哪儿?”。 WordPress回答“我在…类型的页面上”,然后以特定顺序调用页面。 WordPress找不到需要的PHP文件时,会使用“index.php”文件来代替所需文件。 WordPress首先会寻找以下九种基本页面: 我是在首页(Home Page)上吗? 如果WordPress判断是在首页上,会先调用“home.php”文件然后再调用“index.php”。 我是在日志(Post Page)页上吗? 如果是(单篇)日志页,首先调用“single.php”然后默认调用“index.php”。 我是在页面(‘Paged’ Page)页上吗? 如果是静态页面或“页面型”页面(应用了模板的页面),WordPress首先调用“pagetemplate.php”然后默认调用“index.php”。 我是在分类页(Category Page)上吗? 如果WordPress判断是分类页,则首先调用该类别编号的页面,例如“category-7.php”。 找不到相应文件时可以查找“category.php”(category.php可以用于所有类别页)。 如果没有“category.php”则继续查找“archive.php”,最后默认调用“index.php”。 我是在标签(Tag Page)页上吗? 如果WordPress判断是标签页,会首先加载“tag-slug.php”文件,以具体的slug(别名)为标签名。 如果标签是“wordpress hacks”,那么标签别名页就是“tag-wordpress-hacks.php”。 如果加载不成,WP会继续查找“tag.php”文件,该文件可用于所有标签页,然后调用“archive.php”,最后默认调用 “index.php”。 我是在作者页(Author Page)上吗? 博客拥有多个作者时,WP会首先寻找“author.php”文件以显示作者详情。 如果没有“author.php”则继续查找“archive.php”,最后默认调用“index.php”。 我是在存档页(Archive Page)上吗? WP为之前的日志加载信息页面时,同时也加载了存档页。 WP首先加载“date.php”,其次是

WordPress_主题模板制作及修改教程

WordPress 主题模板制作及修改教程 每一套 WP 主题都由结构层、表现层和数据层构成,可以说是典型的、符合 Web 体系标准的“三层结构”。WP主题的这种模式块化的特点决定了其设计其实是非常简单,但又极其灵活的。可以说,学会了制作 WP 主题,就相当于基本理解了 Web开发的客户端模型,对进一步学习掌握 Web 技术具有重要意义。这也正是 WP 的魅力所在! 在一套 WP 主题中,最基本的两个文件是 index.php 和style.css。其中,前者定义结构和内容,后者定义样式。所谓结构,就是由指由 XHTML 标签构成的网页基本架构。在 WP主题中,结构层主要使用的是添加了适当的 id 或(和)class 属性的 div 和 ul元素,以便更好地通过表现层来控制页面的布局和外观。所谓表现层,其实就是网页的布局和样式--也就是外观。表现层由CSS(级联样式表)规则定义构成。而数据层,顾名思义,也就是网站中实际显示的内容,是通过调用 WP内置的函数(有时需要传递适当的参数)从数据库中取得的。 说明:为简明起见,本教程不涉及如何定义样式表(CSS)文件的内容。 事实上,当我们打开某个主题的文件夹时,看到的并不止这两个文件,而是更多。但一般来说,在一个完整的 WP 主题文件夹中都应该包含下列文件(也称为模板文件): 等页面(其中部分页面稍后介绍)。 虽然上面列出了与 WP 内置功能对应的 9 个 php 文件,但制作一套主题远没有想像得那么复杂。因为事实上,你只需要制作一个 index.php 文件,就可以派生出另外 8 个文件来! 从 WP 应用主题的机制来说,这 9 个模板文件是存在优先级差别的,也可以认为是重要性不同。它们的优先级顺序是:index.php -> single.php -> page.php -> archive.php -> search.php -> 404.php。 这样,当不存在后边的页面时,WP 会自动调用前面的页面,直至调用 index.php。比如,当程序调用页面页 page.php

wordpress单页主题模板制作教程

Wp百科网主题模板制作教程 课程目标:制作出一个漂亮的主题 课后作业,跟着视频,完成一个相同主题的制作。 Wp百科网主题模板制作教程 (1) 1、wordpress模板结构分析 (1) 2、制作一个可以运行的wordpress主题,修改style.css (1) 3、制作出主题结构,index.php,header.php,footer.php,sidebar.php (2) 4、修改header.php,footer.php (2) 5、制作sidebar.php (3) 6、制作index.php, (3) 7、制作single.php页面,加入评论 (4) 8、制作page.php,archive.php,404.php (4) 9、制作小工具 (4) 10、细节问题处理 (4) 1、wordpress模板结构分析 索引页模版:index.php 顶部:header.php 文章页面模板:single.php 边栏模板:sidebar.php 底部:footer.php 页面模版:page.php 搜索结果:search.php 文章归档:archive.php 评论:comments.php 404 页面模版:404.php 主题支持函数:functions.php 样式表:style.css 2、制作一个可以运行的wordpress主题,修改style.css 制作一个最简单的主题,只需要两个文件,index.php和style.css 第一步,准备静态页面 第二步,制作index.php和style.css 第三步,给style.css添加版权信息

第四步:把主题上传到空间中wordpress安装路径,wp-content/themes/下面,这里主题的文件夹名字必须是英文 第五步,在wordpress后台启用主题 先给style.css添加版权信息 /* Theme Name: wordpress theme 01 Theme URI: https://www.wendangku.net/doc/df13195572.html, Description: a simple bolg theme Author: xixi Author URI: https://www.wendangku.net/doc/df13195572.html, Version: 1.0 Tags: white, blog, liweihui, blue */ Style.css路径调用: 主题缩略图名字:screenshot.png 3、制作出主题结构,index.php,header.php,footer.php,sidebar.php 把index.php拆分成header.php,footer.php和sidebar.phhp 4、修改header.php,footer.php 新建一个index.php文件,header.php,footer.php, 这步需要用到的标签: 获取博客名字: 获取博客描述: 获取主页路径: 获取主题存放路径: 其他外部文件调用方法: <?php if (is_home()||is_search()) { bloginfo('name'); } else { wp_title(''); print " - "; bloginfo('name'); } ?> 页面调用:

wp如何添加logo

wordpress怎样添加logo 用wordpress版本3.2.1直接套用的官方wordpress模版、wordpress插件、wordpress主题,可以说是完全的源代码,好了,闲话少说。下面是我添加logo图片的步骤: 1.将自己制作好的logo图片复制黏贴到\wordpress\wp-content\themes\twentyeleven目录下面,记住你logo图片的名称。 2.用相关软件打开\wordpress\wp-content\themes\twentyeleven目录下的header.php文件,找到”title=””rel=”home”>这一句,在后面添加代码/logo名称.jpg”alt=””width=”180″height=”96″/>,将后面这句去掉就可以。 刷新页面就可以显示了,因为wordpress3.2.1默认的header图片是100%显示,所以上传的logo可能会以100%显示,剩下的工作需要你在css里面调试了,不再赘述。 《》》》《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《《怎样添加自己的logo标识到WP-magazine这款主题 2009-03-0718:16 怎样添加自己的logo标识到WP-magazine这款主题 第一步-去掉现有的博客标题和描述Site Title and Description 首先就是在你的WP-Magazine主题的左上角放logo的地方要腾出空间来。方法就是去掉现有的占了这个空间的博客标题和附属描述。 1.在控制面板中找到外观-主题编辑器,你应该能找到类似stylesheet.css的模板; 2.然后找到如下代码: #header.sitehead-left p{ margin:0; height:26px; line-height:26px; } 找到后用下面的代码替换: #header.sitehead-left p{ position:absolute; text-indent:-999em; margin:0; height:26px; line-height:26px; } 3.接着继续找下面的代码: #header h1{ font-size:20px; margin:0; line-height:24px;

如何用Wordpress程序搭建博客网站

新手如何用Wordpress程序搭建博客网站 作为一名网站优化人员,学会用建站程序打造网站是最基本的,今天就给大家介绍一款建站程序wordpres,之后大家一定要自行搭建一个wordpress网站,这样你才能学会哟。 wordpress的优势: 1、wordpress操作简单方便 因为wordpress 的后台是非常简单明了,并且有一些好用的插件,还有一些比较实用的东西,比如我是想后台发文章,你可以用它自带的编辑器来做,是非常方便的。对于新手来说是非常容易学会的。 2、wordpress是免费的 对于初学者来说,有些人是想找自己建站个实验下,那么wordpress程序就是一个很好的程序选择,因为它是免费使用,你根本不需要花费什么成本就能建立起一个自己的站。 3、wordpress具非常多主题和模板,方便我们学习 相对于因它平台,wordpress的模板多,主题是非常漂亮,方便我们学习选择,也不会那么容易跟别人撞模板和主题。 4、搜索引擎相对于wordpress比较友好,所以收录快 因为wordpressss带有静态化插件,里面可以自己设置关键词和描述,这样就对搜索引擎比较友好,利于收录。这样有得做网站优化,提高网站关键词的排名。 5、wordpress能很快的与网站结合 不管你的网站之前使用了哪些程序,只要使用wordpress他能够很好的进行网站的的结合,把wordpress 放在你的网站,它就能好好的和你网站的主题融合起来。 下面就教大家搭建网站,不会建站的朋友一定要看清楚咯 建立博客第一步: 把下载好的WordPress博客程序用FTP上传到根目录里面,然后解压出来,比如拿我空间的根目录为例:我的根目录是 public_html 这个文件,那么你把WordPress程序上传到根目录里面,那么你的路径应该是这样 public_html/WordPress.zip(压缩包),把它解压出来,根目录里面就有两个文件(一个是压缩包,另一个是解压出来的文件),到这里就是最重要的一步,就是把解压出来的文件夹里面的所有文件移动到根目录里面,就是把

从零开始制作 WordPress 主题(修订版)

从零开始制作WordPress主题 目录 下载教程源代码 (5) WordPress主题教程#1:介绍 (5) HTML基本规则: (6) WordPress专业术语: (7) WordPress主题的层次结构: (7) WordPress主题教程#2:模板文件和模板 (7) Header模板文件: (8) Index模板文件: (8) Sidebar模板文件 (9) Footer模板文件: (10) WordPress主题教程#3:开始Index.php (10) 第1步:打开XAMPP控制面板。 (10) 第2步:创建你的主题文件夹。 (11) 第3步:创建index.php和style.css文件。 (11) index.php解释: (12) 第4步:创建style.css。 (12) 第5步:安装你的主题。 (13) WordPress主题教程#4a:Header模板 (14) 第1步:打开XAMPP和主题文件夹。 (14) 第2步:打开index.php (14) 第3步:调用博客标题 (15) 第4步:调用博客链接 (16) WordPress主题教程#4b:Header模板2 (17) 第1步:开启XAMPP和打开index.php (17) 第2步:给博客的标题添加H1的标签 (17) 第3步:添加博客描述 (17) 第4步:DIV标签 (18) 第5步:添加Header DIV标签 (18)

WordPress主题教程#5:主循环 (18) 第1步:创建container Div (19) 第2步:输入主循环代码 (19) 第3步:调用日志标题 (20) 第4步:给日志标题加上链接 (21) WordPress主题教程#5b:日志内容 (22) 第1步:使用the_content()函数显示日志内容 (23) 第2步:使用DIV标签把博客日志的内容和标题区分开 (25) 第3步:给日志的标题和内容添加class=”post”的DIV标签 (26) WordPress主题教程#5c:日志元数据 (28) WordPress主题教程#5d:Else,日志ID,链接标题 (31) 第1步:Else (31) 第2步:日志ID (32) 第3步:链接标题 (32) WordPress主题教程#5e:日志导航链接 (33) WordPress主题教程#6:侧边栏 (34) 第1步:创建id为“sidebar”的DIV (34) 第2步:给侧边栏的DIV添加无序列表 (34) 第3步:给这个无序列表添加原属 (35) 第4步:添加分类链接列表 (35) WordPress主题教程#6b:页面链接列表 (36) WordPress主题教程#6c:存档和链接列表 (39) 第1步–添加存档链接列表。 (39) 第2步:添加友情链接列表 (40) WordPress主题教程#6d:搜索框和日历 (41) 第1步:增加搜索框 (41) 第2步:增加日历 (43) 第3步:增加元数据 (44) WordPress主题教程#6e:窗体化侧边栏 (45) 第1步:创建functions.php文件 (45)

最详细的WordPress安装中文教程

超详细的WordPress安装中文教程

首先你要有一个域名和一个空间,且将域名解析到你的空间。 我的域名是自已在godaddy注册的,如果你的英文不咋地,可以到淘宝上去买一个info的域名,一般8-10块钱,很便宜的。我是空间是美国空间,在这里买的新手型cpanel主机,600M空间,月流量6G,可建站3个,价格真得很实在,只要100元/年。 做好上面的步骤之后,下面是安装的程序了: 1.在你得到cPanel后台的用户名和密码后,你可以通过以下方式登录cPanel。 http://你的主机IP:2082 http://你的域名/cpanel http://你的域名:2082 2.登录进入cPanel之后,一般默认是界面已经是中文版的,如果不是中文的,你也可以修改成中文的。我们先来创建一个数据库。 1)找到“数据库”-“MySQL 数据库”,然后点进去。 2)接着创建一个新的数据库的名称,填入名称之后,按“生成数据库” 好了,数据库已经生成 3)创建MySQL用户,填上你的用户名,密码,然后生成用户。

4)向数据库添加用户,选择好刚刚创建的用户和数据库,然后“添加” 勾上“所有权限”,最后“更改”。 数据库我们已经创建完成了,我们需要记下数据库名称,用户名称,密码。 3.上传WordPress 1)从https://www.wendangku.net/doc/df13195572.html,/下载最新的WordPress中文版。

2)回到cPanel首页,找到“文件”-“文件管理器”,点进去 3)选择根目录然后“Go” 里面的界面是这样子的 4)开始上传Wordpress压缩包,选择“上传”,进入之后界面如下,然后选择压缩包所在目录,直接上传。

wordpress主题开发文档

Wordpress主题制作 个人主题的开发记录。主要介绍函数的使用。 创建主题 在wp-content下面的themes文件夹中创建自己主题的文件夹。我的文件夹名称是zingson。在文件下面创建style.css文件与index.php文件,一个主题中,这两个文件是必须的,其它的一些文件后面再加。 这两个文件建好之后,去后台就可以看到自己添加的主题,启用主题,打开首页能看到你index.php的容了。 style.css文件说明 style.css文件中必须含有主题的注释头信息。 以下是默认主题的style.css文件: 上面容是从默认主题复制过来的,大概可以看出什么意思了。

注释说明: Index.php WordPress主题模板文件的列表。用户的主题中也可能带有其它样式表单、图片或文件,不过下面这些文件在WordPress中都有着特殊意义。 style.css:主样式表单。主题中必须包含style.css文件,而style.css文件中必须含有主题的注释头信息。 index.php:主模板。如果用户使用的主题有自己的模板,必须具备index.php文件。Wordpress的实用函数 工具函数 bloginfo() 这个函数定义在wp-includes/general-template.php文件。 函数源代码:

看到这里使用的是get_bloginfo()两个参数,这里就不进一步追进了。 函数是把容输出,表现在页面上,它的作用就像ehco; 如果想要赋值调用的话,我们需要使用Wordpress给我们提供的另一个函数get_bloginfo(),例如: 优化: 如果已经有了固定的域名,有了成型的,设计的主题是私有主题(即设置之初就没有打算共享),基于以上几个条件,bloginfo函数用处似乎不大。 使用实例:下面代码在index.php中。

XML的发展历史与优势

XML的发展历史与优势 ?出处:站长百科 ?原文地址:https://www.wendangku.net/doc/df13195572.html,/wiki/XML ?本电子书整理自站长百科XML词条,查看内容请访问网站。 目录 XML的发展历史与优势 (1) XML的历史 (2) XML的特点 (3) XML的优势 (4) XML应用范围 (5) XML学习教程 (5) 相关条目 (5) 更多电子书 (5) HostEase中国访问最快的美国主机建站的最佳选择强大的主机控制面板中文网站(https://www.wendangku.net/doc/df13195572.html, )轻松选购支付宝付款购买更快捷中文客户服务沟通更方便,轻松省钱请使用优惠码https://www.wendangku.net/doc/df13195572.html,/top/hostease/ ?出处:站长百科

推荐内容: 2G美国免费空间 | 1美元银币竞拍 XML(eXtensible Markup Language的缩写),意为可扩展的标记语言。与HTML 相似,XML是一种显示数据的标记语言,它能使数据通过网络无障碍地进行传输,并显示在用户的浏览器上。XML是一套定义语义标记的规则,这些标记将文档分成许多部件并对这些部件加以标识。它也是元标记语言,即定义了用于定义其他与特定领域有关的、语义的、结构化的标记语言的句法语言。 XML的历史 1996年万维网协会(或者叫W3C) 开始设计一种可扩展的标记语言,使其能够将SGML的灵活性和强大功能与已经被广泛采用的HTML结合起来。这种后来变成XML的语言继承了SGML的规 范,而且实际上就是后者的一个子集。从SGML入手使得该设计小组能够将精力集中在简化已有的成果上。SGML已经提供了一种可以无限扩展的语言,它允许 任何人能够根据自己的需要加以扩充。XML之所以要较SGML更为简化,很大程度上是出于易用性的考虑:人们对标记的读写过程应该使用现有的、简便通用的 工具,同时,我们也应当简化计算机对文档和数据交换的处理。由于有太多的可选功能,SGML变得过于复杂,以至于很难编写出针对这种语言的普通解释器,而 XML的解释器则简单得多。此外,XML使得现有的Internet协议和软件更为协调,从而简化了数据处理和传输。作为一个不错的SGML子集,XML还保持了对现有的面向SGML的系统的向下兼容性,这样,用XML 标记过的数据就仍然可以在 这些系统中使用,为基于SGML的行业节省了大笔的改造费用,同时,与Web的结合也使得它们更便于被访问。 1998年2月,XML 1.0 成为了W3C 的推荐标准。包括Extended Backus-Naur Form (EBNF) 中语法标识在内的这个正式的规范可以很容易地从W3C 的Web站点(https://www.wendangku.net/doc/df13195572.html,/TR/REC-xml)上得到;此外,XML规范的制定者之一Tim Bray 还在https://www.wendangku.net/doc/df13195572.html,/axml/testaxml.htm 上提供了一个有着非常不错的注解的版本。在http://www.ucc.ie/xml/上,由Peter Flynn 等人代表W3C ?出处:站长百科

WordPress企业主题制作教程

企业主题模板制作教程 课程目标:制作出一个企业的主题 第1课WordPress企业网站主题分析 1、首页产品图片和滚动图片 2、产品页面 3、文章列表页面 4、单个文章(产品)页面和page页面 第2课静态页面转化成WP模板和头部制作 1、静态转模板 1.1、制作style.css 移动images文件夹下面的css到主题文件夹下面,重命名为style.css 添加主题版权信息: /* Theme Name: WPHost Theme URI: https://www.wendangku.net/doc/df13195572.html,/ Description: WPYOU官方主题定制设计和开发: WPYOU. Version: 3.6 Author: WPYOU Author URI: https://www.wendangku.net/doc/df13195572.html,/ Copyright: (c) WPYOU */ 1.2、制作index.php 1-2-1、修改css文件路径 Style.css路径调用: 1-2-2、修改所有相对路径为WP绝对路径 第1页/共11页

获取主题存放路径: 1-2-3、删除多余的CSS代码 1-2-4、修改style.css里面图片路径 2、顶部模板制作 分离头部,改用WP调用,调用顶部标签: 2-1、元信息调用 <?php if (is_home()||is_search()) { bloginfo('name'); } else { wp_title(''); print " - "; bloginfo('name'); } ?> 2-2、二级目录导航制作 分类目录调用标签: 页面调用: 自定义首页:”>首页 第2页/共11页

简历制作模板word下载免费

s 姓名:某某某 XX:1234567890 XX:1234567890

某某某 个人技能 WORDPRESS 如要修改图标 选中小竖杠,方向键移动 office 办公软件 我是某某某,我来自某某,现在居住某某。我毕业后一直从事设计工作,善于与人沟通,有着较强的分析、决策、协调及执行能力,工作细致严谨,讲求实效。请修改为自己的突出特点,优势。请修改为自己的突出特点,优势。 自我介绍 姓名:某某某 年龄:24岁 籍贯:某某 民族:汉族 简历设计师 基本资料 教育背景 所学课程 素描、色彩、三大构成、世界 现代设计史、设计概论、图形创意、图案与装饰基础、字体与标志设计、版式设计等 某某设计学院 2006 - 2010 设计专业 本科 获得证书 某某专业证书,某某专业证书、某某专业证书 平面设计师 某某设计服务有限公司 2009.5 – 2010.10 这里介绍公司的详细情况,公司的规模,发展的情况,自己所在部门的情况等。 ●负责企业画册设计、标志设计、产品包装设计、杂志广告跨页设计、户外广告设计 ●负责自己品牌化妆品包装设计负责自己品牌化妆品包装设计负责自己品牌化妆品包装设计 实践经历 平面设计师 某某设计服务有限公司 2009.5 – 2010.10 这里介绍公司的详细情况,公司的规模,发展的情况,自己所在部门的情况等。 ●负责企业画册设计、标志设计、产品包装设计、杂志广告跨页设计、户外广告设计 ●负责自己品牌化妆品包装设计负责自己品牌化妆品包装设计负责自己品牌化妆品包装设计

您好! 非常感谢您在百忙之中审阅我的求职信,我毕业以广告艺术设计专业,很荣幸有机会向您呈上这份求职信。为了找到一份更好的工作,更好的发挥自己的才能,实现自己的人生价值,谨向各位领导作自我推荐。 我一直为热爱的工作投入了巨大的热情和精力,工作几年中,不断的对广告基础知识、设计、创意、制作等多方面力求更新。在工作中不断的学习与培养,我对这一领域的相关知识有一定的理解和掌握:会应用Office 、WPS 等办公软件,熟练操作:Photoshop 、CorelDRAW 、Illustrator 、Pagemaker 平面设计软件(并有成功的平面设计作品)。 随着社会的不断发展,只具有专业知识是满足不了时代的需要。故我在业余时间自学了许多相关的知识,不但充实了自己,也培养了自己多方面的技能。在努力做好本质工作的同时,还不断提高综合素质。 我清楚的知道:“千里之行,始于足下”,在激烈的人才市场上,我一切得从零开始,虚心学习,开拓进取,使自己早日成为一个优秀的人才。若能成为贵公司的一员,我不会辜负您今天的选择。祝贵公司事业蒸蒸日上。 此致 敬礼! 您给我一个机会,我将给你无限惊喜! 求职信 尊敬的领导: 简历设计 师 某某某

教你制作WORDPRESS主题汉化包 如何汉化WP主题

教你制作WordPress主题汉化包如何汉化wp主题 ---------------------------------------------------------------------- 第一次使用sandbox框架制作wordpress theme,把theme 汉化成中文版的,如果去一个个的文件编辑很麻烦,那么,有没有简单的方法呢?我们该怎么办? 之前也有看到有些网友的博客有发布WordPress皮肤汉化包等等的文章。我想应该所有的wp theme都是可以汉化的。于是,便想自己动手做一个…… 在网上查了很多资料,也问了很多朋友,最后终于知道了怎样制作theme汉化包。所以,想和大家分享一下,供那些和我一样刚接触wordpress的朋友参考!无论是你自己制作主题,还是看上了其他的主题,这个教程都将对你有所帮助!虽然网上制作theme语言包的方法别人介绍过,但大多讲的比较笼统,对于刚接触wp的朋友来说还得花上不少功夫去消化!本教程主要针对刚接触wp的新手做的教程! 1.首先配置你的wordpress theme文件 在theme中把需要汉化的地方使用如下格式设置好:

上面的c2cer这个是可以根据你自己的皮肤名字来定的!例如我的theme叫做:popdo然后我要汉化的语句是:one comment 那么就可以写成: 如果要翻译的语句与php数据库有查询关系,那么调用的时候就要用__()而不是_e()的方式,例如: 那么格式就可以写成: 如果上面让你不明白的话,你也可以下载一套sandbox的框架查看里面的语句。都设置好这些后,在theme的functions.php文件中的最下面添加一句:

相关文档
相关文档 最新文档