五天从零开始写WordPress模板(2)

首先我们先认识几个判断函数,分别是:

is_home() 首页

is_category() 分类页

is_single() 文章页

is_page() 页面

有了以上判断函数我们就可以根据不同的页面显示不同的内容了,一般情况下页面可文章页代码可以共用!

不过今天我们先写一下header.php文件的内容,这个页面包括网站标题和导航栏

首先加上浏览器标题,不同的页面显示的浏览器标题应该是不同的,如下依次是首页,分类页,内容页,搜索页,404错误页的浏览器标题


bloginfo('name'); echo " - "; bloginfo('description');

}elseif(is_category()){

single_cat_title(); echo " - "; bloginfo('name');

}elseif(is_single() || is_page()){

single_post_title();

}elseif(is_search()){

echo "搜索结果"; echo " - "; bloginfo('name');

}elseif(is_404()){

echo '页面未找到!';

}else{

wp_title('',true);

} ?>

随便添加上这个代码不是必要的,但是有些插件会使用他,所以我们把这个加上去,随便输出一些header信息给浏览器

最后加上以便让WP加载默认的样式文件style.css,虽然现在文件里还没有任何样式内容.

保存之后浏览器已经可以显示标题了.以上代码都是添加到head标签中的.

接下来我们开始编辑index.php文件,添加一个div用来在首页显示网站标题和描述,导航栏现在我们先不写.

 输出你的博客首页网址

 输出你的博客名称

 输出博客描述

现在我们只是简单的输出他它们,就像这样


然后输出一个文章列表作为首页,因为我们写的是一个简单的模板,所以我们在这里不写侧边栏,而是直接将代码写在首页里,框架为普通的两栏结构,左边是列表,右边是最新文章,热门文章,网站分类等的组合.

//输出文章列表,文章不要全文输出

//右侧相关代码

大致如上,然后文章列表我们使用之前的代码然后稍微修改一下.代码如下,以下代码可以在首页和分类页搜索页显示列表,而在文章页显示内容和评论


if(is_home() or is_category() or is_search())://如果是首页和分类页和搜索页

if(have_posts()):

while(have_posts()):

the_post();

?>

阅读全文

标签


endwhile;

?>

//分页


else:

?>

没有

没有任何文章


endif;

elseif(is_single() or is_page())://否则如果是文章页和单页

?>

标签


endif;

?>

最终首页和内容页的效果图下,分别是首页和内容页

footer.php文件的内容很简单,一般都是版权说明等静态内容,可以自由编辑.以上就是今天的内容,明天我们将会为我们的主题制作一个漂亮的界面,让我们的主题成为一个正真可以使用的WP主题.

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,466评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,973评论 19 139
  • 个人学习批处理的初衷来源于实际工作;在某个迭代版本有个BS(安卓手游模拟器)大需求,从而在测试过程中就重复涉及到...
    Luckykailiu阅读 4,781评论 0 11
  • ¥开启¥ 【iAPP实现进入界面执行逐一显】 〖2017-08-25 15:22:14〗 《//首先开一个线程,因...
    小菜c阅读 6,537评论 0 17
  • 老公客死他乡,老婆寻夫,感天动地! 一猛男不顾劝告,酒后乱性与猛兽肉搏! 一骚娘们整容三次均失败,最后被乱棍打死!...
    OQ熊阅读 275评论 0 1