WordPressのログイン時のツールバー

WordPress

WordPressで記事タイトルの文字数制限をするやり方

WordPressで記事タイトルの文字数制限をするやり方をメモしときます。例えば、記事の下に関連する記事リストを表示する時やサイドバーに最近の投稿リストを表示させる時なんかに役立ちそうです。レイアウト的にバラバラな記事タイトルの文字数を統一したい時って結構ありそうなので。

[ads_center]

やり方

以下のユーザー定義関数をfunctions.phpなどに記述します。

function trim_str_by_chars( $str, $len, $echo = true, $suffix = '...', $encoding = 'UTF-8' ) {
	if ( ! function_exists( 'mb_substr' ) || ! function_exists( 'mb_strlen' ) ) {
		return $str;
	}
	$len = (int)$len;
	if ( mb_strlen( $str = wp_specialchars_decode( strip_tags( $str ), ENT_QUOTES, $encoding ), $encoding ) > $len ) {
		$str = wp_specialchars( mb_substr( $str, 0, $len, $encoding ) . $suffix );
	}
	if ( $echo ) {
		echo $str;
	} else {
		return $str;
	}
}

あとは、記事タイトルを省略したいところで以下を記述すればOKです。

<?php trim_str_by_chars( get_the_title(), 10 ); ?>

上記は文字数が10文字以上の場合は「…」と省略されます。10という数字が表示される文字数となっているので、ここを変更することで自分の好きな文字数にすることができます。

WordPressのフォーラムに載っていました。とても参考になります。

他のやり方としては、mb_substrにthe_titleを入れて指定した文字数を返すというのもあります。

<?php if (strlen($post->post_title) > 30) {
echo mb_substr(the_title($before = '', $after = '', FALSE), 0, 30) . '...'; } else {
the_title();
} ?>

上記は30文字で制限されていて、それ以降は…で省略されます。シンプルで良いですね。

ということで、WordPressで記事タイトルの文字数制限をするやり方でした。

Lightroomの周辺光量調整Lightroomの周辺光量調整で画面の四隅を補正する前のページ

複数カラムをレスポンシブに対応させるjQueryプラグイン「jquery.columns」次のページ

関連記事

  1. WordPressのログイン時のツールバー

    WordPress

    WordPress投稿画面からTwitterの好きなツイートを簡単に埋め込むことができるやり方

    WordPressの投稿画面でTwitterのツイートを簡単に埋め込む…

  2. WordPress

    WordPressのContact Form 7にCAPTCHAを導入するためのプラグイン「Real…

    WordPressのお問い合わせフォーム(Contact Form 7…

  3. WordPress

    WordPressでカスタムフィールドを使って任意のコードやファイルをhead内に読み込ませる

    以前「WordPressで特定の記事やページにカスタムフィールドで指定…

  4. WordPressの管理画面が崩れた時の対処方法

    WordPress

    ローカルのWordPressをアップデートしたら管理画面が崩れていたのでその対処方法

    久しぶりにローカルのWordPressを弄っていたんですが、最新版にア…

  5. WordPress

    予約投稿をカレンダーで一覧管理できるWordPressプラグインEditorial Calendar…

    こちらの記事を見て予約投稿っていいなぁって思ったので初めて使ってみまし…

  6. WordPressでパンくずリストを設置

    WordPress

    WordPressでパンくずリストをプラグインなしで設置する簡単なやり方

    WordPressでパンくずリストをWebサイトに設置したいといった時…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

最近の記事

  1. 甘柿
  2. 冬用のふとん
  3. 田沢湖
PAGE TOP