WordPress是一款非常流行的内容管理系统(CMS),拥有丰富的插件和主题资源,使得许多网站开发者、博主和中小企业主都可以轻松搭建属于自己的网站。在WordPress中,分类模板是一个非常重要的组成部分,它决定了分类页面的布局和样式。今天,我们就来聊聊WordPress分类模板的制作,帮助大家打造一个既美观又实用的个性化网站。
一、什么是WordPress分类模板?
WordPress分类模板是指在WordPress中针对特定分类(Category)页面而定制化的模板。通过编辑分类模板,我们可以对分类页面进行个性化设置,例如调整布局、添加自定义样式等。分类模板主要包括以下几个部分:
1. header.php:头部文件,包含网站logo、导航菜单等内容。
2. sidebar.php:侧边栏文件,用于放置侧边栏内容,如搜索框、最新文章、广告等。
3. content.php:内容文件,展示分类下的文章列表。
4. footer.php:底部文件,包含版权信息、联系方式等内容。
二、如何制作WordPress分类模板?
1. 准备环境
在制作分类模板之前,我们需要准备以下环境:
* WordPress网站
* FTP客户端(如FileZilla)
* 文本编辑器(如Sublime Text、Visual Studio Code等)
2. 备份模板
在编辑模板之前,请确保备份当前网站的主题文件夹,以防万一出现错误导致网站无法正常访问。
3. 编辑模板
以下是一个简单的分类模板制作步骤:
| 步骤 | 操作 |
|---|---|
| 1 | 登录FTP客户端,连接到网站服务器 |
| 2 | 进入网站的“wp-content/themes/主题名称”文件夹 |
| 3 | 复制“category.php”文件到“category-custom.php”,并重命名 |
| 4 | 使用文本编辑器打开“category-custom.php”文件,进行以下操作: |
| 1.编辑header.php,调整头部布局 | |
| 2.编辑sidebar.php,设置侧边栏样式和内容 | |
| 3.编辑content.php,调整文章列表布局和样式 | |
| 4.编辑footer.php,设置底部布局和内容 | |
| 5 | 保存修改后的模板文件,并将备份的模板文件还原 |
4. 测试模板
完成模板编辑后,我们需要在浏览器中预览模板效果,确保一切正常。
三、常见分类模板制作技巧
1. 响应式布局:使用媒体查询(Media Queries)等技术实现响应式布局,使分类模板在不同设备上都能正常显示。
2. 自定义样式:使用CSS样式自定义分类模板的字体、颜色、间距等,打造个性化风格。
3. 图片轮播:在分类页面添加图片轮播,展示精选内容。
4. 标签云:在分类页面添加标签云,方便用户快速找到感兴趣的文章。
WordPress分类模板制作是网站建设过程中的重要环节,通过制作个性化的分类模板,我们可以提升网站的视觉效果和用户体验。本文介绍了WordPress分类模板的基本概念、制作步骤和常见技巧,希望对大家有所帮助。祝大家制作出精美的分类模板,打造出属于自己的个性化网站!
如何在 WordPress 中创建自定义单篇文章模板
在WordPress中创建自定义单篇文章模板,可以通过以下几种方法实现:
使用块编辑器创建单个帖子模板:
步骤:在WordPress中创建新帖子,添加所需的组块到布局中,然后保存布局作为可重用块。这样,您就可以在其他帖子中重复使用此布局。特点:方法简单,但灵活性有限,适合快速保存和重复使用特定布局。使用SeedProd插件创建自定义单篇文章模板:
步骤:安装并激活SeedProd插件,创建新主题,使用拖放构建器自定义单篇文章模板,包括布局、内容块和动态内容显示。特点:功能强大,无需编写代码,可轻松创建美观的自定义模板。使用主题设置创建自定义单篇文章布局:
步骤:在编辑单个帖子时,查找主题提供的自定义选项,如更改侧边栏、标题、菜单等设置。特点:依赖于主题功能,许多流行主题提供了此选项,便于快速应用特定布局。使用代码手动创建自定义单篇文章模板:
步骤:复制WordPress中的单篇文章模板代码,进行修改,然后将其保存为新文件,并上传到服务器。在代码中实现个性化布局和功能。特点:较为高级,需要一定的编程知识,但提供了最大的灵活性和自定义空间。按类别或特定作者创建自定义单篇文章模板:
步骤:对于特定类别或作者的帖子,可以使用SeedProd的模板管理功能或代码为每个类别/作者创建不同的布局。通过检查类别/作者条件来选择和应用相应的模板。特点:满足特定内容或作者的个性化需求,提升用户体验和网站专业性。总结:选择适合您需求的方法,通过保存布局、使用插件、主题设置或代码,您可以在WordPress中轻松创建自定义单篇文章模板,以实现独特的帖子展示和丰富的网站视觉体验。
如何在wordpress 3.0中使用自定义分类法
WordPress 3.0五大新特征是WordPress为了迈向一个成功的内容管理系统努力的印证。之前,我们向大家介绍过WordPress3.0的新功能,自定义发布内容的类型,这篇文章将继续给大家讲一下WordPress3.0另一个比较突出的新功能,自定义分类法。什么是自定义分类法函数,它的实用性表现在哪里?究竟该如何使用?请看下面的教程:
什么是自定义分类法函数?
分类法函数顾名思义就是使用不同的方法来对事物进行分类的函数。大家都知道按照不同的分类标准,对某种事物的分类就会大相径庭,本教程将以台式电脑为例,依据下面完全不同的标准来分其结果就不一样:
随机存储的容量
硬盘驱动器的大小
CPU速度
CPU类型
安装的操作系统
等等
WordPress分类法函数历史简介
类别分类
WordPress2.3之前的版本只有一个最为普通的分类法函数,
叫做文章的“类别(Category)”。这个对于博客来说也还算过得去,因为你可以创建一个顶层分类“台式电脑”,一个子分类“RAM,”它同样也可以
有子子分类:“小于1 GB,”“1 GB,”“2 GB到4GB,”
等等。“台式电脑”下也可以创建一个叫做“操作系统的”第二个子分类,它下面的子子分类为“Windows XP,”“Mac OS,”“Red
Hat,”“Ubuntu,”等等。
当某种系统允许你将分类进行再次分为各种子分类,我们称之为层级结构。在WordPress2.3之前的系统里,你所能做到最好的就是创建一个庞大的分类层级,其中最高层代表最大的分类组。
标签分类法
WordPress2.3又增加了一种分类法,叫做标签,之前的分类通常都是事先想好了,具体到网站上内容的分类,而标签显得更加自由,可以说是一种即兴分类内容的方法。
举个例子,在写一篇关于某个台式电脑的文章时,标签允许制作输入一个或多个关键词,如“游戏”、“tivo功能”
、“嘈杂风扇”等等。像这些关键词可能并不适合于运用于整个网站内容的分类中,但是对某篇文章来说却是提供了另一种分类。网站访客以后就可以非常轻松找到
所有标记为“tivo功能”的文章。不过,标签的自由性却无法帮助我们创建一个固定的依据如操作系统、CPU类型值而做出的分类系统。因为标签是一维的,
不容许任何层级结构。
单级自定义分类法
WordPress2.8下,通过稍微修改网站的代码你可以添加自定义分类方案。这样你可以创建一个包含所有“操作系统”的文章列表,并与另一个包含所有
“随机存储器”的文章列表单独分开,当然还可以创建其他类似的列表。不过,它却无法像常见的“类别”分类法拥有内在的层级结构。
完全层次自定义分类法
最后,WordPress3上才可以拥有完全层级的自定义分类法。你将会发现这个完全层级自定义分类是多么强大,就拿操作系统来说,你可以将所有不同的
Windows变种放置到Windows父类别下。这样用户选择Windows操作系统的时候就可以看到所有相关的文章,而如果他们想只查找
Windows xp电脑相关的信息就可以选择Windows XP下的文章。
创建一个自定义分类法
编辑主题functions.php文件
WordPress3无法在管理后台创建自定义的分类法。如果不使用插件初次定义一个自定义分类法时,你将需要在主题 functions.php文件里添加点代码,其实也不难,跟着下面的指示就可以了。
在主题目录里找到“functions.php”文件,假设你使用的是WordPress3.0的默认主题“twentyten”,WordPress是安装在一个叫做“wp.”的目录下,那么functions.php文件的路径就是:
[website_root]/wp/wp-content/themes/twentyten/functions.php.
在代码中添加分类法
仍然以台式电脑为例,我们需要单独添加“随机存储器”、“硬盘驱动器”和“操作系统”这样的分类。在这里,仅仅是添加了分类法本身,也就是说设定完之后它们就像是一个“空的容器”,而你需要通过管理面板那命名管理不同分类,如“Windows XP”。
步骤一:使用一个函数创建所有的分类
首先,需要创建一个函数来创建所有需要的分类。这个函数叫做“build_taxonomies”,在functions.php文件的底端添加这个函数:
function build_taxonomies(){//定义分类法的代码将写在这里}
步骤二:定义分类法
接着,对于每个需要创建的分类法,我们需要启用某个WordPress函数以及正确的参数。下面就是该函数以及它相关的重要参数的解释。
register_taxonomy('internal_name','object_type', array('hierarchical'=>
{true|false},'label'=>'Human Readable Name','query_var'=>
{true|false},'rewrite'=>{true|false}));
internal_name:在WordPress内部,数据库和模板文件中这个分类法究竟该怎么称呼就是靠这个函数来实现的。
object_type:什么类型的内容才可以用这个分类法进行分了呢?可能的值有:“文章(post),页面(page)以及链接(link)”。
接着就是一组可选择的参数。本教程就使用最为重要的几个参数,其他参数大家也可以在官方的引用函数/ register_taxonomy Codex页面上找到。我们将使用到的参数有:
hierarchical:如果设置为”true”的话,意味着此分类法拥有的层级功能,就像WordPress“类别”的分类一样。反之,如果设置为‘false’,那么它就会像标签一样灵活没有分层的制约。
label:这是一个对用户可见的用户标记此分类法的一个标记。
query_var:如果设置为‘true’,那么选择该分类法后,我们可以要求WordPress为我们选择相关的文章,例如,依据操作系统分类法,如果选择“Windows”,WordPress系统就会为你列出所有Windows下的文章。
rewrite:如果设置为‘true’,在浏览一个页面时,WordPress将会使用友好的URL地址。例如,选择Windows操作系统之后列出的文章列表页面的URL地址将会是这样的:
添加操作系统分类法的代码如下:
register_taxonomy('operating_system','post', array('hierarchical'=> true,
'label'=>'Operating System','query_var'=> true,'rewrite'=> true));
请在前面提到的“build_taxonomies”函数里添加上面的代码。
更多信息:
参阅这里
第三步:调用Taxonomy-Creating函数
我们还需要在“functions.php”文件里添加几行代码,这样“build_taxonomies”函数才可以真正执行,
add_action('init','build_taxonomies', 0);
你可以在任何地方加这个代码,不过通常还是写在需要调用的函数前面比较好,代码就变成这样了:
//自定义分类法代码add_action('init','build_taxonomies', 0);
function build_taxonomies(){ register_taxonomy
('operating_system','post', array('hierarchical'=> true,'label'=>
'Operating System','query_var'=> true,'rewrite'=> true));}
给新的分类法添加类别
正确在“functions.php”添加了“操作系统”这个分类法之后,在管理后台的“文章”选项就应该会出现一个新的“操作系统”分类条目,点击该分类法名称,你就可以添加编辑所需要的类别。
像上图所示添加完所需的类别之后,你就可以像常见的文章分类目录一样对操作系统这个分类进行编辑。
添加更多分类法
如果你需要添加“随机存储器”和“硬盘驱动器”分类法,只要按照上面“操作系统”的例子做,并在functions.php文件加入下面的代码:
register_taxonomy('ram','post', array('hierarchical'=> true,
'label'=>'RAM','query_var'=> true,'rewrite'=> true));
register_taxonomy('hard_drive','post', array('hierarchical'=> true,
'label'=>'Hard Drive','query_var'=> true,'rewrite'=> true));
完成之后,functions.php文件里的代码应该像下面这样:
//自定义分类法代码 add_action('init','build_taxonomies', 0);
function build_taxonomies(){ register_taxonomy('operating_system','post',
array('hierarchical'=> true,'label'=>'Operating System','query_var'=> true,
'rewrite'=> true)); register_taxonomy('ram','post', array('hierarchical'=> true,
'label'=>'RAM','query_var'=> true,'rewrite'=> true));
register_taxonomy('hard_drive','post', array('hierarchical'=> true,
'label'=>'Hard Drive','query_var'=> true,'rewrite'=> true));}
使用新的分类法发布文章
在创建一篇新的文章时,你就会发现在编辑文章的页面会出现新的分类法选项,你就可以旋转任何你需要使用到的分类。
显示文章的不同分类法
到目前为止所做的一切对于网站的访客来说并没有太大的改善。我们希望能够显示某篇文章依据某种分类法所归属的类别,就像文章的类别和标签那样显示出来。
为了实现这点,我们还需要做一点点改善。
在各个分类法的页面显示它们下面的类别
在twentyten以及其他很多主题中,在一篇文章的文本下方会显示该文章所属的类别和标签。所以,下面我们打算如果某篇文章有使用了自定义的分类法对它进行分类的话,那么就在类别和标签的前面加上依据自定义分类法它所归属的分类。
为了实现这一点,我们需要对“single.php”模板文件进行一点修改,通常显示单篇文章都需要调用这个模板文件。single.php文件的路径
是: [website_root]/wp/wp-content/themes/twentyten/single.php.
第一步:找到添加代码的地方
打开single.php文件,找到下面这行代码:
<div class=”entry-utility”>
它的前面是:
<div id=”nav-below”>
In twentyten主题里面,div里包含了当前文章的所属类别、标签、永久链接以及其他数据。我们将在这个div的前面添加自定义分类的信息。
第二步:获取当前文章的分类法信息
Populate some variables for holding the taxonomy information output and
the different taxonomy information we may expect to find.
<?php//如果有自定义分类法信息就显示
//创建输出的内容$taxo_text=””;
//变量来存储所有可能的分类法列表
//检查“操作系统”这个类别
$os_list= get_the_term_list($post->ID,'operating_system','
<strong>Operating System(s):</strong>',',','');
在这里,需要调用WordPress函数“get_the_term”以及下面的参数:
$post->ID:当前文章的ID
‘operating_system’:我们的目标自定义分类,通过它来查询当前文章是否有被定义为“操作系统”分类法下的任何类别。
‘Operating System(s)’:如果得到数值返回,我们需要在它的前面加上这个字符串。
‘,‘:如果返回多个数值,我们需要用这个符号来分隔开来。
”:如果没有返回任何数值,我们希望在后面加上这个字符串。这样,结果后面就不需要添加任何东西。
同样地我们可以对其他两个分类法进行处理:
$ram_list= get_the_term_list($post->ID,'ram','<strong>RAM Option(s):
</strong>',',','');$hd_list= get_the_term_list($post->ID,'hard_drive','
<strong>Hard Drive Option(s):</strong>',',','');
更多信息:
参阅这里
第三步:对类别的结果进行格式化(如果有)
先查询是否有这三个分类法下的类别。如果有的话,将这些类别信息以及字符串添加到输出结果中输出。
// Add OS list if this post was so tagged if(''!=$os_list)
{$taxo_text.=”$os_list<br/>\n”;}
// Add RAM list if this post was so tagged if(''!=$ram_list)
{$taxo_text.=”$ram_list<br/>\n”;}
// Add HD list if this post was so tagged if(''!=$hd_list)
{$taxo_text.=”$hd_list<br/>\n”;}
第四步:显示类别结果(如果有)
检查经过以上步骤是否会有分类法信息需要输出。如果分类法信息存在,我们将会通过类别div来输出结果。
// Output taxonomy information if there was any
// NOTE: We won't even open a div if there's nothing to put inside it.
if(''!=$taxo_text){?><div class=”entry-utility”>
<?php echo$taxo_text;?></div><?}// endif?>
第五步:检查结果
查看文章,你将会发现所有的自定义分类法下的类别都会在文章的下方显示。
通过自定义分类法的类别浏览文章列表
通过上面的几个操作,现在每篇文章如果它们有被分类到哪个自定义分类法下的某个类别,那么相关的类别都会显示出来了。并且列出自定义分类法的类别的同时还
会有一个链接能将你转到到某个类别下的所有文章列表页面。例如,点击操作系统分类法旁边的“Mac OS”链接,理论上所有的“Mac
OS”类别的所有文章列表都将会呈现在你的眼前。
但是,在WordPress3.0中并没有像理论那样完美,我们还需要制作一个自定义的模板文件才能让文法归档成为可能。在WordPress中,读者已
经可以对指定某个 category和某个标签的所有文章进行浏览,当然我们也希望读者能够将所有自定义分类法下某个类别的文章也都能全部一览无余。
为了实现这一点,我们需要创建一个叫做“taxonomy.php”的模板文件,当需要列出自定义分类法下面某个类别的文章时,可以随时使用这个文件。
第一步:
打开“category.php”模板文件,复制它的内容并将这些内容粘贴到一个新创建的命名为“taxonomy.php”的文件中,保存这个taxonomy.php到主题目录下:
[website_root]/wp/wp-content/themes/twentyten/taxonomy.php.
第二步:获取当前分类法类别的相关信息
我们需要在taxonomy.php文件里能够获取被列出的分类法相关的信息。可能需要知道分类法下某个类别的名称以及描述。
只要在<?php get_header();?>下方,添加下面的代码:
$term= get_term_by('slug', get_query_var('term'),
get_query_var('taxonomy'));
第三步:显示类别名称和描述
有必要将页面的名称做些修改让访客知道他们在看的是什么样的内容。由于我们最开始也是从category.php模板文件着手的,我们可以将用与打印分类名称的代码做些修改,就可以显示我们需要的页面名称,甚至是描述。
从category.php文件中修改下面的代码:
printf( __('Category Archives:%s','twentyten'),'<span>'.
single_cat_title('', false).'</span>');
将其改成:
printf( __('Posts classified under:%s','twentyten'),
'<span>'.$term_name.'</span>');
这就修改了刚开始的静态文字,然后插入类别的名称。
添加下面的代码:
if(''!=$term_descr){ echo”<p>$term_descr</p>\n”;}
如果这个类别有描述,那么就会在标题的下方显示描述内容。
再完成对taxonomy.php的修改之后,访问下某篇授予某一个自定义分类法下的某个类别的文章,你将会看到文本的下方会有自定义类别显示,只要点击这些类别你就可以看到此类别的文章列表了。
怎样用 WordPress 搭建网站
建站:找个国外免费的PHP空间。
模板:1、选一个合适的,推荐3栏的模板,如果你打算以后放广告的话。我用的模板是从一个国外网站上下的没有汉化过,也没有被国人加工处理过,所以我发出来的中文文章,源代码中文显示为乱码,请朋友们使用模板的时候注意。遇到这样的情况,改一下就可以了,解决办法:用ftp工具将模板文件夹里所有PHP文件下载至本地,用UltraEdit打开,不用做任何修改,直接另存为在“格式选择”中选择utf-8无bom,保存,每个文件处理过后传上去就OK了。模板文件夹中有images文件夹,其中的模板图片可以自己用photoshop修改。
2、有些模板下载后,上面还保留着google的广告,真是太不地道了,修改掉:一般google广告都出现在侧边栏,修改sidebar.php,去掉google的广告代码,保存。
模板文件:
1、侧边栏中友情链接显示为Links,关于我们显示为About,如果想要修改这些栏目的标题,在sidebar.php中查找相关数据并修改就可以了。修改后可能出现一个问题,“about”修改为“关于我们”之后,“关于我们”的显示不在边框正中位置,看着很不协调,这时可以修改:假设“关于我们”在sidebar.php中定义为h2标题,那么修改style.css,查找“sidebar h2”,修改内边距padding:7px 0 6px 8px为合适的值即可。(7px 0 6px 8px只是举例,px代表像素,7px 0 6px 8px分别代表了上、右、下、左各边的内边距)
2、在页脚添加次导航和网站统计代码(我用了3个:google网站管理员代码,google analytics代码,voding代码),需要修改footer.php。
3、分类或档案页面打开后页面标题可能出现“Archive for‘分类名称’”为了美化页面,我们在archive.php中查找相关数据修改,删掉“Archive for”即可。
4、默认404页面在蜘蛛访问时会返回200而不是404状态码,所以要修改404.php,修改方法见插件介绍。
在修改模板的时候可以学到很多CSS知识,建议大家有时间了多多尝试。我是零基础,没有问题,那么你也没有问题。
robots.txt的写法:
User-agent:*
Disallow:/index.php
Disallow:/wp-
Allow:/wp-content/uploads/
Disallow:/feed/
Disallow:/comments/feed/
Disallow:/trackback/
因为上传的图片等默认保存在/wp-content/uploads/,所以要让搜索引擎索引它们,用allow开放。以上是我的写法,随着对wordpress和robots的了解不断深入,朋友们应根据不同的情况自行修改,避免直接照搬。
wordpress插件:
1、google XML-Sitemap插件:用来制作网站地图。
2、相关日志插件:在文章结尾显示如“阅读此文的人还阅读”以及相关文章(相关文章判断以tags为准,两篇文章有相同的tags,则判断为相关文章)
3、Platinum SEO插件:自定义页面标题、描述、关键词标签、还有nofollw属性等。
4、AA Google 404插件:默认404页面在蜘蛛访问时会发出200而不是404状态码,修改.htaccess也可以,但是有的主机不支持,所以就借助插件了。
5、Akismet插件:反垃圾评论。
插件4需要google账号来激活code,插件5需要去wordpress官方网站激活code,最后,插件不能太多,否则会严重影响访问速度。
3
实战:保持每日更新,做好内链,运用你学到的SEO知识,用心作站,多多交流。最后,心平气和等收获吧:)这里还要谈谈外链的问题:2篇文章写好了,提交搜索引擎,提交后,模板、title等就不要轻易改动了,接下来是找一些外链,这个时候可以找一些友情链接,可以一些wordpress相关论坛,里面一般有交换博客链接的板块,去里面找即可。同时,注册百度、和讯等博客,写几篇软文,包含大量外链锚向你的网站,写的很软都没问题,主要是给搜索引擎看的,写完后提交到各大搜索引擎。软文要分开发,同一个软文发完百度发和讯也没问题。








