【WordPress】高機能な初心者向けおすすめ無料テーマ「Cocoon」

ここでは僕が最もおすすめしたいWordPressの無料テーマを紹介したいと思います。

このページはWordPressの無料テーマをどれにしようか迷っている人に一度は使ってほしい無料のテーマを紹介するページです。

このページでわかることは以下です。

Cocoonの概要がわかる
Cocoonのおすすめポイントがわかる
Cocoonのインストール方法がわかる

無料テーマcocoonとは？

Cocoonは、@MrYhira（わいひら）さんが作った無料のWordPressのテーマです。

日本人なのでもちろん純国産です。日本語サポートしてます(笑)

Cocoonの特徴はSEO・高速表示・モバイルフレンドリーに最適化されて、初心者でも感覚的に使えるように便利な機能を盛り込んでいる点ですね。

Cocoonの特徴を簡単にまとめると以下のような感じです。他にもいろいろとあるのですが、重視したポイントとして４つにしました。

シンプルな構成だけどデザインは豊富
内部SEO施策が完璧
アフィリエイトリンクを簡単に設定
SNSボタン標準装備

シンプルな構成だけどデザインは豊富

制作者のわいひらさん曰く

『テーマ名をCocoon（繭）としたのは、繭のように白い、シンプルなテーマを作りたかった。加えて、WordPressを新たに始める方にも「居心地のいい場所」となれるよう、Cocoonの機能が包む（補完する）形で「面倒事から保護してくれるように」と作成しました。』
by わいひら

とのこと。

デザインがシンプルかというと実はそうでもないです。初期設定ではシンプルな白色ですが、スキンという機能があってデザインはとても豊富です。

以下がcocoonの設定画面で選択できるスキン一覧です。

最初は少なかったのですが、デザイン制作できる有志よってバージョンアップとともにどんどん増えていますね。

内部SEO施策が完璧

Cocoonの内部SEO施策は以下になります。

ページ高速化機能搭載
モバイルフレンドリー
ワンクリックでAMP対応
ワンクリックでPWA対応
完全レスポンシブ
W3CのHTML5バリデーションのエラー0
W3CのCSSバリデーションのエラー0
基本的な構造化データタグの適用
構造化データエラー0
メタディスクリプション記入欄の設置
HTMLアウトラインの最適化

意味不明なところは無視してOK！言いたいことは設計面で完璧ということ。

特にすごいのがCocoonに高速化の機能が組み込まれていることですね。テーマ側の設定のみでかなり早くなります。

サイトの表示速度を測定するPageSpeed Insightsでは、100～90後半のスコアがでます。また、 SEOチェックツールのLighthouseで全ての項目で100のスコアを取っています。
※プラグインなしの状態の数値です。なのでプラグインを追加すると変わる可能性があります。

その他、上述の一覧の通りですが、いまどき必須のモバイルフレンドリー、パソコンとモバイルでソースコードが100％同じ全なレスポンシブ設計です。

参考レスポンシブdevelopers.google

アフィリエイトリンクを簡単に設定

Cocoonにはアフィリエイトリンクを簡単に設定する機能があります。

色々な設定がありますので管理画面のキャプチャーを載せますね。

以下はアドセンスの設定画面です。

チェックするだけでアドセンスの設置場所を決めることができます。

次の画像はCocoonのサブメニューです。「アフィリエイトタグ」というメニューからよく使うアフィリエイトリンクを登録しておくと、ショートコードで記事に貼ることができます。

使いまわすのも便利なのですが、広告が終了して切り替える場合にも便利です。アフィリエイト広告が終了した場合、リンクを修正する必要があります。記事１つ１つ修正するのもいいですが、非効率です。ですが、このアフィリエイトタグでアフィリエイトリンクを登録し、そのショートコードを使いまわして記事に貼っておくと、記事を修正せず、アフィリエイトタグに登録したアフィリエイトリンクを修正することで作業が完了します。

便利ですね！