![](https://starting-marketing.com/wp-content/uploads/2021/11/domenico-loia-0m-eVEm7mfo-unsplash-1024x683.jpg)
この記事ではCocoon設定の【投稿】のタブについて解説していきます。
ここでは「投稿ページ」に関する設定を行います。
主に投稿記事の下に表示されるものについての設定です。
この項目については、最初のうちは基本的にデフォルトのままでOKです。
今後、運用していくと変更したくなると思いますので、こだわりが出てきたら触ってみましょう。
カテゴリ・タグ表示設定
![](https://starting-marketing.com/wp-content/uploads/2021/11/6f5da31dff19dc02d092eb9ab3728048.jpg)
カテゴリ・タグ表示
![](https://starting-marketing.com/wp-content/uploads/2021/11/1200cde748b423b016d0a4ac4a4cb713.jpg)
まず【カテゴリ・タグ表示】という項目は、投稿ページ内にカテゴリ名とタグ名をどのように表示するかを設定します。
- カテゴリ・タグ2列 (これは縦並びになります)
- カテゴリ・タグ1列 (これは横並びになります)
- カテゴリのみ表示
- タグのみの表示
- カテゴリもタグも表示しない
この中から選ぶことができます。
![](https://starting-marketing.com/wp-content/uploads/2021/11/bcae1cf464f3b11f7af3be46e0973540.jpg)
カテゴリ・タグ表示位置
![](https://starting-marketing.com/wp-content/uploads/2021/11/b66436049f8f55c5ba774bcf9db2c50d.jpg)
【カテゴリ・タグ表示位置】は投稿ページ内のどこに表示させるかを設定します。
- タイトル上
- 本文上
- 本文下(デフォルト)
この3つから選ぶことができます。
![](https://starting-marketing.com/wp-content/uploads/2021/11/6d46acb33aff4314747b533b5be2f11b.jpg)
![](https://starting-marketing.com/wp-content/uploads/2021/11/22837f4d310b0d62ff1bc03aea9140d8.jpg)
関連記事設定
次に【関連記事設定】です。
投稿した記事に関連した他の記事をどのように表示させるかを設定します。
![](https://starting-marketing.com/wp-content/uploads/2021/11/image-10.png)
プレビュー
![](https://starting-marketing.com/wp-content/uploads/2021/11/617929e83a3a0301959f8d0fb72b7e44.jpg)
【プレビュー】では、現状の関連記事表記を確認することができます。
プレビューを表示させる場合は、この下の【表示】の項目で設定を有効にする必要があります。
表示
![](https://starting-marketing.com/wp-content/uploads/2021/11/1da896562a0805f26877f39ff84644bf.jpg)
【表示】は関連記事を表示させるかどうかの設定です。表示させたくない場合は、こちらの「関連記事を表示する」のチェックを外しましょう。
関連性
![](https://starting-marketing.com/wp-content/uploads/2021/11/52937d74562a7ca845d44f0a934c1fe9.jpg)
【関連性】は、今開いている記事に対してどのような関連性のある記事を表示させるかを決めます。
カテゴリとタグの2種類から選べます。
関連記事見出し
![](https://starting-marketing.com/wp-content/uploads/2021/11/4fb68d7596f9c1f30665a87fd5f5c5e1.jpg)
【関連記事見出し】は関連記事一覧に対するタイトル表示になります。
デフォルトでは、見出しが「関連記事」となっていて「サブ見出し」は空欄になっています。
今回は参考としてサブ見出しに『ライティング』と記載してみます。
![](https://starting-marketing.com/wp-content/uploads/2021/11/903db7287028d22997568049de8009f1.jpg)
表示タイプ
![](https://starting-marketing.com/wp-content/uploads/2021/11/ce7efba07ea4d7e2b05785d79e422f5b.jpg)
【表示タイプ】は、関連記事の画像をどのように表示するかを決めます。
- エントリーカード
- ミニカード
- 縦型カード3列
- 縦型カード4列
- AdSense関連コンテンツユニット
の5種類から選ぶことができます。
※AdSense関連コンテンツユニットというのは、アドセンスに登録していて、かつ「関連コンテンツユニット」の表示許可が認定されれば関連記事の中に広告を表示することができるようになるものです。
ここは実際にアドセンスに登録して許可が降りるようになってから設定してみましょう。
この表示タイプは推奨される表示数がありますので、その都度保存してプレビューで確認しながら決めましょう。
表示数
![](https://starting-marketing.com/wp-content/uploads/2021/11/d4ba3950214dd51c2fb304a9e4e47dfd.jpg)
【表示数】の項目は、本文下にどれだけの数の関連記事を表示させるかを設定します。
取得期間
![](https://starting-marketing.com/wp-content/uploads/2021/11/7821dcb2d1d1d1806c2ea1a96a50e980.jpg)
【取得期間】については、表示させる記事を投稿した時期で絞りこむことができます。
例えば、1週間にすると1週間以内に投稿された記事のみ表示され、1週間以上前に投稿された記事に関しては表示されなくなります。
記事が莫大な数にならない限りは「全期間」で問題ありません。
枠線の表示
![](https://starting-marketing.com/wp-content/uploads/2021/11/a7a5668325996c607430da636e3eedf5.jpg)
【枠線の表示】は、関連記事のカード、つまり関連記事の画像に枠線を表示させるかの設定になります。
そこまで見た目が大きく変化するわけではありませんので、ここはどちらでもOKです。
・枠線OFF
![](https://starting-marketing.com/wp-content/uploads/2021/11/c19da822b5aa0d21e0a0c347fad52dd4.jpg)
・枠線ON
![](https://starting-marketing.com/wp-content/uploads/2021/11/8501a696a0a698be230821bda342a570.jpg)
最大自動生成抜粋文字数
![](https://starting-marketing.com/wp-content/uploads/2021/11/ad7980ca595fe7f6741e83355bbfa216-1024x80.jpg)
【最大自動生成抜粋文字数】というは、関連記事の内容を一部抜粋して表示する際に何文字まで表示させるかの設定を行います。
ここでは最小が「0」で最大が「500」になっています。
![](https://starting-marketing.com/wp-content/uploads/2021/11/c19da822b5aa0d21e0a0c347fad52dd4-1.jpg)
投稿関連情報の表示
![](https://starting-marketing.com/wp-content/uploads/2021/11/95225ea50976c2b1ff25268a145307ff.jpg)
【投稿関連情報の表示】は、関連記事に関するどのような情報を表示させるかを設定します。
一番上の「スニペット(抜粋)の表示」のチェックを外すと、先ほど上で設定した「最大自動生成抜粋文字数」の設定は無効になります。
ちなみにここで「投稿日の表示」と「更新日の表示」の両方にチェックを入れると表示がバグる可能性がありますので注意してください。
全てにチェックを入れるとかなりゴチャゴチャしますので、逆に全てのチェックを外した方がユーザーにとっては見やすいという可能性もあります。
![](https://starting-marketing.com/wp-content/uploads/2021/11/b6b13c11bd8d373f999361fa2e3df3fe.jpg)
ページ送りナビ設定
![](https://starting-marketing.com/wp-content/uploads/2021/11/image-11.png)
続いて【ページ送りナビ設定の項目】になります。
これは今見ている投稿記事から、以前の投稿記事へ移動したり次に投稿された記事へ移動する際のナビゲーション設定になります。
続きものの文章を書いた記事や、関連性が非常に高い記事をいくつものページに分けて書いている場合は利用しましょう。
プレビュー
![](https://starting-marketing.com/wp-content/uploads/2021/11/a616d44c710a237285f857e8cd960a52.jpg)
まず【プレビュー】では、現在のページ送りナビ表示がどのようになっているかを確認することができます。
この下の「表示」という項目で、ページ送りナビの表示を有効にしないと表示されません。
表示
![](https://starting-marketing.com/wp-content/uploads/2021/11/191be5cb1f80cae45600acddfabb22ca.jpg)
【表示】という項目の「ページ送りナビを表示する」にチェックを入れておくと、ページ送りを促すボタンが表示されるようになります。
また、チェックを入れるとプレビュー画面で確認できるようになります。
次の記事も続けて読んでほしいという場合は、読者を誘導するためにも設置しておきましょう。
表示タイプ
![](https://starting-marketing.com/wp-content/uploads/2021/11/c2ef6eb485bec7f2837f4e844b5385c5.jpg)
【表示タイプ】ではページ送りナビのボタンの見た目を変更します。
「デフォルト」では、記事のアイキャッチ画像がアップロードされた状態のままボタンとして表示されて、「サムネイル正方形」にするとアイキャッチ画像が正方形になって表示されるようになります。
表示位置
![](https://starting-marketing.com/wp-content/uploads/2021/11/fd5577bb5c5c2d03b592259b23821317.jpg)
【表示位置】は、ページ送りナビのボタンをどの位置に設置するかです。
- 本文下
- 関連記事上
- 関連記事下
- コメント下
の4つから選べます。
![](https://starting-marketing.com/wp-content/uploads/2021/11/image-12.jpg)
カテゴリー
![](https://starting-marketing.com/wp-content/uploads/2021/11/1343c79280fcbfada4aa7c9b7c1bc6af.jpg)
【カテゴリー】の項目は、表示している投稿と同じカテゴリにある記事をページ送りナビとして表示させるかの設定です。
「同一カテゴリーのものを表示する」にチェックを入れると同じカテゴリーの記事が表示されるようになります。
いくつものカテゴリに設定している場合はその数だけ表示されます。
その際に表示させたくないカテゴリーを、下の「除外カテゴリー」から設定することが可能です。
枠線表示
![](https://starting-marketing.com/wp-content/uploads/2021/11/7621953c5bd872d723fea6c3cce0ee1b.jpg)
【枠線表示】はページ送りナビのボタンに枠線をつけるかを設定します。
・枠線なし
![](https://starting-marketing.com/wp-content/uploads/2021/11/a697b6ab9a42c70385085fcbc5ecfa3c.jpg)
![](https://starting-marketing.com/wp-content/uploads/2021/11/96dae04ec5d15f93d0d6a025794b128a.jpg)
・枠線あり
![](https://starting-marketing.com/wp-content/uploads/2021/11/c72349e6ef3d228e25865e0a9ae2ed4e.jpg)
![](https://starting-marketing.com/wp-content/uploads/2021/11/daef5365c957a47bcb21272cadb18aa7.jpg)
コメント設定
では、次に【コメント設定】の項目へ行きます。
コメント設定では、読者から寄せられたコメントを表示するかどうかの設定を行います。
![](https://starting-marketing.com/wp-content/uploads/2021/11/aca77a07e9cccd239d1f0a10f1654683.jpg)
表示
コメントを受け付けていない方は「コメントを表示する」のチェックを外しましょう。
基本的にコメントを受け付けていても承認待ちにしていることが多いと思うので、アンチ的なコメントが表示されることはないかと思いますが、気になる方はチェックを外しておくことをオススメします。
![](https://starting-marketing.com/wp-content/uploads/2021/11/7c7a25f7da99e7bcf63b286dac58a7c9.jpg)
パンくずリスト設定
![](https://starting-marketing.com/wp-content/uploads/2021/11/df8d3f1eca01860fcdc2375b7e56c524-2.jpg)
最後の【パンくずリスト設定】です。
パンくずとは、今サイト内のどの階層にいるのかを一覧として表示するものです。
パンくずリストの配置
![](https://starting-marketing.com/wp-content/uploads/2021/11/d73f508984198c99a444357d5e57b72b-1.jpg)
【パンくずリストの配置】では、パンくずリストをどこに表示させるかを設定できます。
- 表示しない
- メインカラム手前
- メインカラムと方
- メインカラムボトム
- フッター手前
の5つから選択できます。
デフォルトではメインカラムボトムになっています。
これはお好みで構いませんが、ページ上部に表示させた方がユーザーにとってもありがたいので、今回は「メインカラムトップ」にチェックを入れます。
![](https://starting-marketing.com/wp-content/uploads/2021/11/cf4fded83a25fb1baa826cd7e8c128af-e1637936704394.jpg)
記事タイトル
![](https://starting-marketing.com/wp-content/uploads/2021/11/4b1905a64297384b3dab60cbe86860fc.jpg)
【記事タイトル】の「パンくずリストに記事タイトルを含める」は、今開いている記事も「パンくずリスト」に含めるかの設定になります。
ここもユーザーへの親切心としてチェックを入れておきましょう。