wordpress网站首页模板主题开发制作

最新推荐文章于 2024-09-04 09:27:12 发布

永远的WEB小白

最新推荐文章于 2024-09-04 09:27:12 发布

阅读量1.5k

点赞数

分类专栏： wordpress 文章标签： wordpress

本文链接：https://blog.csdn.net/qq_39339179/article/details/119135753

版权

wordpress 专栏收录该内容

58 篇文章 24 订阅

订阅专栏

本文详细介绍了如何开发WordPress网站首页模板，包括调用公共头部导航、设置Banner图、循环显示指定栏目、展示单页内容、输出指定文章、列出指定栏目列表、以及添加友情链接等关键步骤。教程覆盖了WordPress主题开发的基础要素，适合初学者和进阶开发者参考。

摘要由CSDN通过智能技术生成

本篇文章为大家带来的是wordpress网站首页模板主题开发制作教程，首页是做为网站开发最重要的页面之一，也是必不可少的一个页面，首页所包含的内容相对来说也是网站所有页面里面包含内容最多的一个页面，其中包括指定分类文章调用、调用指定分类栏目名调用、调用指定分类的栏目链接、调用指定分类子菜单，调用指定单页内容，调用指定文章内容、等等......

wordpress网站首页模板主题开发制作

做为网站首页主要包括以下内容

1、公共头部导航调用

2、banner图

3、 wordpress首页调用指定栏目循环标签

a、调用指定分类栏目名与栏目链接

//数字2指的是栏目id
<a href="<?php echo get_category_link(2); ?>"> <?php echo get_cat_name(2);?> </a>

b、wordpress调用指定分类栏目下的子分类（wordpress中的 get_categories()函数）

方法一、 get_categories()函数 更多参数可以查询该函数 
<?php
$args=array(
    'child_of' => 2, //为分类id
	'hide_empty'=>false
);
$categories=get_categories($args);
  foreach($categories as $category){
	echo '<a href="'.get_category_link( $category->term_id ).'">'.$category->name.'</a>';
  }
?>

方法二、默认方法 可以同时调用子分类与子分类下的文章
//child_of=3        为调用指定分类的ID号，
//optioncount=0     为调用分类下的文章数量
//sort_column=name  分类名
//hide_empty=0      是否隐藏没有文章的分类
<?php wp_list_cats('sort_column=name&optioncount=0&hierarchical=1&hide_empty=0&child_of=3'); ?>

4、wordpress网站首页调用指定单页内容

获取单页栏目id为9的内容
<?php
	$page_id = 9;
	$page_data = get_page($page_id);
	echo $page_data -> post_title;   //输出标题
	echo $page_data -> post_date;    //输出发布时间
	echo $page_data ->post_modified; //输出更新时间
	echo $page_data ->guid;          //输出链接
	echo $page_data -> post_content; //输出内容，纯文本
	echo apply_filters('the_content', $page_data -> post_content);  //输出内容包含格式 
									
?>

5、输出指定文章的内容（和单页类似）

//169为指定文章的id
<?php 
$id=169;  
echo  get_post($id)->post_title;  //输出文章标题
echo  get_post($id)->post_content;  //输出文章内容
?>

6、wordpress首页调用指定栏目列表循环标签

/**其中cat=20代表分类ID，posts_per_page=4代表显示几条记录 **/
<?php query_posts('cat=20&posts_per_page=4'); while(have_posts()): the_post(); ?>   
   <li>
   <a href="<?php the_permalink(); ?>" target="_blank">  //链接
   <img src=" <?php $url = wp_get_attachment_url(get_post_thumbnail_id($post->ID)); echo $url; ?>" title="<?php the_title();?>" /> //特色图片缩略图
   <h2><?php the_title();?></h2>   //文章标题一
   <h2><?php echo mb_strimwidth(get_the_title(), 0, 16, ''); ?></h2>   //可控字数：文章标题二
   <p><?php the_excerpt(); ?></p>  //文章简介方法一
   <p><?php echo mb_strimwidth(strip_tags(apply_filters('the_content', $post->post_content)), 0, 200,"……"); ?></p> //可控字数：文章简介方法二
   <p><?php the_date_xml()?></p>        //文章发布时间 方法一
   <p><?php the_time('F d, Y') ?></p>   //文章发布时间 方法二
   <p><?php the_time('y-m-d H:i:s') ?></p>      //文章发布时间 方法三
  </a>
   </li>   
<?php endwhile; wp_reset_query(); ?>

7、友情链接(使用友情链接需要通过functions.php开启，开启方法问 wordpress模板主题仿站functions.php常用功能与常用插件_程序员-CSDN博客)

方法一、<?php wp_list_bookmarks( $args );?>
方法二、
<?php
 $args=array(
'orderby' => 'name',                 //根据名称排序
'order' => 'ASC',                    //升序或降序
'limit' => -1,                       //设置输出链接的最大条数 -1为输出全部
'category' => '',                    //字符串，链接分类id 有显示分类下链接 没有显示全部链接
'category_name' => '',               //字符串，链接分类名 有在链接前显示该分类名，没有显示所有链接分类名
'hide_invisible' => 1,               
'show_updated' => 0,
'echo' => 1,
'categorize' =>0,                   //布尔型，设置是否按各自分类显示 1 按照分类显示 0显示全部链接
'title_li' => 0,                     //为0链接列表不会被 <ul>, </ul>标签包围
'title_before' => '',                //字符串,分类标题前文字或代码
'title_after' => '',                 //字符串，分类标题后文字或代码
'category_orderby' => 'name',         //字符串，根据分类名称排序
'category_order' => 'ASC',            //字符串，分类链接的升降序排列
'class' => 'linkcat',                 //字符串，链接的class属性
'category_before' => '',              //字符串，分类链接前的文字或代码
'category_after' => '',               //字符串，分类链接后的文字或代码
'before'    => '<li>',                //（字符串）放在链接前的文本
'after'     => '</li>',               //（字符串）放在链接后的文本
 
);
wp_list_bookmarks( $args );           
?>
或者
<?php $args = array(  
    'orderby' => 'name',  
    'order' => 'ASC',  
    'limit' => -1,  
    'category' => ,  
    'exclude_category' => ,  
    'category_name' => ,  
    'hide_invisible' => 1,  
    'show_updated' => 0,  
    'echo' => 1,  
    'categorize' => 1,  
    'title_li' => __('Bookmarks'),  
    'title_before' => '<h2>',  
    'title_after' => '</h2>',  
    'category_orderby' => 'name',  
    'category_order' => 'ASC',  
    'class' => 'linkcat',  
    'category_before' => '<li id=/"%id/" class=/"%class/">',  
    'category_after' => '</li>' ); ?>
 
方法三、<?php get_links_list(); ?>  //已弃用