- このトピックには6件の返信、2人の参加者があり、最後に
により10年、 7ヶ月前に更新されました。
-
投稿
-
-
いつもお世話になっております。
サムネイル大で一覧表示をさせているのですが、タイトルを指定した文字以上を「…」のようにするにはどうすればいいでしょうか？ ※現仕様にもある本文の抜粋のような感じです。
だいどら
-
php等でやるのが良いかと思いますが、jQueryなら、
参考: http://blazechariot.wp.xdomain.jp/simplicity%E3%82%92%E5%B0%91%E3%81%97%E6%94%B9%E9%80%A0%E3%81%97%E3%81%A6%E3%81%BF%E3%81%9F-%E7%95%AA%E5%A4%96%E7%B7%A8-part4-%E3%83%AA%E3%82%B9%E3%83%88%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB3%E5%88%97うちのサイトですけれども(笑)
こんな感じでどうでしょう。cssならtext-overflowというプロパティがあります。
-
あ、タイトルそのまんま入れてもた。
タイトルは「Simplicityを少し改造してみた 番外編 part4 リストスタイル3列で字数制限をして高さを揃える」です。 -
Hidekichiさま
いつもありがとうございます。
ＵＲＬを参考にさせていただいてjavascript.jsに追記をしましたが、だめでした。
おそらく私のやり方がだめなんだと思います・・・。
とりあえずは、高さを指定して、Over-flow hiddenでなんとなくはできました。
ありがとうございました。
だいどら
-
サンプル: 最初だけ大きいリストをcssで 画像16:9 タイトル字数まるめ | codepen
js欄でコメントの「ここから」とある部分の内容を丸ごと子テーマjavascript.jsに追記。
うちのサイトに説明あるように、var max = 36;を好きな字数に。 -
PHPでやる場合は、以下のようにタイトル出力をフックして加工すればいけるかと思います。
フィルターフックで記事タイトルを加工する方法｜WordPressテーマカスタマイズ -
Hidekichiさま、わいひらさま
新たにコメントをいただけると思わず、チェックしていませんでした。
Hidekichiさまから頂いた方法で、うまくできました。いつもありがとうございます。
わいひらさまもアドバイスありがとうございました。
今後もよろしくお願いいたします。
だいどら
-
- トピック「タイトルの抜粋表示」には新しい返信をつけることはできません。