WordPressやSymfonyのTipsを中心にアニメや日常の出来事について語ります。
メニュー

【WordPress】記事タイトルの改行タグを探して2行目の末尾に「・・・」を付けるテクニック

この記事は約37秒で読めます

記事タイトルで指定した文字を超えた場合「・・・」と表示する(改行タグ制限)
ゆっきー
ども、カフェブロガーの悠木です。 お気に入りのカフェはドトールコーヒーです。 14時からの限定スイーツ「シューシャポー」が大好きです。

【WordPress】記事タイトルで指定した文字を超えた場合「・・・」と表示するテクニックの続きです。
記事タイトルに改行タグ<br>を付けて改行を表現したい場合です。

これも何回も改行されてしまうと表示が崩れる恐れがあります。
なので、改行タグを探して末尾に「・・・」を付けるテクニックをご紹介します。

記事タイトルの表示ルールについて

  1. 改行タグが2つ以上検出されたら、先頭から2つ目の改行タグまでの文字を切り出します。
  2. 文字列が31文字以上だった場合は先頭から30文字まで切り出して「・・・」を追記します。
  3. 30文字以下で2つ目の改行タグまで文字列を切り出した場合も「・・・」を追記します。

こんな感じにしたいと思います。

実際のソース

こんな感じで改行タグや文字数を指定して記事タイトルの切り出しが行えます。
記事タイトルだけでなく色々応用できるので試してみてください!

関連記事

  1. snap_error
  2. ランダムでサムネイル表示
  3. ワードプレス Browser Shots rel nofollow
  4. 段落、改行タグの正しい使い方
  5. WordPress Popular Postsの使い方
  6. 青白く光るフレア

コメントをお待ちしております

PR

カテゴリー