就这样用Bootstrap做出了自己第一个主题

折腾好几天终于把我人生中第一个渣渣主题做出来了,主题采用的是Bootstrap框架。本腐很懒也没有创意,也就原样照搬了萌空的style.css文件和外观,所以说Bootstrap真的很好用,对于小白来说使用更方便。

制作方法我是参考了露兜博客的WordPress主题制作全过程系列教程
制作主题中还有些需要的函数我参考了多梦网络的WordPress主题开发
我还扒了之前用的热血洒红尘的rcloud主题的小工具
就这样渣渣中的渣渣主题就诞生了,我还得继续完善这个主题。

以下列出WordPress主题的基础模板:

首页 index.php
头部 header.php
脚部 footer.php
侧边栏 sidebar.php
样式 style.css
函数 functions.php
文章 single.php
页面 page.php
存档 archive.php
分类 category.php
搜索 search.php
404页面 404.php
评论模板 comments.php

再列出我在制作主题当中所需要的基本代码与函数:

is_home() 当前页面为主页时返回true
is_category() 当前页面为分类页时返回true
is_single() 当前页面为单文章页时返回true
is_page() 当前页面为单页面时返回true
<?php get_header(); ?> 从当前主题文件夹中包含header.php文件
is_home(),is_single(),is_category() 几个条件判断标签
<?php bloginfo(‘stylesheet_url’); ?> 输出主题文件夹中style.css文件的路径
<?php bloginfo(‘pingback_url’); ?>  输出博客pingback网址
<?php bloginfo(‘template_url’); ?> 输出博客主题目录URL
<?php echo get_option(‘home’); ?>  输出你的博客首页网址
<?php bloginfo(‘name’); ?> 输出你的博客名称
<?php bloginfo(‘description’); ?> 输出博客描述
<?php wp_head(); ?> 用于包含WordPress程序输出头部信息
<?php wp_list_categories(); ?>  用于列出博客分类页
<?php wp_list_pages(); ?> 用于列出博客页面
<?php the_permalink(); ?> 输出文章地址
<?php the_title(); ?> 输出文章名称
 <?php the_tags(‘标签:’, ‘, ‘, ”); ?>  输出标签
 <?php the_time(‘Y年n月j日’) ?>  输出日期方式一,比如2014年3月8日
 <?php the_time(‘Y年m月d日’) ?>  输出日期方式二,比如:2014年03月08日
 <?php the_time(‘Y-m-d’) ?>  输出日期方式三,比如:2014-03-08
 <?php the_time(‘y-m-d H:i:s’) ?>  输出日期方式四,比如:2014-03-08 16:01:07
 <?php comments_popup_link(‘0 条评论’, ‘1 条评论’, ‘% 条评论’, ”, ‘评论已关闭’); ?>  输出评论数
 <?php edit_post_link(‘编辑’, ‘ &bull; ‘, ”); ?>  编辑按钮
 <?php the_excerpt(); ?>  输出文章摘要
 <?php the_content(‘阅读全文…’); ?>  首页输出全文加阅读全文
 <?php the_content(); ?>  文章页输出全文
 <?php previous_posts_link(‘&lt;&lt; 查看新文章’, 0); ?>  输出当前下一页文章
 <?php next_posts_link(‘查看旧文章 &gt;&gt;’, 0); ?>   输出当前上一页文章

评论模板需要用到的函数如下:

get_avatar($comment, 48) 获取评论者的gravatar头像,尺寸为48 * 48
 comment_reply_link()  回复留言的链接
 get_comment_author_link  用于获取评论者博客地址
 get_comment_time  获取评论发布时间
 edit_comment_link  管理员修改评论的链接
 comment_text()  输出评论内容
 is_user_logged_in  判断用户是否登录
 wp_login_url  博客登录地址
 et_comment_author_link  用于获取评论者博客地址
 $comment_author  读取cookie,如果该用户之前已经发表过评论则自动帮助用户填写用户名
 $comment_author_email  读取cookie,如果该用户之前已经发表过评论则自动帮助用户填写Email
 $comment_author_url  读取cookie,如果该用户之前已经发表过评论则自动帮助用户填写博客地址
 do_action(‘comment_form’, $post->ID);  该函数为某些插件预留
 wp_logout_url  退出登录的链接
如上整理的太乱,请见谅!( ̄▽ ̄”)

本文共 97 个回复

  1. 小行 says:
    啧啧~赞一个。。我一直想做没完成过
  2. Specs says:
    我自己弄的主题也用上了~~ 虽然各种搬代码~~
  3. www.gongzi.org says:
    赞一个。。。
  4. Specs says:
    你那个分类怎么写的啊 ~~
  5. 息E-敛 says:
    style文件从头写起各种累,我现在那个乱起八糟的,以后有得整理了
  6. inlojv says:
    有空也学习一下。这 Bootstrap 要花不少时间的样子
  7. 喵喵喵 says:
    博主居然是妹子,不可思议QwQ
  8. 超傻的谢单单 says:
    看到你的个人说明里说用Bootstrap做了主题。。特意搜索了下这个关键词~~~一直不敢着手研究Bootstrap框架,也找不到啥教程的~~看来有空真的要研究一番了·~

发表留言,喵!