码迷,mamicode.com
首页 > 其他好文 > 详细

WordPress主题制作教程1:主题基本文件

时间:2015-04-06 17:09:41      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

在最简单的情况下,一个WordPress主题由两个文件构成:

index.php ------------------主模版

style.css  -------------------主样式表

 

以下不是必须的,但是有特殊意义的模版列表:

404.php 404模板
 rtl.css  如果网站的阅读方向是自右向左的,会被自动包含进来
comments.php  评论模板
single.php 文章模板。显示单独的一篇文章时被调用,如果模板不存在会使用 index.php
single-<post-type>.php 自定义单独页面模板如: single-books.php 展示自定义文章类型为 books的文章,如果模板不存在会使用 index.php
page.php 页面模板
category.php 分类模板
tag.php 标签模板
taxonomy.php 术语模板。请求自定义分类法的术语时使用
author.php 作者模板
date.php 日期/时间模板
archive.php 存档模板。查询分类,作者或日期时使用的模板。需要注意的是,该模板将会分别被category.php, author.php, date.php所覆盖(如果存在的话)
search.php 搜索结果模板
attachment.php 查看单个附件时使用的模板
image.php 图片附件模板,查看单个图片时将调用此模板,如果不存在此模板,则调用attachment.php 模板
sidebar.php 边栏
header.php  顶部
footer.php 底部
function.php 模版函数

嵌入方法:

包含头部 header, 使用get_header();

包含侧栏 sidebar, 使用 get_sidebar();

包含底部 footer, 使用 get_footer();

包含搜索框 search form, 使用 get_search_form(); 

 

 创建自定义模版:声明这个模板注释

<?php
/*
Template Name: my
*/
?>

 

文件基本内容:

style.css 需要有效的主题信息标记,如:(注意的是两个不同的主题是不允许拥有相同的表述 , 这样会导致主题选择出错的。)

/*
Theme Name: youjiuyou
Theme URI: http://youjiuyou.cn/
Description: The 2015 default theme for WordPress.
Author: tinyphp
Author URI: http://youjiuyou.cn/
Version: 1.0
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu (optional)
 
License:
License URI:
 
General comments (optional).
*/

 

头部文档(header.php)

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
    <head>
        <meta charset="<?php bloginfo( ‘charset‘ ); ?>" />
        <title><?php wp_title(); ?></title>
        <meta name="description" content="<?php bloginfo( ‘description‘ ); ?>">
        <link rel="profile" href="http://gmpg.org/xfn/11" />
        <link rel="stylesheet" href="<?php echo get_stylesheet_uri(); ?>" type="text/css" media="screen" />
        <link rel="pingback" href="<?php bloginfo( ‘pingback_url‘ ); ?>" />
        <?php if ( is_singular() && get_option( ‘thread_comments‘ ) ) wp_enqueue_script( ‘comment-reply‘ ); ?>
        <?php wp_head(); ?>
    </head>

 <html> 开始标签应该包含 language_attributes()

使用 bloginfo() 设置 <meta> 字符集和description元素

使用 wp_title() 设置 <title> 元素

使用 get_stylesheet_uri() 来获取当前主题的样式表文件

使用 Automatic Feed Links 添加 feed 链接

添加声明 wp_head() 到 </head> 结束标签的前面

 

 

 

搜索结果(search.php)

使用  the_search_query() 或 get_search_query() (显示或返回值

 

安装:

主题预览图:命名为 screenshot.png ,放在你的主题的根目录下。

主题的安装:在后台外观->添加主题,把.zip格式的主题上传即可在后台编辑。

WordPress主题安装后,目录位于 wp-content/themes/

 

基本主题包下载>>

WordPress主题制作教程1:主题基本文件

标签:

原文地址:http://www.cnblogs.com/tinyphp/p/4391182.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!