多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

國內最全IT社區平臺 聯系我們 | 收藏本站
阿里云優惠2
您當前位置:首頁 > php開源 > WordPress > 在wordpress中創建以標簽過濾的日志頁面

在wordpress中創建以標簽過濾的日志頁面

來源:程序員人生   發布時間:2014-05-23 21:41:19 閱讀次數:2778次

標題看上去有些費解,到底是什么意思?很簡單,假設你的博客中有許多文章,其中一部分文章都有著共同的標簽”網頁設計”,那么當別人訪問你的博客,點擊”網頁設計”這個標簽的時候,所有包含這個標簽的日志都會顯示在一個頁面當中。那么,這個頁面就是我們在這篇文章中所要創建的頁面。在這個頁面中,一般來說,日志會按照時間順序排列,頁面最上方的是最新發布的日志,最下方是最早發布的日志。這些日志還可以以不同方式顯示,比如顯示整篇日志內容,或者只顯示日志摘要,甚至只是標題。如果你還不理解的話,可以試著點擊一下飛魚的聲納日志標題下方的任何一個標簽,之后將會顯示一個頂部標題為”所有關于’XXX’的日志”頁面,其中的日志內容會以摘要加縮略圖的方式顯示出來,這個頁面就是以某一個標簽過濾之后的日志頁面。

工作原理

在創建這個頁面之前,我們先要了解一下wordpress的工作原理。當點擊一個標簽之后,wordpress會首先尋找tag-xx.php文件,其中的xx是指標簽的ID,也就是一個數字。假設在你的博客中有一個日志標簽是”網頁設計”,它的ID為211,那么如果在你博客的主題中包含tag-211.php這個文件的話,當你點擊”網頁設計”這個標簽之后,wordpress就會讀取這個文件,將其顯示出來。那么如何知道一個標簽的ID是多少呢?很簡單,登錄你的wordpress后臺控制板,在左側的”文章”區域中找到”文章標簽”這一欄,點擊進入,你的博客的所有標簽都會顯示出來。將你的鼠標懸停于某一個標簽之上,在瀏覽器的左下角會顯示出一長串鏈接,最后的”ID=xx”中的數字就是這個標簽的ID。那么如果你的wordpress主題中不存在tag-xx.php這個文件呢?wordpress會怎么做?如果不存在tag-xx.php這個文件的話,wordpress接下來會尋找tag.php這個文件,讀取其中的內容,將其顯示在頁面上。如果tag.php文件也不存在的話,wordpress接下來會尋找archive.php文件,archive.php文件也沒有的話,最后就是index.php文件了。所以,wordpress尋找這四個文件的順序為:

  1. tag-xx.php
  2. tag.php
  3. archive.php
  4. index.php

按照這個原理,如果你想讓”網頁設計”這個標簽頁面和”時間管理”這個標簽頁面不同的話,就可以在wordpress主題中創建一個tag-xx.php文件,其中的xx是”網頁設計”這個標簽的ID數字。或者你想讓所有標簽都顯示為統一的頁面樣式而和存檔頁面的樣式有所區別的話,就創建一個tag.php頁面就行了。

頁面代碼

那么,我知道了自己該創建什么頁面,接下來,頁面中該寫些什么代碼呢?我以飛魚的聲納的標簽頁面為例來具體說明。首先我們需要讓別人在點擊一個日志標簽后知道自己正在查看的是關于這個標簽的所有日志,這樣別人就清楚自己所處的位置。就像飛魚的聲納的頁面頂部所顯示的那樣”所有關于”xxx”的日志”。代碼為:

<h2>所有關于"<?php single_tag_title(); ?>"的日志。</h2>

其中的&quot;為左右雙引號,而<?php single_tag_title(); ?>為標簽的名稱。

接下來我們決定以摘要的形式顯示日志內容。如果你想顯示全文的話,只需要將excerpt更改為content。

<?php the_excerpt('繼續閱讀 »'); ?>

如果只想顯示文章標題的話,使用如下代碼:

<a title="Permanent Link to <?php the_title(); ?>" href=http://startwmlife.com/"<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>

