WordPress自動截取文章標題字數的4種方法

    控制博文標題顯示字數

    話說在制作WordPress主題的時候,我們通常要截取固定字數的文章標題,以保證主題樣式的某些需求。

    牧澤使用的例子:

    display: block;

    讓a標簽變成塊

    PHP:

    <a  href="<?php echo get_permalink( $prev_post->ID ); ?>">
    						上一篇: <br><?php echo $prev_post->post_title; ?>
    					</a>
    

    CSS:

    /*控制標題顯示*/
    .post-PrevNext a{
    	display: block;
    	width:auto; /* 限制寬度(可選) */
    	white-space:nowrap; /* 禁止自動換行 */
    	overflow:hidden; /* 隱藏溢出的內容 */
    	text-overflow:ellipsis; /* 溢出文本使用...代替 */
    	padding: 1em 2em 1em 2em;
    }
    

    來源于:

    https://www.wpdaxue.com/wordpress-title-cut-function.html

    WordPress自動截取文章標題字數的4種方法

    下面,倡萌就和大家分享下WordPress自動截取文章標題字數的4種方法。

    使用wp_trim_words()截取

    WordPress 3.3 新增了一個?wp_trim_words()?函數,專門用來截取限定字數的內容,比如文章、摘要、標題等,使用方法請看:https://www.wpdaxue.com/wp_trim_words.html

    通過原生函數截取

    將下面的代碼添加到主題的 functions.php 文件:

    function customTitle($limit) {$title = get_the_title($post->ID);if(strlen($title) > $limit) {$title = substr($title, 0, $limit) . '...';}
    ?
        echo $title;
    }
    
    

    然后在輸出文章標題的地方,使用下面的代碼:

    <?php customTitle(30); ?>
    

    注:30為標題字數,請根據自己的需求修改。如果標題字數小于30,就顯示完整標題;如果字數大于30,就截取30個字符,末尾自定添加…

    通過自定義函數截取

    //標題截斷
    function cut_str($src_str,$cut_length){$return_str='';$i=0;$n=0;$str_length=strlen($src_str);
    		while (($n<$cut_length) && ($i<=$str_length))
    		{$tmp_str=substr($src_str,$i,1);$ascnum=ord($tmp_str);
    		if ($ascnum>=224){$return_str=$return_str.substr($src_str,$i,3); $i=$i+3; $n=$n+2;}elseif ($ascnum>=192){$return_str=$return_str.substr($src_str,$i,2);$i=$i+2;$n=$n+2;}elseif ($ascnum>=65 && $ascnum<=90){$return_str=$return_str.substr($src_str,$i,1);$i=$i+1;$n=$n+2;}else {$return_str=$return_str.substr($src_str,$i,1);$i=$i+1;$n=$n+1;}}if ($i<$str_length){$return_str = $return_str . '...';}if (get_post_status() == 'private'){ $return_str = $return_str . '(private)';}return $return_str;};
    

    將上面的代碼添加到主題的 functions.php 最后一個 ?> 的前面,然后在需要調用的地方添加下面的代碼即可:

    <?php echo cut_str($post->post_title,80); ?>
    

    可以修改上面的數字來設定長度。

    通過CSS來“截取”

    嚴格來說,這不是截取,而是隱藏了溢出的字符。對標題所在的選擇器 id 或 class 添加下面的樣式:

    .post-title{
    ?
    width:250px; /* 限制寬度(可選) */
    ?
    white-space:nowrap; /* 禁止自動換行 */
    ?
    overflow:hidden; /* 隱藏溢出的內容 */
    ?
    text-overflow:ellipsis; /* 溢出文本使用...代替 */
    ?
    }
    
    

    給TA贊賞
    共{{data.count}}人
    人已贊賞
    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    ?
    購物車
    優惠劵
    搜索
    主站蜘蛛池模板: 亚洲高清偷拍一区二区三区| 91国在线啪精品一区| 亚洲一区二区三区国产精品无码| 中文字幕一区二区人妻| 国产精品分类视频分类一区| 国产av一区二区精品久久凹凸| 久久久精品人妻一区二区三区 | 亚洲天堂一区在线| 一区二区精品视频| 日本免费一区二区三区最新| 中文字幕精品一区二区日本| 亚洲日韩精品一区二区三区无码| 波多野结衣在线观看一区| 色婷婷香蕉在线一区二区| 人妻无码第一区二区三区| 久久精品一区二区| 夜夜嗨AV一区二区三区| 久夜色精品国产一区二区三区| 国产伦理一区二区三区| 国产精品一区二区资源| 精品久久久中文字幕一区 | 韩日午夜在线资源一区二区| 精品无码综合一区| 国产午夜精品一区二区三区小说| 精品一区二区三区高清免费观看| 波多野结衣一区二区三区高清av| 国产aⅴ精品一区二区三区久久| 国产精品福利一区| 国产福利一区二区在线视频 | av在线亚洲欧洲日产一区二区| 日本免费精品一区二区三区| 视频一区二区精品的福利| 亚洲av片一区二区三区| 久久精品国产一区二区三区日韩| 日本不卡一区二区三区视频| 制服丝袜一区在线| 日本精品视频一区二区三区| 久久精品无码一区二区日韩AV| 无码欧精品亚洲日韩一区| 久久精品免费一区二区| 无码一区二区三区亚洲人妻|