workPress制作主题，简单教程

WordPress主题模板的简单制作方法

原创于 2024-09-12 15:38:46 发布 · 415 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #javascript

索引页模版：index.php
顶部：header.php
文章页面模板：single.php
边栏模板：sidebar.php
底部：footer.php
页面模版：page.php
搜索结果：search.php
文章归档：archive.php
评论：comments.php
404 页面模版：404.php
主题支持函数：functions.php
样式表：style.css

然后，制作一个可以运行的wordpress主题，修改style.css
制作一个最简单的主题，只需要两个文件，index.php和style.css

第一步，准备静态页面
第二步，制作index.php和style.css
第三步，给style.css添加版权信息
第四步：把主题上传到空间中wordpress安装路径，wp-content/themes/下面，这里主题的文件夹名字必须是英文
第五步，在wordpress后台启用主题

先给style.css添加版权信息
/*
Theme Name: wordpress theme 01
Theme URI: Deｓｃｒｉｐｔion: a simple bolg theme
Author: houzhi
Author URI: Version: 1.0
Tags: W*hite, blog, wangluoseo, blue
*/
所以的images都要换成<?php bloginfo('template_directory'); ?>/images
Style.css路径调用：<?php bloginfo( 'stylesheet_url' ); ?>
主题缩略图名字：screenshot.png

再制作出主题结构，index.php，header.php，footer.php，sidebar.php
把index.php拆分成header.php，footer.php和sidebar.phhp
<?php get_header();?>
<?php get_footer();?>
<?php get_sidebar();?>

还有就是，修改header.php，footer.php
新建一个index.php文件，header.php，footer.php，
这步需要用到的标签：
获取博客名字：<?php bloginfo('name'); ?>
获取博客描述：<?php bloginfo('deｓｃｒｉｐｔion'); ?>
获取主页路径：<?php echo get_option('home'); ?>
获取主题存放路径：<?php bloginfo('template_directory'); ?>
其他外部文件调用方法：<?php include (TEMPLATEPATH . '/ad/ad2.htm'); ?>
<meta http-equiv="Content-Type" content="text/html; charset=<?php bloginfo( 'charset' ); ?>" />
<?php wp_head(); ?>
<title><?php if (is_home()||is_search()) { bloginfo('name'); } else { wp_title(''); print " - "; bloginfo('name'); } ?> </title>

页面调用：
<?php wp_list_pages('sort_column=menu_order&title_li=&depth=2&include='); ?>
分类目录调用:
<?php wp_list_categories('title_li=0&orderby=name&show_count=0&depth=2'); ?>

还有就是跟后知博客的边栏一样，制作sidebar.php
最新文章：<?php wp_get_archives('type=postbypost&limit=20'); ?>
日志标题太长超出，修改style.css，用到的代码：
text-overflow:ellipsis; W*hite-space:nowrap; overflow:hidden;
随机文章：
<?php rand_posts as $post) : ?>
<li><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></li>
<?php endforeach;?>
标签云：
<?php wp_tag_cloud('smallest=8&largest=36&'); ?>
文章日期归档：
<?php wp_get_archives( 'type=monthly' ); ?>
分类目录：
<?php wp_list_cats('sort_column=name&optioncount=1&hierarchical=0'); ?>
友情链接：
<?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=24'); ?>

在进行对index.php的制作
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>

<?php endwhile; ?>
<?php else : ?>
<?php endif; ?>

标题：<a href="<?php the_permalink() ?>"><?php the_title_attribute(); ?></a>

调用文章内容：
<?php the_content("Read More..."); ?>
调用文章内容摘要：
<?php the_excerpt("Read More..."); ?>

作者：<?php the_author_posts_link(); ?>
日期：<?php the_time('F d, Y') ?>
评论调用：<?php comments_number('No Comment', '1 Comment', '% Comments' );?>
文章所属分类：标签：<?php the_category(', ') ?>
上一页，下一页调用：
<div style="float:left"><?php previous_post_link('« %link'); ?></div>
<div style="float:right"><?php next_post_link('%link »'); ?></div>

最后，制作single.php页面，加入评论
在single.php中调用<?php endwhile; ?>和<?php else : ?>中间让入
<?php comments_template(); ?>
这样就能够简单的制作出来一个模板了，后知愿与大家一起分享。（原文后知博客）