以下是一個標準的tag.php文件代碼內容,你可以將它拷貝下來,或者略作修改,用到你的主題中。

<div id="content">
<div class="tag-title">
<h2>所有關于"<?php single_tag_title(); ?>"的日志</h2>
</div>
<?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?>
<div class="date">
<div class="day"><?php the_time('j') ?></div>
<div class="month"><?php the_time('F') ?></div>
<div class="year"><?php the_time('Y') ?></div>
</div>
<h1><a title="Permanent Link to <?php the_title(); ?>" href=http://startwmlife.com/"<?php the_permalink() ?>"
rel="bookmark"><?php the_title(); ?></a></h1>
<div class="postdata">
分類: <?php the_category(', ') ?> |
<?php the_tags(); ?> |
<?php comments_popup_link('0條評論', '1條評論', '% 條評論'); ?> |
<?php edit_post_link('Edit', '', ' | '); ?>
</div>
</div>
<div class="PostContent">
<?php the_excerpt('繼續閱讀 »'); ?>
</div>
<?php endwhile; ?>
<?php endif; ?>
<div id="pagenavi">
<?php previous_posts_link('« Newer Entries'); ?>
<?php next_posts_link('« Older Entries') ?>
</div>
<?php get_sidebar(); ?>
<?php get_footer(); ?>

示例

以下是一些優秀的網站的標簽頁面范例。雖然說按照標簽過濾的日志頁面不像其它頁面那樣重要,網頁設計中也常常會忽視這個頁面,但是從信息的快速檢索上來講這個頁面的功能不可小覷。它能夠幫助訪問者快速的尋找到自己想要的內容。所以一個好的網站應該在這些細節上都會有所注意。

1、SmashingMagezine

SmashingMagezine的標簽頁面非常清晰,標簽標題下方還附帶了小字號的說明文字。日志以摘要和縮略圖的方式顯示出來。

smashing-magazine.png

2、PremiumPixels

PremiumPixels的標簽日志很簡單,就一個標題,但是也很清晰。

premium-pixels.png

3、WebDesign from Scratch

和PremiumPixels一樣,WebDesign from Scratch也只是簡單的顯示一個標簽標題。

web-design-from-scratch.png

4、千鳥志

千鳥志以存檔的形式顯示出標簽過濾后的日志頁面。日志以摘要的形式顯示出來。

qian-niao-zhi.png

5、幸福收藏夾

幸福收藏夾以導航的方式讓訪問者清楚目前所處的位置。

xing-fu-shou-cang-jia.png

生活不易,碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生
------分隔線----------------------------
分享到:
------分隔線----------------------------
為碼而活
積分:4237
15粉絲
7關注
欄目熱點
關閉
程序員人生
主站蜘蛛池模板: 国产福利乳摇在线播放 | 亚洲一区二区三区精品国产 | 亚洲校园春色小说 | 亚洲免费在线视频 | 国产精品亚洲一区二区三区久久 | 黄大色黄美女精品大毛片 | 精品一区二区三区免费站 | 亚洲国产一区二区在线 | 国产免费一区二区三区免费视频 | 日本一区二区高清不卡 | 日本动漫免费看 | 中国明星freesexhd图片 | 欧美成人h版网址 | 久久亚洲国产最新网站 | 欧美一二三区视频 | 欧美日韩国产亚洲一区二区三区 | 亚洲高清视频免费 | 亚洲a成人 | 久久亚洲精品一区成人 | 免费在线视频观看 | 午夜刺激| 欧美一级在线播放 | 麻豆精品成人免费国产片 | 亚州色图欧美色图 | 国产在线视频第一页 | 日本一本高清v免费视频 | 国产亚洲欧美在线 | 欧美午夜三级 | 亚洲精品高清国产一久久 | 亚洲国产视频网站 | 久久精品国产6699国产精 | 老黄网站在线观看免费 | 欧美老师 | 久久久久这里只有精品 | 91福利视频免费观看 | 亚洲国产精品一区二区首页 | 一区二区三区在线视频播放 | 宇都宫紫苑在线观看 | 日本一区二区不卡在线 | 亚洲精品一区二区 | 国产欧美日韩第一页 |