订阅汇聚素材网Feed

wordpress主题制作

WordPress主题结构分析

  1. 1

     

    1、index.php首页模板(最基本)

    —- 1、header.php头部

    —- 2、sidebar.php侧边栏

    —- 3、footer.php底部

    2、style.css样式表(最基本)

    3、single.php文章内页模板

    4、page.php页面模板

    5、archive.php分类页面模板

    6、search.php搜索模板

    7、404.php错误提示模板

    8、模板结构图

wordpress模版制作教程

  1. 1

    模版添加style.css版权信息

    /*

    Theme Name:JunLin的博客

    Theme URI: http://www.webhj.com/

    Description:wordpress主题制作教程演示

    Author:JunLin

    Author URI: http://www.webhj.com/

    Version: 1.0

    Tags: white, blog, webhj, blue

    */

  2. 2

    wordpress主题后台缩略图制作

    缩略图的名字必须是:screenshot.png或者screenshot.jpg

  3. 3

    把静态页面改成WP首页

    修改index.html为index.php

    index.php中的css文件调用改成WP标签调用

    Style.css路径调用:<?php bloginfo( ‘stylesheet_url’ ); ?>

  4. 4

    wordpress主题Index.php制作

    1、分离header.php顶部模板

    通过WP标签调用回来,调用顶部标签:<?php get_header();?>

    2、分离sidebar.php侧边栏

    通过WP标签调用回来,调用侧边栏标签:<?php get_sidebar();?>

    3、分离footre.php底部模板

    通过WP标签调用回来,调用底部标签:<?php get_footer();?>

  5. 5

    wordpress主题制作header.php模板

    1、index.php顶部元信息调用

    <meta http-equiv=”Content-Type” content=”text/html; charset=<?php bloginfo( ‘charset’ ); ?>” />

    <title><?php if (is_home()||is_search()) { bloginfo(‘name’); } else { wp_title(”); print ” – “; bloginfo(‘name’); } ?> </title>

    <?php wp_head(); ?>

    2、调用分类目录和页面

    (1)页面调用:

    <?php wp_list_pages(‘sort_column=menu_order&title_li= &include=’); ?>

    sort_column:根据后台页面顺序列出页面

    title_li:显示或者隐藏页面列表的标题

    include:控制显示的页面

    (2)分类目录调用:

    <?php wp_list_categories(‘title_li=0&orderby=name&show_count=0&depth=2′); ?>

    erby:按什么排列

    show_count:分类日志数量

    depth:列表深度

    include:控制显示的页面

    3、自定义添加导航链接

    <a href=” <?php echo get_option(‘home’); ?>”>首页</a>

    4、菜单导航

    <?php wp_nav_menu(‘container_id=navmenu’); ?>

    4、其他地方的调用

    获取博客名字:<?php bloginfo(‘name’); ?>

    获取主页路径:<?php echo get_option(‘home’); ?>

    获取主题存放路径:<?php bloginfo(‘template_directory’); ?>

  6. 6

    wordpress主题侧边栏sidebar.php的制作

    1、分类目录调用

    WP标签:<?php wp_list_cats(‘sort_column=name&optioncount=1&hierarchical=0′); ?>

    hierarchial=0 – 不按照层式结构显示子分类

    optioncount=1 – 显示每个分类含有的日志数

    sort_column=name – 把分类按字符顺序排列

    2、最新文章调用

    WP标签:<?php wp_get_archives(‘type=postbypost&limit=5′); ?>

    type=postbypost:按最新文章排列

    limit:限制文章数量最新10篇

    3、日期存档调用

    WP标签:<?php wp_get_archives( ‘type=monthly’ ); ?>

    type=monthly按月份读取

    4、友情链接调用

    <?php wp_list_bookmarks(‘title_li=&categorize=0&orderby=rand&limit=24′); ?>

    5、元数据调用

    注册:<?php wp_register(); ?>
    登录:<?php wp_loginout(); ?>

    6、如何制作小工具

    添加functions.php,

    <?php

    if ( function_exists(‘register_sidebar’) )

    register_sidebar(array(

    ‘before_widget’ => ‘<div> ‘,

    ‘after_widget’ => ‘</div>’,

    ‘before_title’ => ‘<h2>’,

    ‘after_title’ => ‘</h2>’,

    ));

    ?>

    在sidebar.php中模块最上面插入:

    <?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar() ) : ?>

    Sidebar.php最下面,添加<?php endif; ?>

  7. 7

    wordpress主题底部footer.php制作

    1、版权信息

    Copyright © 2012<a href=” <?php echo get_option(‘home’); ?>”> <?php bloginfo(’name’); ?></a>

    2、hook函数

    hook函数:<?php wp_footer(); ?>

  8. 8

    wordpress主题首页index.php制作

    1、循环介绍

    <?php if (have_posts()) : ?>

    <?php while (have_posts()) : the_post(); ?>

    <?php endwhile; ?>

    <?php endif;?>

    · if(have_posts()) – 检查博客是否有日志。

    · while(have_posts()) – 如果有日志,那么当博客有日志的时候,执行下面 the_post() 这个函数。

    · the_post() – 调用具体的日志来显示。

    · endwhile; – 遵照规则 #1,这里用于关闭 while()

    · endif; – 关闭 if()

    2、调用标题

    <a href=”<?php the_permalink() ?>”><?php the_title_attribute(); ?></a>

    标题太长了怎么办?

    <a href=”<?php the_permalink() ?>”> <?php echo mb_strimwidth(get_the_title(), 0, 32, ‘…’); ?></a>

    3、调用内容

    3-1、全文调用

    <?php the_content(); ?>

    3-2、摘要调用

    <?php echo mb_strimwidth(strip_tags(apply_filters(‘the_content’, $post->post_content)), 0, 200,”……”); ?>

    4、日志元数据

    4-1、发布日期

    <?php the_time(‘F d, Y’) ?>

    <?php the_time(‘m-d’) ?>

    <?php the_date_xml()?>

    4-2、所属分类

    <?php the_category(‘, ‘) ?>

    4-3、文章标签

    <?php the_tags(‘标签: ‘, ‘, ‘, ”); ?>

    4-4、留言数

    <?php comments_number(‘暂无评论’, ‘1条评论’, ‘% 评论’ );?>

    4-5、更多按钮

    <a href=”<?php the_permalink() ?>”>更多内容</a>

    5、分页插件使用

    Pagebar插件

    wp-page-numbers插件

    使用:在<?php endwhile; ?>和<?php endif;?>中间插入:

    <?php if(function_exists(‘wp_page_numbers’)) : wp_page_numbers(); endif; ?>

  9. 9

    wordpress主题子模板制作

    1、single.php文章内容页面模板

    9-1、添加评论模块

    在<?php endwhile; ?>和<?php endif;?>中间插入<?php comments_template(); ?>

    修改摘要调用为全文内容调用

    删除更多内容调用标签

    9-2、前一篇、后一篇调用

    <div style=”float:left”><?php previous_post_link(‘« %link’); ?></div>

    <div style=”float:right”><?php next_post_link(‘%link »’); ?></div>

    2、分类列表页面archive.php

    archive.php和index.php模板一样

    3、page.php页面模板

    Page.php和single.php模板一样

  10. 10

    wordpress主题404.php页面制作

    1、跟index.php模板一样

    2、网上下载404模板页面

2 人Likes
  

文章转载请注明:wordpress主题制作-汇聚素材网

本文固定链接:http://www.webhj.com/hj-171.html  +复制链接

wordpress主题制作:等您坐沙发呢!

发表评论

*

*

6 + 5

快捷键:Ctrl+Enter
0全站搜索 1 设计 2 素材 3 教材 4 WEB 5 电子书籍