![](https://i0.wp.com/nekolicense.com/wp-content/themes/cocoon-master/images/woman.png?w=1120&ssl=1)
スニペットとは何ですか?
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
スニペットは、本文中の文字を抜粋して一部表示できます。設定するとこんな感じです。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2023/04/20230401_070229.jpg?resize=259%2C300&ssl=1)
ブログトップのインデックス記事と、
本文の下側に表示される関連記事に、
本文中の文字(スニペット)が表示されると、記事の内容が分かりやすいですよね。
表示する文字数も設定できるので、便利ですよ。
設定は、設定画面を開いてチェックを入れるだけなので簡単。
今回は、インデックス記事と関連記事に、スニペット(抜粋)を表示する方法を紹介します。
- ブログトップページの記事に、スニペットを表示したい人
- 関連記事に、スニペットを表示したい人
本文中の文字 スニペット(抜粋)を一部表示する方法
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
順番に説明しますね。
どちらかだけの人は、個別に見てください。
- インデックス記事の設定
インデックス記事にスニペットを表示する方法
ワードプレスのダッシュボード画面から、「Cocoon設定」→「Cocoon設定」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/01/sketch-1643244846857.jpg?resize=568%2C733&ssl=1)
上側のメニューにある、「インデックス」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/01/sketch-1643172532731.jpg?resize=704%2C240&ssl=1)
「投稿関連情報の表示」にある、「スニペット(抜粋)の表示」に✓を入れます。
スマホでも表示したい場合は、「スマホ端末でスニペットを表示」に✓を入れます。
表示する文字数の設定は、「自動生成抜粋文字数」の数値を変えるとできます。
最大500文字まで表示可能です。
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
50文字くらいが見やすいと思います。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/01/sketch-1643174082875.jpg?resize=572%2C504&ssl=1)
画面上下にあるどちらかの「変更をまとめて保存」をクリックします。
![ナナ](https://i0.wp.com/nekolicense.com/wp-content/uploads/2021/12/20211110_071019-1.jpg?w=1120&ssl=1)
これでインデックス記事に、スニペット(抜粋)が表示されるようになりました。
次は、関連記事も同じように設定します。
関連記事にスニペット(抜粋)を表示する方法
次は関連記事に、抜粋を表示する方法を説明します。
- 関連記事の設定
Cocoon設定の画面にある、「投稿」をクリックします。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/01/sketch-1643172650850.jpg?resize=682%2C233&ssl=1)
投稿関連情報の表示にある、「スニペット(抜粋)の表示」に✓を入れます。
スマホでも表示させたい場合は、「スマホ端末でスニペットを表示」に✓を入れます。
表示する文字数の設定は、「最大自動生成抜粋文字数」の数値を変えます。
最大500文字まで表示可能。
![](https://i0.wp.com/nekolicense.com/wp-content/uploads/2022/01/sketch-1643174055722.jpg?resize=574%2C408&ssl=1)
画面上下にあるどちらかの「変更をまとめて保存」をクリックします。
これで関連記事に抜粋が表示されるようになります。
まとめ
今回は、インデックス記事と関連記事に、スニペット(抜粋)を表示する方法を紹介しました。
スぺニットが表示されると、タイトルだけでは分かりにくい、記事の内容が表示されるようになります。
かんたんに設定できるので、今回の記事を参考に表示してみて下さいね。