wordpress仿站教程:wordpress仿站調用整理(全面完整)!
目錄
準備頁面:
一、wordpress導航菜單調用調用標簽
二、wordpress首頁模板主題開發調用標簽
三、wordpress列表頁模板主題開發(聚合頁)調用標簽
四、wordpress內容頁模板主題開發(文章頁)調用標簽
五、wordpress獨立單頁調用標簽
六、wordpress系統公共產數調用標簽
七、wordpress自定義字段調用標簽
八、wordpress搜索頁調用標簽
九、wordpress Tag調用標簽
十、wordpress自定義評論留言表單調用標簽
十一、wordpress自定義會員登陸注冊調用標簽
十二、wordpress自定義側邊欄制作
目錄
準備頁面說明(模板文件):
header.php 頭部默認公共模板
footer.php 底部默認公共模板模板
sidebar.php 側邊欄目默認模板
searchform.php 搜索表單默認模板(不是搜索頁模板哦)
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 搜索頁默認模板
2-1、頭部制作
1、制作style.css
1-1、移動images文件夾下面的css到主題文件夾下面,重命名為style.css
添加主題版權信息:
/*
Theme Name: 主題名稱
Theme URI: https://www.nongyejing.com
Description: 主題描述
Author: 主題作者
Author URI: https://www.nongyejing.com
Version: 1.0
Tags: 標簽1,標簽2
*/
如果后臺亂碼:要修改,css 的頁面屬性,如果網頁出現亂碼,要修改index.php的頁面屬性。修改——頁面屬性——編碼。
后臺縮略圖:在主題文件來下面放一個縮略圖圖片,縮略圖的名字必須是:screenshot.png或者screenshot.jpg(1200*900)做主題封面
1-2、制作index.php
1-2-1、修改css文件路徑
Style.css路徑調用:<?php bloginfo( 'stylesheet_url' ); ?>
jS調用:<?php echo get_template_directory_uri(); ?>/js/jquery.js
調用頂部標簽:<?php get_header();?>
調用底部標簽:<?php get_footer();?>
側邊欄調用:<?php get_sidebar()?>
搜索form表調用:<?php get_searchform()?>
模板調用:<?php get_template_part('模板名');?>
底部菜單調用:<?php wp_nav_menu( array( 'theme_location' =>'footmenu','container' => '','menu_class' => 'navigation','menu_id' => "nav_sgBhgn",'depth' => 2, ) ); ?>
版權信息:Copyright © 2012<a href=" <?php echo get_option('home'); ?>"> <?php bloginfo('name'); ?></a>
縮略圖的調用:<img src="<?php echo get_first_image(); ?>" alt="<?php the_title(); ?>" />
網站標題:<?php if (is_home()||is_search()) { bloginfo('name'); } else { wp_title(''); print " - "; bloginfo('name'); } ?>
HOOK函數:<?php wp_head(); ?>
網站域名地址:<?php bloginfo('url');?>
獲取主題目錄:
//第一種方法
<?php bloginfo('template_url');?>
//第二種方法
<?php bloginfo('template_directory'); ?>
//第三種方法
<?php echo get_template_directory_uri(); ?>
調用側邊欄標簽:<?php get_sidebar();?>
調用特定分類下的文章:直接復制到要顯示分類的地方。cat=1為id=1下面的文章,showposts=5為顯示5片文章。
<?php if (have_posts()) : ?>
<?php query_posts('cat=1' . $mcatID. '&caller_get_posts=1&showposts=5'); ?>
<?php while (have_posts()) : the_post(); ?>
<?php endwhile;?>
<?php endif; wp_reset_query(); ?>
文章標題的調用(控制字數):<a href="<?php the_permalink() ?>"> <?php echo mb_strimwidth(get_the_title(), 0, 32, ''); ?></a>
標題不控制字數:<?php the_title(); ?>
更多按鈕鏈接,直接進入該分類頁面地址調用::<?php echo get_option('home'); ?>/?cat=1
產品樹形結構調用: <?php wp_list_categories('title_li=0&orderby=name&show_count=0&depth=3'); ?>
wordpress鉤子調用自定義link.php:<? php get_template_part('link' ); ?>
友情鏈接調用:<? php wp_list_bookmarks(參數);?>
友情鏈接只在首頁顯示:
<?php if ( is_home()) { ?>
<?php wp_list_bookmarks('title_li=&categorize=0&orderby=rand&limit=24'); ?>
<?php } ?>
分頁代碼:<?php kriesi_pagination($query_string); ?>
wordpress調用指定分類下的子分類
<?php
$args=array(
'type' => 'post',
'child_of'=> $catid01,
'parent' => $catid01,
'orderby' => '17',
'order' => 'ASC',
'hide_empty'=>'0',
'hierarchical' => 1,
'exclude' => '',
'include' => '',
'number' => '',
'pad_counts' => false
);
$categories=get_categories($args);
$r=1;
foreach($categories as $category) {?>
<li><a href="<?php echo get_category_link( $category->term_id );?>"><?php echo $category->name;?></a></li>
<?php $r++;
if($r>15)
break;
}
?>
基本條件判斷函數:
is_home():是否為主頁
is_single():是否為內容頁 (Post)
is_page():是否為內容頁 (Page)
is_category():是否為 Category/Archive 頁
is_tag():是否為標簽 (Tag) 存檔頁
is_date():是否為指定日期存檔頁
is_year():是否為指定年份存檔頁
is_month():是否為指定月份存檔頁
is_day():是否為指定日存檔頁
is_time():是否為指定時間存檔頁
is_archive():是否為存檔頁
is_search():是否為搜索結果頁
is_404():是否為 "HTTP 404: Not Found" 錯誤頁
is_paged():主頁 /Category/Archive 頁是否以多頁顯示
Header 部分常用到的 PHP 函數:
<?php bloginfo('name'); ?>:博客名稱 (Title)
<?php bloginfo('stylesheet_url'); ?>:CSS 文件路徑
<?php bloginfo('pingback_url'); ?>:PingBack URL
<?php bloginfo('template_url'); ?>:模板文件路徑
<?php bloginfo('version'); ?>:WordPress 版本
<?php bloginfo('atom_url'); ?>:Atom URL
<?php bloginfo('rss2_url'); ?>:RSS 2.o URL
<?php bloginfo('url'); ?>:博客 URL
<?php bloginfo('html_type'); ?>:博客網頁 HTML 類型
<?php bloginfo('charset'); ?>:博客網頁編碼
<?php bloginfo('description'); ?>:博客描述
<?php wp_title(); ?>:特定內容頁 (Post/Page) 的標題
模板常用的 PHP 函數及命令:
<?php get_header(); ?>:調用 Header 模板
<?php get_sidebar(); ?>:調用 Sidebar 模板
<?php get_footer(); ?>:調用 Footer 模板
<?php the_content(); ?>:顯示內容 (Post/Page)
<?php if(have_posts()):?>:檢查是否存在 Post/Page
<?php while(have_posts()):the_post(); ?>:如果存在Post/Page則予以顯示
<?php endwhile; ?>:While 結束
<?php endif; ?>:If 結束
<?php the_time('字符串') ?>:顯示時間,時間格式由"字符串"參數決定,具體參考 PHP 手冊
<?php comments_popup_link(); ?>:正文中的留言鏈接,如果使用 comments_popup_script(); 則新窗口打開鏈接
<?php the_title(); ?>:內容頁 (Post/Page) 標題
<?php the_permalink() ?>:內容頁 (Post/Page) URL
<?php the_category(',') ?>:特定內容頁 (Post/Page) 所屬 Category
<?php the_author(); ?>:作者
<?php the_ID(); ?>:特定內容頁 (Post/Page) ID
<?php edit_post_link(); ?>:如果用戶已登錄并具有權限,顯示編輯鏈接
<?php get_links_list(); ?>:顯示 Blogroll 中的鏈接
<?php comments_template(); ?>:調用留言/回復模板
<?php wp_list_pages(); ?>:顯示 Page 列表
<?php wp_list_categories(); ?>:顯示 Categories 列表
<?php next_post_link('%link '); ?>:下一篇文章鏈接
<?php previous_post_link('%link'); ?>:上一篇文章鏈接
<?php get_calendar(); ?>:日歷
<?php wp_get_archives() ?>:顯示內容存檔
<?php posts_nav_link(); ?>:導航,顯示上一篇/下一篇文章鏈接
<?php include(TEMPLATEPATH . '/文件名'); ?>:嵌入其他文件,可為定制的模板或其他類型文件
與模板相關的其他函數:
<?php _e('Message'); ?>:輸出相應信息
<?php wp_register(); ?>:顯示注冊鏈接
<?php wp_loginout(); ?>:顯示登錄/注銷鏈接
<!–next page–>:將當前內容分頁
<!–more–>:將當前內容截斷,以不在主頁/目錄頁顯示全部內容
<?php timer_stop(1); ?>:網頁加載時間(秒)
<?php echo get_num_queries(); ?>:網頁加載查詢量
---------------------
一、wordpress導航菜單調用調用標簽
<? wp_nav_menu() ?> 方法一(默認菜單調用方法)
<?php 方法二(默認菜單調用方法,可更改樣式)
wp_nav_menu( array(
'theme_location' => '', //導航別名
'menu' => '', //期望顯示的菜單
'container' => 'div', //容器標簽
'container_class' => '', //ul父節點class值
'container_id' => '', //ul父節點id值
'menu_class' => 'menu', //ul節點class值
'menu_id' => '', //ul節點id值
'echo' => true, //是否輸出菜單,默認為真
'fallback_cb' => 'wp_page_menu', //菜單不存在時,返回默認菜單,設為false則不返回
'before' => '', //鏈接前文本
'after' => '', //鏈接后文本
'link_before' => '', //鏈接文本前
'link_after' => '', //鏈接文本后
'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>', //如何包裝列表
'depth' => 0, //菜單深度,默認0
'walker' => '' //自定義walker
) );
?>
二、wordpress首頁模板主題開發調用標簽
1、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(); ?>
2、調用指定分類欄目名
//數字2指的是欄目id
<?php echo get_cat_name(2);?>
3、調用指定分類的欄目鏈接:
//數字2指的是欄目id
<?php echo get_category_link(2); ?>
4、調用指定分類的欄目別名:
//2為欄目id
<?php $cat = get_category(2);echo $cat->slug;?>
5、調用指定欄目子菜單
//child_of=3 為調用指定分類的ID號,
//sort_column=name 分類名
//hide_empty=0 是否隱藏沒有文章的分類
<?php wp_list_cats('sort_column=name&optioncount=0&hierarchical=1&hide_empty=0&child_of=3'); ?>
6、調用指定id的文章
輸出ID為13的文章標題
<?php $id=13; $title = get_post($id)->post_title; echo $title; ?>
7、獲取指定單頁欄目id的標題與內容
// 獲取單頁欄目id為6的欄目名
<?php
$page_id = 6;
$page_data = get_page($page_id);
echo $page_data -> post_title;
?>
// 獲取單頁欄目id為6的欄目內容
<?php
$page_id = 6;
$page_data = get_page($page_id);
echo apply_filters('the_content', $page_data -> post_content);
?>
8、友情鏈接調用標簽
注:方法一與方法二為同一種方法,只不過一個輸出默認樣式,另一個可根據要求設置更靈活.
方法一、<?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' => 1, //布爾型,設置是否按各自分類顯示 1 按照分類顯示 0顯示全部鏈接
'title_li' => __('Bookmarks'), //字符串,鏈接標題的頭文字或代碼,默認是:Bookmarks設置是否按照列表的方式排列
'title_before' => '', //字符串,分類標題前文字或代碼
'title_after' => '', //字符串,分類標題后文字或代碼
'category_orderby' => 'name', //字符串,根據分類名稱排序
'category_order' => 'ASC', //字符串,分類鏈接的升降序排列
'class' => 'linkcat', //字符串,鏈接的class屬性
'category_before' => '', //字符串,分類鏈接前的文字或代碼
'category_after' => '', //字符串,分類鏈接后的文字或代碼
);
wp_list_bookmarks( $args );
?>
方法三、<?php get_links_list(); ?>
三、wordpress列表頁模板主題開發(聚合頁)調用標簽
1、wordpress列表頁循環調用標簽
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<li class=" homebk1-item">
<a href="<?php the_permalink(); ?>"> //鏈接
<div class="homebk1-img">
<img src="<?php $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo $full_image_url[0]; ?>" /> //縮略圖(特色圖片)
</div>
<h3><?php the_title();?></h3> //標題方法一
<h3><?php wp_trim_words( get_the_title(), 10 );?></h3> //標題方法二 可限制字數
<p><? the_excerpt(); ?></p> //簡介方法一
<p><?php wp_trim_words( get_the_excerpt(), 20 );?></p> //簡介方法二 可限制字數
</a>
<p><?php the_date_xml()?> </p>
</li>
<?php endwhile;?>
<?php endif; ?>
2、當前分類欄目名、分類欄目id、欄目鏈接
<?
$category_title= single_cat_title('', false );
$category_id = get_cat_ID($category_title);
$category_link = get_category_link( $category_id );
echo $category_title; //輸出當前分類名
echo $category_id; //輸出當前分類id
echo $category_link //輸出當前分類鏈接
?>
3、當前分類欄目簡介描述(Description)
<?php echo category_description(); ?>
4、當前分類所屬的頂級分類欄目的分類名、分類鏈接
<a href="<?php echo get_category_link(get_category_root_id($cat)); ?>">
<?php echo get_cat_name(get_category_root_id($cat)); ?></a>
5、wordpress分頁標簽 (方法三:functions添加分頁代碼)
<? posts_nav_link(); ?> //方法一 官方默認調用方法
<?php if(function_exists('wp_page_numbers')) : wp_page_numbers(); endif; ?> //方法二 需用插件 wp-page-numbers
<?php kriesi_pagination($query_string); ?> //方法三:自定義分頁代碼,可以根據需要更改分頁代碼-需在functions添加分頁代碼
6、欄目頁面包屑調用標簽
//方法一 直接在需要放置面包屑的地方添加如下代碼
<a href="<? bloginfo('url'); ?>">首頁</a></li>>
<?
if(is_category()){single_cat_title();}
elseif(is_search()){echo $s;}
elseif(is_single()){
$cat=get_the_category();
$cat=$cat[0];
echo '<a href="'.get_category_link($cat).'">'.$cat->name. ' </a>';
}elseif(is_page()){
the_title();
}elseif(is_404()){echo '404錯誤頁面';}
?>
方法二 在functions.php文件下添加如下代碼
function wz(){
$cat=get_the_category();
$cat=$cat[0];
$positions = '<li><a href="'.get_category_link($cat).'">'.$cat->name. '</a></li>>';
if(!is_home() ){
echo '<li><a href="'. get_settings('home') .'">'. '首頁></a></li>';
if(is_category()){
echo $positions;
}
elseif(is_single()){
echo $positions ;
echo the_title();
}
elseif(is_search()){echo $s;}
elseif(is_page()){
the_title();
}elseif(is_404()){echo '404錯誤頁面';}
}
}
//前臺調用代碼 <? wz(); ?>
6、調用當前欄目子菜單
在需要調用當前頂級分類欄目的子分類處添加如下代碼
<?php
if(is_single()||is_category()) { //如果是文件頁面或分類頁
if(get_category_children(get_category_root_id(the_category_ID(false)))!= "" ) {//如果有子分類
echo '<ul class="sidebar-list1">';
echo wp_list_categories("child_of=".get_category_root_id(the_category_ID(false)). "&depth=0&hide_empty=0&title_li=&orderby=id&order=ASC");
echo '</ul>';
}else{
//如果沒有獲取頂級分類
}
}
?>
7、不同分類欄目調用不同的模板
category.php //默認分類模板
方法一
category-10.php //10是分類id categor后跟-id 系統會自動獲取與之對應的模板 沒有對應模板就找對應模板
方法二
category-別名.php //后臺分類目錄名稱后有一個別名 分類模板category-別名會自動調用別名相同的模板
四、wordpress內容頁模板主題開發(文章頁)調用標簽
<?php the_title(); ?> 1、標題文章內容頁調用標簽
<?php the_excerpt(); ?> 2、簡介文章調用標簽
<? the_post_thumbnail(); ?> 3、縮略圖文章頁(特色圖片)調用標簽 方法一
<?php the_author(); ?> 4、作者文章頁調用標簽
<?php the_time('y-m-d H:i:s') ?> 5、發布時間文章也調用標簽
<?php the_content(""); ?> 6、文章內容文章頁調用標簽
<?php the_permalink();?> 7、當前文章頁鏈接地址
<? get_the_id() ?> 8、當前文章頁ID
<?php foreach((get_the_category()) as $category){echo $category->cat_name;}?> 9、當前文章所屬分類欄目名
<?php foreach((get_the_category()) as $category){echo get_category_link($category);}?> 10、當前文章所屬分類欄目鏈接
<? previous_post_link('上一篇: %link'); ?> <? next_post_link('下一篇: %link'); ?> 11、上一篇、下一篇調用
<?php comments_popup_link('0 條評論', '1 條評論', '% 條評論', '', '評論已關閉'); ?> 12、輸出評論數
<?php echo get_avatar( get_the_author_email(), 36 ); ?> 13、調用作者頭像
<img src="<?php $full_image_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full'); echo $full_image_url[0]; ?>" alt="" /> 3、特色圖片調用標簽方法二,只調用圖片地址鏈接
wordpress上一篇下一篇案例
<div class="next">
<div class="shang"><?php if (get_previous_post()) { previous_post_link('上一條: %link');} else {echo "沒有了,已經是最后文章";} ?></div>
<div class="xia"><?php if (get_next_post()) { next_post_link('下一條: %link');} else {echo "沒有了,已經是最新文章";} ?></div>
</div>
2、wordpress文章內容頁面包屑調用標簽,同上述列表頁調用標簽相同
3、文章內容single.php頁面,根據文章所屬不同分類選擇不同的文章頁模板(注:新創建content.php為文章默認頁面,比如新聞欄目別名為new,新聞文章頁為 content-new.php 如果沒有該頁面就自動調用默認content.php為文章頁)
3.1、不同分類下的文章調用不同模板
<? the_post();
//獲取當前文章id
$cat=get_the_category(get_the_id());
//獲取當前文章分類
$name=$cat[0]->slug;
//加載content-$name.php 指定模板文件不存在 就調用默認文章模板content.php
get_template_part( 'content', $name )
?>
五、wordpress獨立單頁調用標簽
1、不同獨立頁面調用不同模板
page.php 獨立頁默認模板文件
page-13.php 方法一 13為獨立頁id id對應不同頁面id即可
page-about.php about為獨立頁別名 方法同上
2、當前單頁欄目名 與 當前單頁欄目內容
<?php wp_title('');?> //當前欄目名
<?php the_content(""); ?> //當前欄目內容
六、wordpress系統公共產數調用標簽
<? bloginfo('charset'); ?> 調用網站編碼
<? bloginfo('name'); ?> 調用網站名稱
<? bloginfo('description'); ?> 調用網站描述
<? bloginfo('stylesheet_url'); ?> 調用網站css路徑(絕對路徑 href="<?php bloginfo('template_url'); ?>/css/abc.css" )
<? wp_head(); ?> wordpress鉤子調用公共頭部
<? wp_footer(); ?> 調用公共底部
<?php get_sidebar(); ?> 調用默認側邊欄
<?php get_template_part( 'link' ); ?> 調用自定義公共部分link.php
<?php /*Template Name: about*/ ?> 自定義模板調用, 在自定義模板頭部添加
<?php echo get_option('home'); ?> 輸出網站首頁網址|調用系統產數options表中home字段(其他字段同理)
<? wp_loginout(); ?> 登陸|退出 ,獲取退出鏈接(未登錄顯示登陸)陸
<? wp_register (); ?> 獲取注冊鏈接(登陸成功顯示管理站點)需在后臺開啟注冊功能
七、wordpress自定義字段調用標簽
1、自定義圖片字段調用
<?php $image = get_field('pro-img1'); echo $image['url'];?> //pro-img1為自定義圖片的字段別名
案列:<img src="<?php $image = get_field('pro-img1'); echo $image['url'];?>" alt="<?php echo $image['alt']; ?>" />
2、自定義字段調用
<?php the_field('pro-cc'); ?> //方法一 pro-cc為自定義字段別名
<?php $key="pro-cc"; echo get_post_meta($post->ID, $key, true); ?> //方法二
獲取多個相同自定義字段值
<? $ziduan = get_post_meta($post->ID,'ziduan', false); ?>
<? foreach( $ziduan as $ziduan ){ echo $ziduan }?>
使用插件增加的字段
<?php echo get_field('seo-keywords'); ?>
八、wordpress搜索頁調用標簽
1、自定義wordpress模板主題搜索框制作
wordpress自定義全站搜索框
<form class="search-form" method="get" action="<?php bloginfo('home'); ?>">
<input type="text" placeholder="搜索..." name="s" />
<button type="submit"> <i class="iconfont icon-search"></i> </button>
</form>
wordpress自定義搜索指定欄目分類 (value="" 為指定分類的id)
<form class="search-form" method="get" action="<?php bloginfo('home'); ?>">
<input type="text" placeholder="搜索..." name="s" />
<input type="hidden" name="cat" value="4,11,9,22,20,10,18,14,12,13,1" />
<button type="submit"> <i class="iconfont icon-search"></i> </button>
</form>
wordpress自定義不搜索該分類下的文章 (value="" 為指定分類的id)
<form class="search-form" method="get" action="<?php bloginfo('home'); ?>">
<input type="text" placeholder="搜索..." name="s" />
<input type="hidden" name="cat" value="-4,-11,-9,-22" />
<button type="submit"> <i class="iconfont icon-search"></i> </button>
</form>
2、wordpress搜索頁search.php制作
獲取搜索詞
<? echo get_search_query()?>
搜索列表頁 方法一 直接使用分類列表頁循環方式即可
搜索列表頁 方法二
<?
if(have_posts()){
while(have_posts() ){
the_post();
?>
<li>
<div class="shijian">
<?php the_time('y-m') ?>
<span><?php the_time('d') ?></span>
</div> <a href="<?php the_permalink(); ?>" title="<?php the_title();?>"><?php the_title();?></a>
<p><? the_excerpt(); ?></p>
<p></p>
</li>
<? }
}else{
echo "沒有搜索到文章";
}
?>
九、wordpress Tag調用標簽
wordpress tag標簽調用,默認方式
<?php wp_tag_cloud(); ?>
帶參數方式調用
<?php wp_tag_cloud(‘number=50&orderby=count&order=DESC&smallest=12&largest=12&unit=px’); ?>
smallest:標簽文字最小字號,默認為8pt;
largest:標簽文字最大字號,默認為22pt;
unit:標簽文字字號的單位,默認為pt,可以為px、em、pt、百分比等;
number:調用的標簽數量,默認為45個,設置為“0”則調用所有標簽;
format:調用標簽的格式,可選“flat”、“list”和“array”,默認為“flat”平鋪,“list”為列表方式;
orderby:調用標簽的排序,默認為“name”按名稱排序,“count”則按關聯的文章數量排列;
order:排序方式,默認為“ASC”按正序,“DESC”按倒序,“RAND”按任意順序。
exclude:排除部分標簽,輸入標簽ID,并以逗號分隔,如“exclude=1,3,5,7”不顯示ID為1、3、5、7的標簽;
include:包含標簽,與exclude用法一樣,作用相反,如“include=2,4,6,8”則只顯示ID為2、4、6、8的標簽。
十、wordpress自定義評論留言表單調用標簽
1、創建留言模板comments.php 在該模板中添加以下代碼 ,在需要使用留言的地方添加 <? comments_template() ?> 調用標簽即可
<div>
<h3>評論</h3>
<div>
<ul>
<? if(!comments_open() ){?> //判斷評論功能是否已關閉,如果關閉提示 評論功能已經關閉
<li><a href="#respond">評論功能已經關閉</a></li>
<? }else if( post_password_required()){?> //post_password_required()設置輸入密碼才能查看文章 編輯文章右側設置密碼保護
<li><a href="#respond">請輸入密碼查看評論內容</a></li>
<? }else if(!have_comments()){?> // 判斷當前文章是否有評論
<li><a href="#respond">還沒有評論說兩句吧</a></li>
<? }else{wp_list_comments(); }?> //獲取所有評論
</ul>
</div>
<div>
<? if(get_option('comment_registration') && !is_user_logged_in() ){ ?> // 判斷用戶是否有登陸
<p>
你必須 <a href="<? echo wp_login_url(get_permalink()); ?>">登陸</a>才可以發布評論
</p>
<? }else if(comments_open()){comment_form();} ?> //輸出評論窗口
</div>
</div>
十一、wordpress自定義會員登陸注冊調用標簽
1、wordpress會員中心鏈接地址調用標簽
<li><? wp_loginout(); ?></li> 如果是登陸狀態 顯示注銷按鈕 如果未登陸顯示 登陸按鈕
<li><? wp_register(); ?></li> 如果是否登陸狀態 顯示管理站點 否則不顯示
<a href="<?php echo site_url('wp-login.php', 'login') ?>">登陸</a> 登陸鏈接調用標簽
<a href="<?php echo site_url('wp-login.php?action=register', 'login') ?>">注冊會員</a> 注冊會員鏈接調用標簽
<a href="<?php echo get_option('home'); ?>/wp-login.php?action=lostpassword">忘記密碼</a> 忘記密碼鏈接調用標簽
<a href="<?php bloginfo('siteurl');?>/wp-admin/profile.php">[個人中心]</a> 個人中心鏈接調用標簽
<?php global $current_user;get_currentuserinfo();echo get_avatar( $current_user->user_email, 32); ?> 獲取當前用戶頭像
<?php global $user_identity, $user_level; echo $user_level; ?> 獲取當前用戶名
2、wordpress判斷是否為登陸狀態,如果不是顯示登陸和注冊按鈕;如果為登陸狀態顯示個人像,和退出登陸按鈕
<?php if(!is_user_logged_in()){ ?>
<a href="<?php echo site_url('wp-login.php', 'login') ?>">登陸</a>|
<a href="<?php echo site_url('wp-login.php?action=register', 'login') ?>">注冊會員</a>
<?}else{?>
<?php global $current_user;get_currentuserinfo();echo get_avatar( $current_user->user_email, 32); ?> //當前用戶頭像 32為設置頭像尺寸為32
<a href="<?php bloginfo('siteurl');?>/wp-admin/profile.php"> <?php global $user_identity, $user_level; echo $user_level; ?> [個人中心 ] </a>
<a href="<?php echo wp_logout_url( get_permalink() ); ?>">[退出]</a>
<?}?>
十二、wordpress自定義側邊欄制作
1、wordpress分類列表頁側邊欄
<?php if ( is_single() ) :
global $post;
$categories = get_the_category();
foreach ($categories as $category) :
?>
<li class="widget widget_recent_entries" id="<?php $category -> term_id; ?>-posts">
<h2 class="widgettitle"><?php echo $category -> name; ?></h2>
<ul>
<?php
$posts = get_posts('numberposts=5&category='. $category->term_id);
foreach($posts as $post) :
?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php endforeach; ?>
</ul>
</li>
<?php
endforeach; endif ;
?>
2、wordpress側邊欄,當前文章頁所在分類欄目下的文章列表
<?php if ( is_single() ) :
global $post;
$categories = get_the_category();
foreach ($categories as $category) :
?>
<li class="widget widget_recent_entries" id="<?php $category -> term_id; ?>-posts">
<h2 class="widgettitle"><?php echo $category -> name; ?></h2> //當前文章所在欄目
<ul>//下方為循環輸出 所在欄目分類下的文章列表
<?php
$posts = get_posts('numberposts=5&category='. $category->term_id); //5為循環條數
foreach($posts as $post) :
?>
<li>
<a href="<?php the_permalink(); ?>"><?php the_title(); ?></a>
</li>
<?php endforeach; ?>
</ul>
</li>
<?php
endforeach; endif ;
?>
————————————————
一、模板文件
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="<? bloginfo('stylesheet_url'); ?>" type="text/css"/>
<link rel="stylesheet" rev="stylesheet" href="<?php bloginfo('template_url'); ?>/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'); ?> 調用網站描述
<? bloginfo('stylesheet_url'); ?> 調用主題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(參數);?> 友情鏈接調用