wordpress 仿站教程:模板文件、调用模板、创建主题、参数调用标签

作者 : 郭然 本文共2682个字,预计阅读时间需要7分钟 发布时间: 2023-02-23 共71人阅读

一、模板文件

index.php                         首页默认主题模板

category.php                     分类列表页默认主题模板
category-别名或id.php    分类列表页 指定模板

 

single.php                         文章内容默认主题模板
single-别名或id.php        文章 指定模板
singular.php                      没有对应模板的文章的默认模板

page.php                         单页默认主题模板
page-别名或id.php         单页面 指定模板

 

archive.php                     存档模板
tag.php                           标签模板
author.php                      作者模板(访问该作者详情时)
404.php                          404模板
search.php                     搜索页默认模板

header.php                    头部默认公共模板
footer.php                      底部默认公共模板模板
sidebar.php                   侧边栏目默认模板
searchform.php             搜索表单默认模板(不是搜索页模板哦)

 

 

二、调用模板

<?php get_header()?>     头部调用

<?php get_footer()?>      底部调用

<?php get_sidebar()?>    侧边栏调用

<?php get_searchform()?> 搜索form表调用

<?php get_template_part(‘模板名’);?>  模板调用

三、创建主题

1、在wp-content/themes文件夹下,创建 hbjxzzn文件夹,用于放网站模板

2、在 hbjxzzn文件夹下,上传一个 screenshot.png 名称的图片(1200*900)做主题封面

3、在 hbjxzzn文件夹下,创建 style.css 文件内容如下:

 /*
Theme Name:您的主题名字
Theme URI:http://www.主题网址.com/
Description:主题描述。。。。
version:版本1.0.1
Author:作者名
Author URL:http://www.作者链接.com/
Tags:标签名,标签名2
*/
body{}
.index-left{background:#fff; width:600px;float:left;margin:15px;);
}
.index-right,.index-right2{background:#fff; width:300px;float:left;margin:15px;);
}
.link{width:800px;background:#fff;;margin:15px;);
}
.cleardiv{
    clear: both;
}

4、网站结构如下:

5、首页模板代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="<? bloginfo('charset'); ?>  ">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1.0" /> 
<title><? bloginfo('name'); ?></title> 
<meta name="Description" content="<? bloginfo('description'); ?> ">
<link rel="stylesheet" rev="stylesheet" href="<?%20bloginfo('stylesheet_url');%20?>" type="text/css"/>
<link rel="stylesheet" rev="stylesheet" href="<?php%20bloginfo('template_url');%20?>/css/bootstrap.min.css" type="text/css"/>
</head>

<body>
    <?php get_header()?>
    
    <div class="index-left">
        <?php get_template_part('about'); //调用about.php?>
    </div>
    <?php get_sidebar()?>
    <?php get_footer()?>
    <div>
        <ul>
            <?php  wp_list_bookmarks('title_li=&categorize=0'); //调用友情链接?>
        </ul>
    </div>
    
</body>
</html>

 四、参数调用标签

bloginfo(‘ ‘)                 获得博客信息,并输出

get_bloginfo(‘ ‘)          获得博客信息,需echo 输出

get_option(‘options表中的option_name’,’默认值’)    获取options表中的option_value值,需echo 输出

<? bloginfo('charset'); ?>            调用网站编码
<? bloginfo('url'); ?>                调用网站域名
<? bloginfo('name'); ?>		      调用网站名称
<? bloginfo('description'); ?>        调用网站描述
<?%20bloginfo('stylesheet_url');%20?>     调用主题style.css
<? php bloginfo('template_url'); ?>   绝对路径地址
<? php echo get_option('home'); ?>    调用options表中home字段(potions表是用来存放系统产数的数据变)
<? php get_header(); ?>     wordpress钩子调用公共头部
<? php get_footer(); ?>     wordpress钩子调用公共底部
<? php get_sidebar(); ?>                       wordpress钩子调用侧边栏
<? php get_template_part('link' ); ?>         wordpress钩子调用自定义link.php
<? php wp_list_bookmarks(参数);?>                    友情链接调用

 

赞赏

微信赞赏支付宝赞赏

VIP部落提供编程技术、教育培训、优惠购物以及各类软件和网站源码、模板等资源下载。
VIP部落 » wordpress 仿站教程:模板文件、调用模板、创建主题、参数调用标签

常见问题FAQ

提供最优质的资源集合

立即查看 了解详情