![秋田](https://obrigado.biz/wp-content/uploads/2024/01/e0486ee1d5706153a0fad07de582d7e7-scaled-e1705569285949.webp)
お客様のサイトを WordPress & テーマ Cocoon で作っていまして、 Cocoon は使い勝手が良くて無料なのでありがたく今回使わせていただいてます。このサイトも Cocoon を使わせてもらってます。 今回、色々と Cocoon の設定をいじったので、その備忘録としてこの記事を残す事にしました。
各種SNS を非表示に
SNSへのボタンは後で必要になるかもしれないけど、とりあえず非表示にしました。
設定箇所
Cocoon 設定 -> SNSシェア -> トップシェアボタンの表示
![](https://obrigado.biz/wp-content/uploads/2024/03/6d4f951a4eaaa50e70807f514e278ecd-1024x379.png)
Cocoon 設定 -> SNSシェア -> ボトムシェアボタンの表示
![](https://obrigado.biz/wp-content/uploads/2024/03/8a475f5add7138fee1191b730a516b14-1024x418.png)
日付表示を投稿日のみ表示に
投稿ページの日付表示を投稿日のみにしてみました。更新日あってもいいのですが、なんだかちょっとうるさい感じがしたので。
参考サイト
![](https://memo2000.com/wp-content/uploads/2020/03/hidukehihyoujikokuuun.png)
設定箇所
Cocoon 設定 -> SEO -> 日付の設定
![](https://obrigado.biz/wp-content/uploads/2024/03/695f72b90e8af6cd3cdb2c37d76a1f9a-1024x327.png)
固定ページの投稿日を非表示に
今度は固定ページ。固定ページに日付があると、将来なんだか古い情報っぽくなってしまうので、投稿日も非表示にしてみました。
参考サイト
![](https://kyuncomic.com/wp-content/uploads/2020/05/a041.png)
設定箇所
外観 -> カスタマイス -> Additional CSS(追加CSS)
以下を記述
/*固定ページの日付を非表示*/
.page .date-tags {
display: none;
}
![](https://obrigado.biz/wp-content/uploads/2024/03/77d74f9506737a7f02b1312b635c9fb0.png)
![](https://obrigado.biz/wp-content/uploads/2024/03/66516b3b9be23af4b963d33305ae4c36.png)
![](https://obrigado.biz/wp-content/uploads/2024/03/4092b6dfc13afb3620a8a7aae456238f-1024x585.webp)
投稿者をフォローするボタンを外す
投稿者をフォローする。ってのをはずしました。ブログとかをメインにやっている訳ではないので不要かなと。
設定箇所
Cocoon 設定 -> SNSフォロー -> フォローボタンの表示
![](https://obrigado.biz/wp-content/uploads/2024/03/e4e0521a3d5c9349f3f073c3680b3144-1024x335.png)
本文下の投稿者名を非表示に
本文下の投稿者名があると、ユーザのログイン名が見えちゃうって事なのでちょっとよろしくないし、特にユーザー名やそれに設定されているリンクは不要なので、非表示にしました。
参考サイト
![](https://opty-life.com/wp-content/uploads/2019/07/authordisplay01.jpg)
設定箇所
Cocoon 設定 -> 本文 -> 投稿関連情報
更新日の表示と投稿者名の表示のチェックをはずした
![](https://obrigado.biz/wp-content/uploads/2024/03/db862a940e3faf4961fe4722dc38aa11-1024x332.png)
アイキャッチを非表示に
画像の無い投稿もあるので、アイキャッチを非表示にしました。
設定箇所
Cocoon 設定 -> 画像 -> アイキャッチの表示
本文上にアイキャッチを表示するをはずした
![](https://obrigado.biz/wp-content/uploads/2024/03/40347582a0650c4e6f70e5d6c307f32c-1024x515.png)
投稿コメントを非表示に
そもそもコメントは受け付けていないけど、なんらかのアタックでコメントが書き込まれるといけないので、投稿コメントを非表示にしました。
設定箇所
Cocoon 設定 -> 投稿 -> コメント設定
コメントを表示するをはずした
![](https://obrigado.biz/wp-content/uploads/2024/03/dc2d1bb88332eb29bba18bfc0b796532-1024x337.png)
投稿等のサムネイル画像を非表示に
全ての記事にイメージを入れている訳ではないので、投稿一覧や関連記事等にアイキャッチが設定されていると全て画像無しになって格好悪いので、非表示にしました。
設定箇所
Cocoon 設定 -> 全体 -> サムネイル表示
サイト全体のサムネイルを表示するのチェックをはずした
![](https://obrigado.biz/wp-content/uploads/2024/03/27b9340edb79949263322e8a015dd8f0-1024x314.png)
関連記事表示数を2に
投稿の下に配置される関連記事、これまでのデザインだと関連記事がなかったので一番空くない設定の2つ表示にしました。
設定箇所
Cocoon 設定 -> 投稿 -> 表示数
![](https://obrigado.biz/wp-content/uploads/2024/03/847548ef02b5c083530ad0fde2d1a437-1024x447.png)
関連記事枠線をつけた
関連記事に枠をつけた方が、サイトが締まって見えたので、枠をつける事にしました。
設定箇所
Cocoon 設定 -> 投稿 -> 関連記事設定 -> 枠線の表示
![](https://obrigado.biz/wp-content/uploads/2024/03/0b289e034591e5f7c1d7331618346d67-1024x420.png)
Cocoon 設定 -> 投稿 -> ページ送りナビ設定 -> 枠線表示
![](https://obrigado.biz/wp-content/uploads/2024/03/107af63e8d2171552d7488325c1b8f52-1024x487.png)
Web アイコンフォントを使う
これまではイメージでアイコンを作っていたのだけど、レスポンシブデザインでブレイクポイントになるとイメージのアイコンだと都合が悪いので、Webフォントを使う事にしました。 Cocoon では、Font Awesome がデフォルトで使えるようなので、Webアイコンフォントはそちらを採用する事にしました。
参考サイト
![](https://yoshitechblog.com/wp-content/uploads/2020/11/web-icon-font-awesome_4.png)
設定箇所
Cocoon 設定 -> 全体 -> サイトアイコンフォント
新しいバージョンの Font Awesome 5 にした
![](https://obrigado.biz/wp-content/uploads/2024/03/674d797577361403c9641af16834fa88-1024x386.png)
まとめ
色々な事ができる Cocoon。ここではできる事の一部(実際に使った設定)だけの紹介ですが、開発元の説明も充実しているし、色々な方が Cocoon の使い方を紹介してくれているので、安心して使う事ができています。とっても感謝です。 これからもしばらくは Cocoon を使って WordPress 運営をしていくんだと思います。
Cocoon 公式サイト
![](https://wp-cocoon.com/wp-content/uploads/2018/03/screenshot.jpg)