前些天看到有些人的博客里有个标签页,把所有标签列出来,然后按标题首字母分类。当时留言问了下方法,但是并没有给我回复,所以就想自己来做一下,自己动手丰衣足食嘛。最后终于是做出来了,虽然可能别人的方法比我的简单,但总算是能够实现的一种吧,具体效果可以查看《标签页》。
已升级方法,添加了缓存,请查看:《升级版》
制作这个页面其中有一点是比较重要的,就是字符串的首字母,这个的方法我在前面已经分享过了,具体可以查看 这里。
代码
首先,把下面汉字转字母类放到 functions.php最后一个 ?> 之前
<?php /** * 汉字转拼音类 * Author: Specs * Homepage: https://9iphp.com */ class Chinese_to_PY { /** * 拼音字符转换图 * @var array */ private static $_aMaps = array( 'a'=>-20319,'ai'=>-20317,'an'=>-20304,'ang'=>-20295,'ao'=>-20292, 'ba'=>-20283,'bai'=>-20265,'ban'=>-20257,'bang'=>-20242,'bao'=>-20230,'bei'=>-20051,'ben'=>-20036,'beng'=>-20032,'bi'=>-20026,'bian'=>-20002,'biao'=>-19990,'bie'=>-19986,'bin'=>-19982,'bing'=>-19976,'bo'=>-19805,'bu'=>-19784, 'ca'=>-19775,'cai'=>-19774,'can'=>-19763,'cang'=>-19756,'cao'=>-19751,'ce'=>-19746,'ceng'=>-19741,'cha'=>-19739,'chai'=>-19728,'chan'=>-19725,'chang'=>-19715,'chao'=>-19540,'che'=>-19531,'chen'=>-19525,'cheng'=>-19515,'chi'=>-19500,'chong'=>-19484,'chou'=>-19479,'chu'=>-19467,'chuai'=>-19289,'chuan'=>-19288,'chuang'=>-19281,'chui'=>-19275,'chun'=>-19270,'chuo'=>-19263,'ci'=>-19261,'cong'=>-19249,'cou'=>-19243,'cu'=>-19242,'cuan'=>-19238,'cui'=>-19235,'cun'=>-19227,'cuo'=>-19224, 'da'=>-19218,'dai'=>-19212,'dan'=>-19038,'dang'=>-19023,'dao'=>-19018,'de'=>-19006,'deng'=>-19003,'di'=>-18996,'dian'=>-18977,'diao'=>-18961,'die'=>-18952,'ding'=>-18783,'diu'=>-18774,'dong'=>-18773,'dou'=>-18763,'du'=>-18756,'duan'=>-18741,'dui'=>-18735,'dun'=>-18731,'duo'=>-18722, 'e'=>-18710,'en'=>-18697,'er'=>-18696, 'fa'=>-18526,'fan'=>-18518,'fang'=>-18501,'fei'=>-18490,'fen'=>-18478,'feng'=>-18463,'fo'=>-18448,'fou'=>-18447,'fu'=>-18446, 'ga'=>-18239,'gai'=>-18237,'gan'=>-18231,'gang'=>-18220,'gao'=>-18211,'ge'=>-18201,'gei'=>-18184,'gen'=>-18183,'geng'=>-18181,'gong'=>-18012,'gou'=>-17997,'gu'=>-17988,'gua'=>-17970,'guai'=>-17964,'guan'=>-17961,'guang'=>-17950,'gui'=>-17947,'gun'=>-17931,'guo'=>-17928, 'ha'=>-17922,'hai'=>-17759,'han'=>-17752,'hang'=>-17733,'hao'=>-17730,'he'=>-17721,'hei'=>-17703,'hen'=>-17701,'heng'=>-17697,'hong'=>-17692,'hou'=>-17683,'hu'=>-17676,'hua'=>-17496,'huai'=>-17487,'huan'=>-17482,'huang'=>-17468,'hui'=>-17454,'hun'=>-17433,'huo'=>-17427, 'ji'=>-17417,'jia'=>-17202,'jian'=>-17185,'jiang'=>-16983,'jiao'=>-16970,'jie'=>-16942,'jin'=>-16915,'jing'=>-16733,'jiong'=>-16708,'jiu'=>-16706,'ju'=>-16689,'juan'=>-16664,'jue'=>-16657,'jun'=>-16647, 'ka'=>-16474,'kai'=>-16470,'kan'=>-16465,'kang'=>-16459,'kao'=>-16452,'ke'=>-16448,'ken'=>-16433,'keng'=>-16429,'kong'=>-16427,'kou'=>-16423,'ku'=>-16419,'kua'=>-16412,'kuai'=>-16407,'kuan'=>-16403,'kuang'=>-16401,'kui'=>-16393,'kun'=>-16220,'kuo'=>-16216, 'la'=>-16212,'lai'=>-16205,'lan'=>-16202,'lang'=>-16187,'lao'=>-16180,'le'=>-16171,'lei'=>-16169,'leng'=>-16158,'li'=>-16155,'lia'=>-15959,'lian'=>-15958,'liang'=>-15944,'liao'=>-15933,'lie'=>-15920,'lin'=>-15915,'ling'=>-15903,'liu'=>-15889,'long'=>-15878,'lou'=>-15707,'lu'=>-15701,'lv'=>-15681,'luan'=>-15667,'lue'=>-15661,'lun'=>-15659,'luo'=>-15652, 'ma'=>-15640,'mai'=>-15631,'man'=>-15625,'mang'=>-15454,'mao'=>-15448,'me'=>-15436,'mei'=>-15435,'men'=>-15419,'meng'=>-15416,'mi'=>-15408,'mian'=>-15394,'miao'=>-15385,'mie'=>-15377,'min'=>-15375,'ming'=>-15369,'miu'=>-15363,'mo'=>-15362,'mou'=>-15183,'mu'=>-15180, 'na'=>-15165,'nai'=>-15158,'nan'=>-15153,'nang'=>-15150,'nao'=>-15149,'ne'=>-15144,'nei'=>-15143,'nen'=>-15141,'neng'=>-15140,'ni'=>-15139,'nian'=>-15128,'niang'=>-15121,'niao'=>-15119,'nie'=>-15117,'nin'=>-15110,'ning'=>-15109,'niu'=>-14941,'nong'=>-14937,'nu'=>-14933,'nv'=>-14930,'nuan'=>-14929,'nue'=>-14928,'nuo'=>-14926, 'o'=>-14922,'ou'=>-14921, 'pa'=>-14914,'pai'=>-14908,'pan'=>-14902,'pang'=>-14894,'pao'=>-14889,'pei'=>-14882,'pen'=>-14873,'peng'=>-14871,'pi'=>-14857,'pian'=>-14678,'piao'=>-14674,'pie'=>-14670,'pin'=>-14668,'ping'=>-14663,'po'=>-14654,'pu'=>-14645, 'qi'=>-14630,'qia'=>-14594,'qian'=>-14429,'qiang'=>-14407,'qiao'=>-14399,'qie'=>-14384,'qin'=>-14379,'qing'=>-14368,'qiong'=>-14355,'qiu'=>-14353,'qu'=>-14345,'quan'=>-14170,'que'=>-14159,'qun'=>-14151, 'ran'=>-14149,'rang'=>-14145,'rao'=>-14140,'re'=>-14137,'ren'=>-14135,'reng'=>-14125,'ri'=>-14123,'rong'=>-14122,'rou'=>-14112,'ru'=>-14109,'ruan'=>-14099,'rui'=>-14097,'run'=>-14094,'ruo'=>-14092, 'sa'=>-14090,'sai'=>-14087,'san'=>-14083,'sang'=>-13917,'sao'=>-13914,'se'=>-13910,'sen'=>-13907,'seng'=>-13906,'sha'=>-13905,'shai'=>-13896,'shan'=>-13894,'shang'=>-13878,'shao'=>-13870,'she'=>-13859,'shen'=>-13847,'sheng'=>-13831,'shi'=>-13658,'shou'=>-13611,'shu'=>-13601,'shua'=>-13406,'shuai'=>-13404,'shuan'=>-13400,'shuang'=>-13398,'shui'=>-13395,'shun'=>-13391,'shuo'=>-13387,'si'=>-13383,'song'=>-13367,'sou'=>-13359,'su'=>-13356,'suan'=>-13343,'sui'=>-13340,'sun'=>-13329,'suo'=>-13326, 'ta'=>-13318,'tai'=>-13147,'tan'=>-13138,'tang'=>-13120,'tao'=>-13107,'te'=>-13096,'teng'=>-13095,'ti'=>-13091,'tian'=>-13076,'tiao'=>-13068,'tie'=>-13063,'ting'=>-13060,'tong'=>-12888,'tou'=>-12875,'tu'=>-12871,'tuan'=>-12860,'tui'=>-12858,'tun'=>-12852,'tuo'=>-12849, 'wa'=>-12838,'wai'=>-12831,'wan'=>-12829,'wang'=>-12812,'wei'=>-12802,'wen'=>-12607,'weng'=>-12597,'wo'=>-12594,'wu'=>-12585, 'xi'=>-12556,'xia'=>-12359,'xian'=>-12346,'xiang'=>-12320,'xiao'=>-12300,'xie'=>-12120,'xin'=>-12099,'xing'=>-12089,'xiong'=>-12074,'xiu'=>-12067,'xu'=>-12058,'xuan'=>-12039,'xue'=>-11867,'xun'=>-11861, 'ya'=>-11847,'yan'=>-11831,'yang'=>-11798,'yao'=>-11781,'ye'=>-11604,'yi'=>-11589,'yin'=>-11536,'ying'=>-11358,'yo'=>-11340,'yong'=>-11339,'you'=>-11324,'yu'=>-11303,'yuan'=>-11097,'yue'=>-11077,'yun'=>-11067, 'za'=>-11055,'zai'=>-11052,'zan'=>-11045,'zang'=>-11041,'zao'=>-11038,'ze'=>-11024,'zei'=>-11020,'zen'=>-11019,'zeng'=>-11018,'zha'=>-11014,'zhai'=>-10838,'zhan'=>-10832,'zhang'=>-10815,'zhao'=>-10800,'zhe'=>-10790,'zhen'=>-10780,'zheng'=>-10764,'zhi'=>-10587,'zhong'=>-10544,'zhou'=>-10533,'zhu'=>-10519,'zhua'=>-10331,'zhuai'=>-10329,'zhuan'=>-10328,'zhuang'=>-10322,'zhui'=>-10315,'zhun'=>-10309,'zhuo'=>-10307,'zi'=>-10296,'zong'=>-10281,'zou'=>-10274,'zu'=>-10270,'zuan'=>-10262,'zui'=>-10260,'zun'=>-10256,'zuo'=>-10254 ); /** * 将中文编码成拼音 * @param string $chinese 要转换为拼音的字符串 * @param string $sRetFormat 返回格式 [first:每个字的首字母|all:全拼音|one:字符串字母] * @return string */ public static function getPY($chinese, $sRetFormat='first'){ $sGBK = iconv('UTF-8', 'GBK', $chinese); $sUTF8 = iconv('GBK', 'UTF-8', $sGBK); if($sUTF8 != $chinese) $sGBK = $chinese; $aBuf = array(); for ($i=0, $iLoop=strlen($sGBK); $i<$iLoop; $i++) { $iChr = ord($sGBK{$i}); if ($iChr>160) $iChr = ($iChr<<8) + ord($sGBK{++$i}) - 65536; if ('first' == $sRetFormat || 'one' == $sRetFormat) $aBuf[] = substr(self::zh2py($iChr),0,1); else $aBuf[] = self::zh2py($iChr); } if ('first' === $sRetFormat) return implode('', $aBuf); elseif('one' == $sRetFormat) return $aBuf[0]; else return implode(' ', $aBuf); } /** * 中文转换到拼音(每次处理一个字符) * @param number $iWORD 待处理字符双字节 * @return string 拼音 */ private static function zh2py($iWORD) { if($iWORD>0 && $iWORD<160 ) { return chr($iWORD); } elseif ($iWORD<-20319||$iWORD>-10247) { return ''; } else { foreach (self::$_aMaps as $py => $code) { if($code > $iWORD) break; $result = $py; } return $result; } } }
接着就是获取所有标签生成标签页的代码:
/** * 根据标题首字母制作标签页面 * Author:Specs * Blog:https://9iphp.com/ */ /** * 9IPHP <Get all tags> in the theme. * 标签页面 */ function specs_show_tags() { global $wpdb; $query = "SELECT $wpdb->terms.term_id, name FROM $wpdb->terms "; $query .= " LEFT JOIN $wpdb->term_taxonomy ON $wpdb->term_taxonomy.term_id = $wpdb->terms.term_id "; $query .= " WHERE $wpdb->term_taxonomy.taxonomy = 'post_tag' "; $query .= " ORDER BY term_id asc"; //echo $query; $categories = $wpdb->get_results($query); $r = array(); foreach($categoryies as $v){ for($i = 65; $i <= 90; $i++){ if(strtoupper(Chinese_to_PY::getPY($v->name,'one')) == chr($i)){ $r[chr($i)][] = $v; } } for($i=48;$i<=57;$i++){ if(strtoupper(Chinese_to_PY::getPY($v->name,'one')) == chr($i)){ $r[chr($i)][] = $v; } } } ksort($r); //print_r($r); echo "<ul class='list-inline' id='tag_letter'>"; for($i=65;$i<=90;$i++){ echo "<li><a href='#".chr($i)."'>".chr($i)."</a></li>"; } for($i=48;$i<=57;$i++){ echo "<li><a href='#".chr($i)."'>".chr($i)."</a></li>"; } echo "</ul>"; echo "<ul id='all_tags' class='list-unstyled'>"; for($i=65;$i<=90;$i++){ $tagi = $r[chr($i)]; if(is_array($tagi)){ echo "<li id='".chr($i)."'><h4 class='tag_name'>".chr($i)."</h4>"; foreach($tagi as $tag){ echo "<a href='".get_tag_link($tag->term_id)."'>".$tag->name."(".specs_post_count_by_tag($tag->term_id).")</a>"; } } } for($i=48;$i<=57;$i++){ $tagi = $r[chr($i)]; if(is_array($tagi)){ echo "<li id='".chr($i)."'><h4 class='tag_name'>".chr($i)."</h4>"; foreach($tagi as $tag){ echo "<a href='".get_tag_link($tag->term_id)."'>".$tag->name."(".specs_post_count_by_tag($tag->term_id).")</a>"; } } } echo "</ul>"; } /** * 9IPHP <Get post count by tag term_id> in the theme. * 根据标签ID活动标签文章数 */ function specs_post_count_by_tag ( $arg ,$type = 'include'){ $args=array( $type => $arg, ); $tags = get_tags($args); if ($tags) { foreach ($tags as $tag) { return $tag->count; } } }
然后复制一份 page.php
文件,把其中 <?php the_content(); ?>
部分换成 <?php specs_show_tags(); ?>
,并把 Template Name
名字替换为“标签页面”,然后在后台新建一个页面,模板选择“标签页面”,保存即可。
2014.07.08:更新了版本,对数据进行了缓存,并修改了一些其他方面,请查看《制作一个按标签首字母分类的Wordpress标签页(升级版)》。
2015.05.06:替换了原来的汉字转字母方法。
cy 2014/05/18 15:01
。。
Specs 2014/05/18 21:56
@ 额~~
灰常记忆 2014/05/30 02:18
俄 不折腾
Specs 2014/05/30 09:59
@ 没事了瞎折腾折腾~~
灰常记忆 2014/06/03 01:08
@ 先把自己养活 再折腾
feiyang 2014/08/06 09:30
不行啊~~ 弄后 后台变空白了
Specs 2014/08/06 09:31
@ 啊?你选择了模版吗
Specs 2014/08/06 10:20
@ 后台变空白的话,应该是代码有问题,看看是不是少复制了什么符号之类的~
feiyang 2014/08/06 17:17
@ 检查了 没有少复制啊~结合了升级版也不行郁闷了 这个效果找了很久呢~ 在你这找到了..
Specs 2014/08/06 17:22
@ 把这一篇的specs_getfirstchar,specs_pinyin两个函数,以及升级版里的代码拷贝到 functions.php 里,然后按这一篇最后那里写的复制文件,新建页面,是这个步骤吗
feiyang 2014/08/06 17:24
@ 是这个步骤,复制代码到functions.php里面就空白了,然后最后一步就没弄
Specs 2014/08/06 17:26
@ 是所有页面都打不开了?
feiyang 2014/08/06 17:33
@ 我打开后台的都是空白的,前台页面 没看
Specs 2014/08/06 17:36
@ 没有给任何错误信息吗?
feiyang 2014/08/06 17:36
@ 没有~ 有就好办了
Specs 2014/08/06 17:46
@ 我刚才测试了下,specs_post_count_by_tag,specs_getfirstchar,specs_pinyin 需要这三个函数,以及升级版里的代码,你只要这些代码放进去,不会出现问题的。你是不是粘贴到 functions.php 的位置出错了?
feiyang 2014/08/06 17:51
@ 不行~ 刚才函数没保存成功,保存好之后 还是空白。可能是代码冲突?崩溃了 ~~
Specs 2014/08/06 17:54
@ 你把代码放到 functions.php 里 最后的 ?> 前面,不行的话你加 281670536 群,把functions.php 文件发来我给你看看,我测试是没问题的
feiyang 2014/08/06 17:58
@ 是放在前面啊~ 谢谢你啊~下班了,回家再看看
电脑爱好者 2014/08/06 13:47
效果很棒!!
Specs 2014/08/06 17:47
@ 样式可能不是很好看,但功能是实现了~~
任漂零 2014/10/09 22:40
博主,测试了下,查看源码感觉是不是标签文字列表里面少了个结尾的标签。另外博主,想弄成你这样的tags页,要去掉数字怎么弄?整个页面CSS需要自己定义吗?
Specs 2014/10/10 10:42
@ 少了结尾标签是什么意思?CSS要自己定义下~,数字的你把函数里的 for($i=48;$i<=57;$i++) 这段代码去了就行
任漂零 2014/10/10 19:41
@ for($i=48;$i<=57;$i++),这代码有三句,逐句删除了测试,前台显示还有数字的。博主怎么弄?
Specs 2014/10/10 21:19
@ 所有这个的代码块都删了,记得把中括号 { *** } 这些都删了
任漂零 2014/10/11 00:12
@ 搞定,css也弄好了,感谢。我知道刚开始删除对了前台显示不出来是是因为有缓存的问题,隔断时间刷新就OK了。
晕菜 2017/11/02 10:10
我的网站作者比较多,我想做一个按作者首字母的排序,不知要怎么做才好,能帮个忙不?
Specs 2017/11/25 09:39
@ 一样的吧,用取首字母的方法
老虎 2018/10/12 00:38
呃,确实很多字都没办法正确的显示。上面说的“谢”就不说了,还有“皤”啊,“溧”啊……我觉得应该是因为GBK转UTF-8的问题吧。