记录日常点点滴滴,欢迎来到我的小站。

0%

一个WordPress主题至少包含以下两个文件:
style.css
index.php
好,现在就开始我们的WordPress主题制作。在你的WordPress目录 wp-content\themes\ 下新建一个文件夹,命名为Aurelius,将WordPress主题制作全过程(三):HTML静态模板制作下载到的style.css和index.html放到该目录下,再将index.html重命名为index.php,这样wp-content\themes\Aurelius目录下就有下面两个文件:

style.css
index.php
登陆你的WordPress博客管理后台 – 外观,里面是不是多了一个主题”Aurelius”呢?如下图所示:

阅读全文 »

制作WordPress需要了解PHP,但是不管怎样,你的博客页面都是一张网页,网页之所以能够在浏览器中显示出来,是因为最终传送给浏览器的是HTML、CSS和JS等终端代码,最终由这些代码控制浏览器的显示结果。制作WordPress主题也不例外,它们都是网页,网页最基本的是HTML。要想制作WordPress主题,首先得设计主题界面,含蓄、简约、厚重、奔放……,风格完全随你,接着再将你的设计理念转化为.html,并能在浏览器中正常显示出来。

本系列教程不会教你如何去设计博客的界面,也不会教你HTML和CSS基础知识,而是假定你已经有HTML和CSS基础了,如果你不会HTML,也不会CSS,后面的东西恐怕对你来说就像天书了。

本系列教程将使用由tutsplus无偿提供的html模板Aurelius为例,来讲解WordPress主题的制作过程,其他模板的制作也类似。下面提供该HTML模板文件下载,我们将以此来练习如何将HTML静态页面与PHP代码结合,制作WordPress主题。下载后,里面的html文件都是可以直接双击打开的。

可能这个模板并不适合每个人的口味,但这个用于我们的主题制作练习已经足够了。另外你可能会诧异,怎么是英文版的?放心,到了后面你就会知道,是否英文版都没多大关系。下面说说下载到的这些文件的用途:

首页:index.html
存档页:archive.html
页面:page.html
文章页:single.html
联系页:contact.html
无边栏页:full_width.html
图片:/images/
样式表:style.css
缩略图:screenshot.png
大多数博客所能看到的页面类型也基本就这些。你可能已经注意到,不管你用哪个WordPress主题,不同的文章页面除了标题和内容不同以外,其他东西基本都是一样,这就是所谓的模板。

在开始制作WordPress主题之前,首先得了解WordPress主题到底由哪些文件构成,你得清楚WordPress程序是怎样与主题文件连接的。以下是WordPress默认主题default文件夹下的所有模板文件:

WordPress主题文件

看了上图,可能你还摸不着头脑,到底这些文件是干什么的。WordPress的主题是用PHP编写的,而不是纯HTML + CSS,所以模板文件的后缀名是.php,如果你想精通WordPress的主题制作,完美控制你的博客,最好要熟悉PHP编程。要是不会PHP编程怎么办?就做不了WordPress主题了吗?那也不是,至少看完本系列教程,你也能够掌握基本的WordPress主题制作方法。下面是WordPress主题文件层次结构,它会告诉你:当WordPress显示特定的页面类型时,会使用哪个模板文件呢?只有了解了以下主题层次结构,你才能知道你的WordPress主题到底需要写哪些文件。

阅读全文 »

前言:
我想大多数使用WordPress的朋友都喜欢去尝试新的主题,但是换来换去,总是找不到那么一款适合自己的,让人很郁闷。于是很多人萌生了修改现有主题或自己动手从头制作一个主题的想法,但是问题又来了,怎么做呢?毕竟制作主题是需要编写代码的,相信很多人看到代码就头大。露兜博客正在着手编写一个WordPress主题制作的系列教程,将从头到尾手把手教你如何制作一个完整的WordPress主题,希望对你有所帮助。开始之前先声明,这系列教程只能让你感性地认识主题的制作过程,并不能让你完完全全地掌握WordPress主题的原理。

另外,如果你在学习过程中遇到任何问题,欢迎给我留言,留言框在每篇文章末尾。

阅读全文 »

我们知道 WordPress 可以在后台设置一张特色图片作为日志缩略图,但是我们如何获取这张特色图片的地址呢?

1
2
3
4
5
6
7
8
9
10
11
<?php
function get_post_thumbnail_url($post_id){
$post_id = ( null === $post_id ) ? get_the_ID() : $post_id;
$thumbnail_id = get_post_thumbnail_id($post->ID);
if($thumbnail_id ){
$thumb = wp_get_attachment_image_src($thumbnail_id, 'thumbnail');
return $thumb[0];
}else{
return false;
}
}

将上面的代码复制到当前主题的 functions.php 或者单独保存为一个插件并上传激活。使用下面方法调用:

1
$post_thumbnail_url = get_post_thumbnail_url($post->ID);

关联文章的插件,相信很多博主都在用吧,大家常用的是WordPress Related Posts和simple tags,昨天我也试了试,但尴尬的是:我这里用相同标签的文章不多,本人不懂什么seo,标签也不知道咋填的,结果很多关联文章直接显示的是“No related”,囧!

后来在wordpress官网上找到一款具有同样功能的插件Yet Another Related Posts Plugin(YARPP),相比上面两个插件,最大的优点就是:可以使用标题、正文、标签和分类来确定文章之间的匹配值,然后根据匹配值来显示相应的关联文章。

现在大家来试试吧:

阅读全文 »

1、要是关闭某一篇文章的评论,在发表文章的时候,在下面有个“讨论”,把”允许评论”去掉勾选就可以了。

2、要是关闭所有文章的评论,在“设置”-“讨论设置”把“默认文章设置”中的“允许访客对新文章发表评论 ”不再勾选就可以啦
3、直接在CSS中添加display:none; 最快捷。

1
2
3
4
5
6
7
if( have_posts() ) {
while( have_posts() ) {
the_post();
$category = get_the_category(); //获取category
$parents = $category[0]->category_parent; //获得category 下的parent数据库内容
$type = $category[0]->term_id; //获取分类ID
$parent = get_cat_name($category[0]->category_parent); //显示相应parent的category的名称

通过获得数据库的这些内容,可以更好的对样式进行操作

1
<?php echo mb_substr(get_the_excerpt(),0,55,"utf8").'"<a href="'. get_permalink($post-&gt;ID) . '"> 阅读全文...</a>"'?>

其中55是设置的文字长度。