サイト内検索
ブログカードのタイトルを32文字で制御したい | CSSカスタマイズ相談 | Cocoon フォーラム

Topic starter2020年1月24日 11:53
いつも大変お世話になっております。
【カスタマイズ相談内容】
ブログカードで50~60文字のタイトル全て表示すると特にスマホでうるさい感じを与えてしまうので、32文字で制御し残りは・・・みたいなものにできますでしょうか?
【相談背景】
私が運営しているサイトはタイトルが50-60文字のものが多いです。Google的には32文字までなのはわかっていますが、自分なりにABテストをした結果、検索結果には32文字程度しか表示されなかったり、長いタイトルが短縮されて置き換わったりするものの、検索結果から記事をクリックしてもらった後は、50-60文字のほうがむしろスクロールして本文を読んでくれる傾向にあります。
※前半32文字までに見せたいものを詰め込んでいます
とはいえ、ブログカードにタイトル全てが表示されてしまうとうるささが出てしまうので32文字とかで制御したいなと思っている次第です。
2020年1月24日 20:11
まずは、以下のファイルでアップデートします。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
その後子テーマのfunctions.phpに以下を追記すればできるかと思います。
//内部・外部ブログカードのタイトルを32文字で切り出し add_filter('cocoon_blogcard_title', function ($title){ if (mb_strlen($title) > 32) { $title = mb_substr($title, 0, 32).'...'; } return $title; });
Topic starter2020年1月24日 20:28
@yhiraさん
ありがとうございます。早速試してみたのですが以前の表示のままです。
shift+F5を押してみても表示が変わりません。
https://sakurabashi.dental/test/2020/01/22/test/
2020年1月24日 21:16
前回の返信の案内にあるように、テーマをGitHubからダウンロードしてFTPでアップデートしましたか?
アップデートしているならバージョンは2.0.6.1にならはずなんですが。
https://sakurabashi.dental/test/wp-content/themes/cocoon-master/style.css
Topic starter2020年1月24日 21:55
@yhiraさん
大変申し訳ございません。FTPでのアップロードが途中で止まっていたようで、再度アップロードしたら意図したような表示になりました。
ありがとうございました。
わいひら 件のいいね!
2020年1月25日 12:22
うまくいったようでよかったです 🙂