DAWNテーマを利用しています。
ページにブログを引用していますが、タイトルのみを表示させ、本文は10文字程度、または表示なしにしたいです。
デフォルトだと、本文表示が長すぎるので、、。ノーコードでは本文表示の切り替えは選択できない認識です。
Topic summary
Dawnテーマを使用しているユーザーが、メインページに引用されるブログ記事について、タイトルのみを表示し本文を非表示または短縮したいと質問。
提案された解決方法:
-
CSSによる非表示: カスタマイズ画面のカスタムCSS項目で
.article-card__excerpt { display: none; }を入力することで本文を完全に非表示にできる -
抜粋機能の活用: テーマエディタの「ブログ記事」セクションで各記事の「抜粋」欄に短いテキスト（10文字程度）を入力することで表示内容を制御できる。複数記事を一括変更する場合は、コード編集から
article-card.liquidファイルを修正する方法もある
結果:
質問者は両方の方法を試し、今回は本文を完全に非表示にする方法を選択。将来的に10文字程度の表示が必要な場合は抜粋機能を活用予定。画像付きで具体的な手順が共有されている。
1 Like
カスタマイズ画面から編集可能です。
セクションをクリックし、サイドバーの一番下に「カスタムcss」項目があるかと思います。
なければ最新ver.にしてください。
ブログページにて各ブログ記事の本文が反映されてしまうが嫌な場合は、カスタムcssで
.article-card__excerpt {
display: none;
}
こちらを入力することで本文の表示が消え、スッキリします。
ホームページにブログセクションを追加した場合でも同じコードを入力することで本文が非表示になるのでやってみてください。
4 Likes
はじめまして
株式会社Tsunの吉谷と申します
ページにブログを引用していますが、タイトルのみを表示させ、本文は10文字程度、または表示なしにしたいです。
「ブログを引用」というのは、テーマエディタのセクション追加で「ブログ記事」を利用して、ブログを表示しているという認識であっていますでしょうか？
上記の認識があっているのであれば、
ブログ記事の「抜粋」を入力することで、表示情報を変更することが出来ます。
抜粋入力後の表示
ブログ記事の件数が多く、どうしても一括で変更したい場合
コード編集から「article-card.liquid」にアクセスし、下記スクショの箇所を修正することで、10文字で表示することが出来ます
コード修正前
コード修正後
コード修正後の表示
以上になります。
参考になりましたら幸いです。
1 Like
ありがとうございます！ご記載の通りの内容で実現できました。
1 Like
ありがとうございます！今回は本文を表示しない方法を選択しましたが、今後10文字くらいにしたい時に活用させていだきます。