wordpress主题开发之布局

  • A+
所属分类:Wordpress

这里简单的说下wordpress主题开发的一些知识,方便想自己制作wordpess主题的弟兄们查阅,也方便自己查阅。
一般情况下body content可以在模板中控制,然后sidebar可以做成area去控制,我是这样理解WordPress的。

wordpress主题布局

比如:三列布局,左、中、右三列。可以这样,Left Sidebar、Main Body、Right Sidebar。
functions.php中的代码:

/**
* Register widgetized areas, including two sidebars and four widget-ready columns in the footer.
*
* To override lixiphp_theme_widgets_init() in a child theme, remove the action hook and add your own
* function tied to the init hook.
*
* @uses register_sidebar
*/
function lixiphp_theme_widgets_init() {
// Area 1, located at the left of the sidebar.
register_sidebar( array(
'name' => __( 'Left Sidebar', 'lixiphp_theme' ),
'id' => 'left-widget-area',
'description' => __( 'The left widget area', 'lixiphp_theme' ),
'before_widget' => '

',
'after_widget' => '

',
'before_title' => '

',
'after_title' => '

',
) );
// Area 2, located right of the sidebar.
register_sidebar( array(
'name' => __( 'Right Sidebar', 'lixiphp_theme' ),
'id' => 'right-widget-area',
'description' => __( 'The right widget area', 'lixiphp_theme' ),
'before_widget' => '

',
'after_widget' => '

',
'before_title' => '

',
'after_title' => '

',
) );
}
/** Register sidebars by running lixiphp_theme_widgets_init() on the widgets_init hook. */
add_action( 'widgets_init', 'lixiphp_theme_widgets_init' );

注册两个area:Left Sidebar、Right Sidebar。在后台的widgets界面如下:
wordpress主题开发之布局
这里的显示的area完全有’widgets_init’ 控制。

WordPress模板对布局支持

WordPress的模板机制比较灵活,不管是博客还是cms都能很容易实现。






对应的模板是:

header.php 调用头部模板
index.php 首页模板
footer.php 调用底部模板
sidebar-left.php 调用左半部模板
sidebar-right.php 调用右半部模板

WordPress模板列表速查表

主题文件表. 模板必须文件和预留文件

必须 可选 包含
404.php
archive.php
author.php
author-id.php
author-nickname.php
category.php
category-id.php
comments.php
comments-popup.php
date.php
footer.php
functions.php
header.php
home.php
index.php
links.php
page.php
page-id.php
page-name.php
screenshot.png
search.php
searchform.php
sidebar.php
sidebar-name.php
single.php
single-content-type.php
style.css
tag.php
tag-slug.php
taxonomy.php
taxonomy-name.php
taxonomy-name-term.php

注意:请对你要做的页面模板在上表中查找,本表是WordPress系统模板列表,不含自定义模板文件。

avatar

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

目前评论:3   其中:访客  1   博主  1   引用   1

    • avatar 武汉网站推广 0

      技术贴啊!顶个!

    • 来自外部的引用: 1

      • wordpress主题开发之灵活的边栏 | 司绍锋-焦作SEO-郑州SEO