高性能な無料テーマ Coocoon の導入

高性能な無料テーマ Coocoonの導入 ブログ運営

テーマって何なの?

WordPress の見た目や機能、使い勝手を向上させてくれるものです。

公式サイトには1万個以上のテーマが登録されています。

ですが、そのほとんどは英語圏で作成されたものです。

日本語で使用することを前提に作られたテーマで、無料で性能がよく機能も豊富なもの……となると、Cocoon 一択です。

  • 検索エンジン最適化(SEO)
  • ページ高速化対応
  • モバイルフレンドリー
  • 完全なレスポンシブスタイル
  • 手軽に収益化
  • コンテンツ作成補助(吹き出し、ふりがな等)

意味は分からないけど、なんだかすごそうね。

使用者が多く、困ったときにネットで情報が得られるのも強みです。

Cocoon のインストール

テーマのダウンロード

WordPress の無料テーマ Cocoon の公式サイトから2つの zip ファイル、親テーマ子テーマをダウンロードする。

  1. Cocoon の公式サイトへ行く。
  2. 親テーマのファイルを自分のパソコンへダウンロードする。
  3. 子テーマのファイルを自分のパソコンへダウンロードする。
Cocoonの親テーマと子テーマのダウンロードボタンの画像。

親子関係は人類永遠のテーマよね!

  • 親テーマ:cocoon-master-x.x.x.zip(x.x.x はバージョン番号)
  • 子テーマ:cocoon-child-master-x.x.x.zip

テーマのインストール

WordPress の管理画面を開いてください。

WordPressの管理画面の外観にあるテーマ設定にある「新規追加」ボタンをクリックする。
  1. 左のメニューから「外観」をクリックする。
  2. 画面上部の[新規追加]ボタンをクリックする。
「テーマのアップロード」ボタンをクリックする。
  1. [テーマのアップロード]ボタンをクリックする。
「ファイルを選択」ボタンを押してダウンロードしておいたテーマファイルを選ぶ。次に「今すぐインストール」ボタンをクリックする。
  1. [ファイルを選択]ボタンをクリックする。
  2. ダウンロードした親テーマのファイルを選択する。
    親テーマ:cocoon-master-x.x.x.zip
  3. [今すぐインストール]ボタンをクリックする。
「テーマページへ移動」をクリックして、子テーマも同じ手順でインストールする。

同じ手順で子テーマのファイルもアップロードします。

ばっちり、2つともアップロードしたわよ。

テーマの設定画面で子テーマを有効化する。
  1. 子テーマ Cocoon Child の[有効化]ボタンをクリックする。

これで Cocoon テーマが利用できるようになりました。

不要なテーマの削除

この時点でサイトヘルスを確認すると、セキュリティ向上のため使用していないテーマを削除するように勧められています。

サイトヘルス画面を確認すると、停止中のテーマを削除するように注意が表示されている。

あら、セキュリティは大事よね。

デフォルトテーマは WordPress のバージョンによって異なるので、メッセージに従ってください。

メッセージは Twenty Twenty-Three、Cocoon 親子以外の削除を勧めています。

よって、今回削除するのは

  • Twenty Twenty-One
  • Twenty Twenty-Two

の2つです。

テーマの設定画面でTwenty Twenty-One をクリックする。
  1. テーマ Twenty Twenty-One をクリックする。
「削除」ボタンをクリックする。
  1. [削除]ボタンをクリックする。

同じ要領で Twenty Twenty-Two も削除すればいいのね?

はい。

Cocoon の設定

Cocoon を入れると、設定項目がドンッと増えます。

とりあえずここでは、セキュリティに関係する部分だけ設定しましょう。

ニックネームの設定

デフォルトの設定では、投稿者名としてログインIDが表示されてしまいます。

これをニックネームが表示されるように変更します。

WordPressの管理画面のユーザーにあるプロフィールをクリックする。
  1. 左メニューの「ユーザー」>「プロフィール」をクリックする。
  2. 「ニックネーム」を設定する。
  3. 「ブログ上の表示名」をニックネームに変更する。

あたしは「まりりん」にしたわ。

ノーコメントでお願いします。

投稿者名を非表示に

投稿記事の終わりに、ログインIDがわかってしまうリンクが表示されないようにします。

Cocoon設定の投稿タブに「投稿者名の表示」の設定項目がある。
  1. 左メニューの「Cocoon 設定」をクリックする。
  2. 「投稿」タブをクリックする。
  3. 下方にある「投稿者名の表示」のチェックを外す。
  4. [変更をまとめて保存]ボタンをクリックする。

これ以外の設定項目については別の記事でご案内します。

タイトルとURLをコピーしました