2022年6月20日月曜日

09【Blogger Materiapollo】記事のリストの要約(説明文)の文字数を短くしたい

event_note6月 20, 2022

 記事のリストに表示される要約というか、ブログの内容が長すぎて、記事の中身が丸見えに。もう少し、短くしたい…。

短くする方法

変更前

記事の説明が長すぎる…。



変更後

こうしたい。

 

設定方法

設定箇所

item_summaryの値と、文字を切り取る判定部分を一部変更します。

具体的なソースは、画像のに記載。

 

 設定内容

  • ① item_summaryの値を少なくする。(表示したい文字数に。誤差はでる。)
  • ②  while~の太字の部分のようにコメントする。(※注意も参照)

 

<script type='text/javascript'>

<!-- m値を変える start -->
<!-- item_summary = 250; -->
item_summary = 40;
<!-- m値を変える end -->
 
</script>
<script type='text/javascript'>
//<![CDATA[

function removeHtmlTag(strx,chop){
    if(strx.indexOf("<")!=-1)
    {
        var s = strx.split("<");
        for(var i=0;i<s.length;i++){
            if(s[i].indexOf(">")!=-1){
                s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length); 
            }
        }
        strx =  s.join("");
    }
    chop = (chop < strx.length-1) ? chop : strx.length-2;
    /* -- m削除 start
    while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
    -- m削除 End*/
     strx = strx.substring(0,chop-1);
    return strx+'...';
}
 

注意

ただし、この方法たど&nbsp;とか&ampとかの途中で切れると、&nbとか表示されてしまう。その時は頑張って調整することにしよう。今のところ困っていないし。

補足

item_summaryで表示したい文字数にするだけだと、希望する長さできりとってくれません。

指定した文字数を超えていても、それ以降のスペースが出てくるところまでを持ってきてしまいます。

多分、英語等の表記を考慮した作りなんじゃないかな?単語が途中で切れないようにしているのかも。 

スペース入れるのとか忘れるし、ちゃんと指定したくらいの文字数のあたりにスペース入れるの面倒…。単語の途中で切れてもよいから文字数優先で切ってほしいのでこんな風に直しました。