賢威7のサイドバーの PV数ランキングの文字数を制限するカスタマイズ

内容一覧

1 賢威7のサイドバーのPV数ランキングの表示
2 賢威7のサイドバーのPV数ランキングのタイトル文字数を決めるカスタマイズ
3 サイドバーのタイトル文字数を好きな文字数に変更するカスタマイズ

こんにちわ！ひでゆきです^^(dehichan0728)

今日は賢威7のサイドバーでPV数ランキング表示の機能に「文字数制限」をかけて

タイトルが長い場合は「…」に統一するカスタマイズを紹介します。

「…」で統一することでタイトルが長い場合でもデザイン崩れを防ぐことができます！

テーマの編集をするときはバックアップを取りましょう！

間違えて変更をしてサイトが真っ白になるということはよくあることです。

すぐに復元できるようにバックアップを取っておくことをオススメします。

賢威7のサイドバーのPV数ランキングの表示

賢威7では人気記事のPV数の集計をプラグインを使わないでもいいようになっています。

ダッシュボード「外観」→「ウィジェット」

WordPressプラグイン「WordPress Popular Posts」と同じような感じです。

どんなにタイトルが長くても表示されます。

タイトルが切れないこともいいですが、長さが違うのでデザインが崩れてしまいますね。

気になる方は気になるでしょう。笑

気になる方は好きな文字数で「…」にする今回のカスタマイズをやってみてください^^

賢威7のサイドバーのPV数ランキングのタイトル文字数を決めるカスタマイズ

ダッシュボード「外観」→「テーマの編集」で以下のHTMLコードを探しましょう。

if (mb_strlen($content) > 80)  $content = mb_substr($content,0,80)."...";

1	if (mb_strlen($content) > 80) $content = mb_substr($content,0,80)."...";

単語検索機能を使うと便利です。

「Ctrl+F」で対象のHTMLコードの頭文字を入力すると探せます。

HTMLコードを探すことができたら次のコードに書き換えます。

if (mb_strlen($content) > 80)  $content = mb_substr($content,0,80)."...";
if (mb_strlen($val['post_title']) > 10) $val['post_title'] = mb_substr($val['post_title'],0,10)."...";

1 2	if (mb_strlen($content) > 80) $content = mb_substr($content,0,80)."..."; if (mb_strlen($val['post_title']) > 10) $val['post_title'] = mb_substr($val['post_title'],0,10)."...";

変更してほぞんして確認してください。

タイトルが10文字で「…」と切れているのがわかります。

10文字というのもHTMLコードの赤字の部分を変更することで変わります。

if (mb_strlen($content) > 80) $content = mb_substr($content,0,80).”…”;
if (mb_strlen($val[‘post_title’]) > 10) $val[‘post_title’] = mb_substr($val[‘post_title’],0,10).”…”;