WordPress éšæœºå½©è‰²æ ‡ç¾çš„实现方法
在 WordPress åšå®¢ç³»ç»Ÿä¸ï¼Œä½¿ç”¨æ ‡ç¾ç»„ç»‡å½’ç±»æ–‡ç« æ˜¯æžä¸ºæœ‰æ•ˆçš„æ–¹å¼ã€‚ä¸ºäº†ç»™äºˆç”¨æˆ·å¼ºå¤§çš„è§†è§‰å†²å‡»åŠ›ï¼Œå¼ºè°ƒæ ‡ç¾çš„é‡è¦æ€§æ˜¯ WordPress 主题设计的一个基本è¦ç´ 。这个自我感觉还ä¸é”™çš„æ•ˆæžœä¹‹å‰ä¹Ÿæœ‰è¯»è€…询问过,现在åšä¸ª WordPress éšæœºå½©è‰²æ ‡ç¾çš„实现方法的分享。
按照笨猫首页现在的实现方å¼ï¼Œéšæœºå½©è‰²å…¶å®žå¾ˆå®¹æ˜“ã€‚å…ˆæ¥æŒ‰ç…§å¸¸ç†è¾“å‡ºæ ‡ç¾åˆ—表的代ç :
<?php wp_tag_cloud(); ?>
å¦‚æžœä¸ºæ ‡ç¾æ·»åŠ èƒŒæ™¯è‰²ï¼Œå°±éœ€è¦ä¸ºæ¯ä¸ªæ ‡ç¾å…ƒç´ 设置 CSS ç±»æ¥å®šä¹‰å…¶æ ·å¼ã€‚
é¦–å…ˆï¼Œä½¿ç”¨èŽ·å–æ ‡ç¾åˆ—表对象:
$tags = get_the_tags();
ç„¶åŽï¼Œä½¿ç”¨ foreach 函数éåŽ†æ ‡ç¾åˆ—è¡¨ï¼Œå¾ªçŽ¯è¾“å‡ºæ ‡ç¾å称和链接地å€ç‰ä¿¡æ¯ï¼Œä»£ç 如下:
foreach($tags as $tag) echo '<a href="'.get_tag_link($tag -> term_id).'">'.$tag -> name.'</a>'; ?>
å®Œæ•´çš„éšæœºèƒŒæ™¯é¢œè‰²ä»£ç 为:
<?php $tags = get_the_tags(); foreach($tags as $tag) echo ' <li><a href="'.get_tag_link($tag -> term_id).'">'.$tag -> name.'</a></li>'; ?>
注æ„到其ä¸çš„ rand(1, 5) å‡½æ•°äº§ç”Ÿæ•°å— 1~5,则æ¯ä¸€ä¸ªæ ‡ç¾çš„æ ‡è®°å¯ä»¥ä½¿ç”¨è¯¸å¦‚ tag-1 çš„æ ·å¼ã€‚
最åŽé€šè¿‡ CSS 定义 tag-1 至 tag-5 五个ä¸åŒèƒŒæ™¯é¢œè‰²çš„æ ·å¼å³å¯ï¼š
.tag-1{background:red;}
.tag-2{background:blue;}
...
.tag-5{background:green;}
å½“ç„¶ï¼Œå¦‚æžœä½ ä¸æƒ³è¾“出太多颜色é™åˆ¶ï¼Œè¿˜æœ‰ä¸€ä¸ªè¾“å‡ºéšæœºèƒŒæ™¯è‰²çš„æ–¹æ³•:
<?php echo '<li style="background:rgb(255,0,0);">笨猫 - www.benmao.com</li>'; ?>
实现的方法其实是和第一ç§ä¸€è‡´çš„,有兴趣å¯ä»¥å°è¯•第二ç§ã€‚






最新评论