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

wordpress

こんにちわ!ヘッポコです!

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

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

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

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

無料テーマcocoonとは?

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

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

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

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

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

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

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

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

by わいひら

とのこと。

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

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

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のサブメニューです。「アフィリエイトタグ」というメニューからよく使うアフィリエイトリンクを登録しておくと、ショートコードで記事に貼ることができます。

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

便利ですね!

Cocoon設定項目

次の画面はAmazon、楽天、Yahooの設定画面です。

上記を設定するとショートコードで以下のような画像のようなことができます。

Cocoonアフィリエイトリンク

よく使う人にとっては便利機能です。

SNSボタン標準装備

以下のような設定が可能です。選択するだけでSNSボタンを記事に表示できるのでかなり楽です。ボタンカラーは「ブランドカラー」、「モノクロ」、「ブランドカラー( 白抜き )」から選べます。

Cocoon-SNS

Cocoonのダウンロードとインストール方法

書こうと思ったら全部公式サイトに書いてありました(笑)

画像付きですので以下をどうぞ。

参考 Cocoonダウンロード&インストール方法Cocoon公式サイト

まとめ

Cocoonのポイントをまとめると以下でした。

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

ただ、これは僕が選定したポイントなので機能全体で見ればごく一部です。これで無料のテーマとかすごいですよね!

これを見ている方には是非1度使ってみてほしいです。有料テーマ以上の機能が使えます。

登録の必要なし、無料でダウンロードできますのでご興味のある方は1度使ってみてください。

参考 Cocoonダウンロード&インストール方法Cocoon公式サイト

記事の評価をつけてみてね!
[Total: 0 Average: 0]

コメントを残す