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; /* 溢出文本使用...代替 */
    ?
    }
    
    
    資源

    李云龍語言包-301條

    2019-4-13 15:27:28

    插件

    TablePress - wordpress表格插件

    2020-3-25 14:10:48

    ??
    Npcink上的部份代碼及教程來源于互聯網,僅供網友學習交流,若您喜歡本文可附上原文鏈接隨意轉載。
    無意侵害您的權益,請發送郵件至 1355471563#qq.com 或點擊右側 私信:Muze 反饋,我們將盡快處理。
    0 條回復 A文章作者 M管理員
      暫無討論,說說你的看法吧
    ?
    個人中心
    購物車
    優惠劵
    今日簽到
    有新私信 私信列表
    搜索
    主站蜘蛛池模板: 日本精品啪啪一区二区三区| 亚洲欧洲∨国产一区二区三区| 东京热无码av一区二区| 久久精品国产免费一区| 日韩人妻精品一区二区三区视频| 欧亚精品一区三区免费| 熟妇人妻一区二区三区四区| 亚洲视频一区二区三区四区| 91一区二区三区| 国产91精品一区| 亚洲a∨无码一区二区| 久久精品国产一区二区三| 精品一区二区三区色花堂| 日韩美一区二区三区| 无码人妻AV免费一区二区三区| 狠狠爱无码一区二区三区| 中文字幕av人妻少妇一区二区| 国产成人精品一区二区秒拍| 日本丰满少妇一区二区三区| 蜜芽亚洲av无码一区二区三区| 91久久精品一区二区| 精品视频一区二区三区免费| 国产A∨国片精品一区二区| 日韩免费视频一区| 无码人妻一区二区三区av| 精品欧洲AV无码一区二区男男 | 精品国产一区二区三区香蕉| 香蕉一区二区三区观| 午夜精品一区二区三区在线视| 国内精品视频一区二区三区| 无码一区二区波多野结衣播放搜索| 久久er99热精品一区二区 | 一区二区三区福利视频| 色婷婷亚洲一区二区三区| 成人H动漫精品一区二区| 精品国产日韩亚洲一区在线| 日韩高清一区二区三区不卡| 国产成人av一区二区三区在线观看 | 无码一区二区三区中文字幕| 亚洲一区二区三区国产精华液| 精品无码一区在线观看|