CocoonはGoogleアドセンスの広告表示位置を簡単に変更できる無料テーマ
Cocoonは、SEO・高速化・モバイルフレンドリーに最適化した無料テーマです。見た目はシンプルですが、初めての方でも感覚的に使えるように便利な機能を織り込んで作られています。
Googleの高速化（PageSpeed Insights）に最適化できるように作りこみまれています。
目次
Cocoon
Cocoonの特徴
- シンプル
- 内部SEO施策済み
- 完全なレスポンシブスタイル
- 手軽に収益化
- ブログの主役はあくまで本文
- 拡散のための仕掛けが施されている
- カスタマイズがしやすい
| テーマ名 | Cocoon【公式サイト】 100％GPLテーマ・無料テーマ |
| PHP | 7.4以上 |
| WordPress | 6.1以上 |
広告を貼る仕組み（簡単に収益化）
アドセンス広告では、1つの広告コードを貼るだけで、様々な広告フォーマットを自由に選択できるようになっています。
- アドセンス自動広告（手動設定と併用可）
- レスポンシブ広告
- バナー広告
- レクタングル広告
- ダブルレクタングル広告
- ラージスカイスクレーパー
- 記事広告
- リンクユニット広告
「広告の表示位置」によって、自由に表示する広告を変更できます。
また、ショートコードを利用することでAmazon・楽天の商品リンクをつくることができます。
検索エンジン最適化（SEO）
Cocoonは以下のような内部SEO施策が行われています。
- ページ高速化機能搭載（テーマ機能だけでPageSpeed Insights90点後半が取れる）
- モバイルファースト（モバイルフレンドリー）
- ワンクリックでAMP対応
- ワンクリックでPWA対応
- PCとモバイルでソースコードが100％同じ完全レスポンシブ
- W3CのHTML5バリデーションのエラー0
- W3CのCSSバリデーションのエラー0
- 基本的な構造化データタグの適用
- 構造化データエラー0
- メタディスクリプション記入欄の設置
- HTMLアウトラインの最適化
CocoonはSimplicityの後継
Simplicity [公式サイト]
Simplicityの後継テーマであるCocoonが公開されています。これからサイト始めるのであれば、Cocoonの利用をおすすめします。
Simplicityの特徴
- シンプル
- 内部SEO施策済み
- 拡散のための仕掛けが施されている
- 端末に合わせた4つのレスポンシブスタイル
- 手軽に収益化
- ブログの主役はあくまで本文
- カスタマイズがしやすい
テーマを変更する手順
テーマを変更するには、管理画面からダウンロードし有効化するという流れになるのですが、いきなり有効化するのは少しリスクがあります。ウイジェットなどはテーマによって取り扱いが異なります、そこで以下の手順で変更されることを推奨します。
- 変更前にバックアップする
- ダッシュボード・外観 よりテーマディレクトリにアクセスする
- ライブプレビューを確認し表示の調整を行う
- 有効化して公開
- 公開後の確認作業を行う
※ライブプレビューで確認して表示の調整をするには、ダッシュボードの 外観 画面でインストールしたテーマの有効化ボタンの右側 ライブプレビューボタンをクリックします。
テーマカスタマイザーによる調整ができるので、修正が終わったら左上部の「有効化して公開」ボタンをクリックします。公開後にはスタイルシートを修正、確認、設定します。以下の点については公開後早期にチェックするようにしましょう。
- 外部のツールと連携している場合は正しく動作しているか
- スタイルシートが正しく設定されているか
- 不要なプラグインは削除する。
テーマを安全に運用する
WordPressのテーマとは、サイト全体のテンプレートのことです。テーマは複数のファイルの集合体で、デザインなどの内容が一式セットになっています。そのため、テーマを変更すれば複雑な処理を行うことなく、デザインや構成、機能などを変えることができます。テーマは、インターネット上で無料ダウンロードできるものから、有料で販売されているものもあります。また、自分で作成したテーマをアップロードして使用することも可能です。
テーマの更新には、機能の追加・変更などのほかに、セキュリティ向上や不具合の修正なども含まれるため、常に最新の状態にアップデートしておくことです。また、テーマを更新すると、カスタマイズは初期化してしまいます。更新する度にカスタマイズし直すのは手間がかかるので、「子テーマ」の利用が推奨されています。子テーマを作る理由はテーマを直接カスタマイズしてしまうと、テーマのバージョンアップによって変更した内容が上書きされてしまうからです。子テーマは、親テーマの機能やスタイルを引き継いでいます。子テーマにカスタマイズしたい部分だけを付け加えておけば、テーマを更新した後もカスタマイズした状態をそのまま引き継げます。
テーマの選び方
テーマを選ぶ際にはにはレスポンシブデザインかどうかは着目しましょう。レスポンシブデザインとは、スマートフォンやタブレット・PC別に１つのデザインで表示できるようにしたものです。サイトの内容によってはスマホユーザーが少ないこともあるでしょうが、Googleはモバイル端末での表示を標準と考えていますので、この点からも対応すべきポイトです。
- レスポンシブデザインなのか
- デザインをカスタマイズしやすいか
- ダウンロード数（利用されている数）が多いのか
- ブロックエディタに対応しているのか
- 日本語に対応しているのか
- テーマは安全なのか
ザ・トール（有料テーマ）
ザ・トールは、スマートエディターで記事作成、53種類の見出し・498種類のアイコンなど、記事を読みやすく華やかに彩る記事パーツをワンクリックで設置できます。記事パーツのデザイン変更も自由自在。
【THE THOR（ザ・トール）】
有料テーマ
WordPress有料テーマはおしゃれでカスタマイズしやすいのが大きなメリットです。 WEBサイト運用するための機能も標準として装備されているので、プラグインの追加をしなくても十分使用することが可能です。
無料テーマはシンプルなものが多く、他のサイトとデザインが同じようになってしまうこともあります。 しかし、有料テーマであればカスタマイズしやすくなっているため、好みのサイトを作成しやすいのが特徴です。
無料テーマ
wordpress.org からダウンロードできるテーマやWEB制作会社から提供される無料テーマもあります。無料とは思えないほど機能やデザインが充実しているテーマもあります。ただし、無料がゆえに途中で更新がストップしたり、開発が終了されることもあります。無料テーマは開発者の宣伝や有料版へのステップとして提供されていることもあると認識しておきましょう。
wordpress.org のテーマはディレクトリ登録時に事前に審査が行われるので、製作者サイトからの直ダウンロードに比較すれば安全といえるでしょう。ただし、サポートはありませんのでwordpress.orgやネットの情報で自力で解決しなければなりません。
STORK SE（ストークSE・有料テーマ）
1カラムデザインには、読む人の視線、意識を注目させる効果があります。伝えたい情報が際立つことでコンテンツの価値が高まる。基本レイアウトを1カラムにすることで、メインコンテンツを引き立てることに徹するテーマです。
ブロガー専用WordPressテーマ「OPENCAGE」
