こちらのサイトではCocoonを使用しています。
使いやすさとカスタマイズしやすさ、クォリティの高さ、内部SEOなどの利点などが多数あり、その上 無料で提供して頂け、詳しい設置マニュアルも公開されています。
今までダンナのサイトはSimplicity2だったのでCocoonへの移行を行ってみました。
Simplicity2とCocoonは同じ作者わいひらサンhttps://twitter.com/MrYhiraの作成したWordPressテーマです。
変えてみたらサイト内部壊れてたらどーしよう・・・
設定が大変じゃないだろうか・・・
などの不安をかかえつつ着手致しました(;’∀’)
①Cocoonテーマのダウンロード
まずは下記よりテーマをダウンロード
親テーマと子テーマ両方をダウンロードして子テーマを有効にしてください。
子テーマというのは親テーマと組み合わせて使用する専用のテーマです。親テーマであるCocoonを直接カスタマイズしてしまうと、テーマのアップデートが行われた場合にカスタマイズした内容が消えてしまいます。カスタマイズは子テーマの方にしておけば、親テーマであるCocoonがアップデートされても内容に影響が出ません。
内容が壊れる場合もありますので、下記の方のサイトを参考にさせて頂きました。有難うございましたm(_ _)m↓
最初、自分はこちらの(↑)サイトをチェックせずに「テーマの適応」をしてしまい、焦りましたが取り合えずセーフでした…。
⓶テーマ移行後はじめにやること
Cocoonへ移行で、まず次の事をやりました。
- Simplicityの引き継ぎ
- ヘッダー画像の変更、グローバルメニューの修正
- フッターの調整
- Google Tag Manager IDの設定
- Google AnalyticsトラッキングIDの設定
- Google Search Console IDの設定
- ユーザのSNS情報登録
- SEOプラグインや要らないプラグインの削除
１.Simplicityの引き継ぎ
Cocoon設定＞その他
①下記画面の場所に☑を入れました。
②また、２つ上に「簡易SSL対応」とありますので、SimplicityでSSL仕様だったのでこちらにも☑を入れました。
③一番下まで下がって 「変更をまとめて保存」を行いました。
２.ヘッダー画像の変更 , グローバルメニューの修正
Cocoon設定＞ヘッダー
①「ヘッダーレイアウト」をセンターに設定。
②「ヘッダーロゴ」に png形式で保存したロゴを設定。
③「キャッチフレーズの配置」は ヘッダートップ(デフォルト)に設定。
④「ヘッダー背景画像」に画像を設定。
⑤「ヘッダー全体色」はヘッダー全体文字色だけ指定カラーを設定。
⑥「グローバルナビメニュー色」をグローバルナビ色、文字色を共に指定カラーに設定(↑)。
変更後は「変更をまとめて保存」を行いました。
３.フッターの調整
Cocoon設定＞フッター
①フッターロゴが「未入力だとヘッダーロゴが出力されます。」との事で、ヘッダーロゴの大きさが横長で合わなかった為、上記のマークロゴを作成し設定しました。
②クレジット表記の内容を確認し☑選択して、変更後は「変更をまとめて保存」を行いました。
４.Google Tag Manager ID, ５.Google AnalyticsトラッキングID, ６. Google Search Console ID の設定
Cocoon設定＞アクセス解析
４.Google Tag Manager IDの設定(わいひらサンのCocoonマニュアルより)
CocoonマニュアルGoogle Tag Manager IDの設定を参照しました。
５.Google AnalyticsトラッキングIDの設定(わいひらサンのCocoonマニュアルより)
CocoonマニュアルGoogle AnalyticsトラッキングIDの設定を参照しました。
６. Google Search Console IDの設定(わいひらサンのCocoonマニュアルより)
CocoonマニュアルGoogle Search Console IDの設定を参照しました。
７.ユーザのSNS情報登録
ユーザー＞プロフィール
それぞれSNSアカウントを記入し、一番下まで下がって「プロフィールを更新」を行いました。
８.SEOプラグインや要らないプラグインの削除
目次が標準搭載されているのでTable of contents plusを削除しました。
テーマの中で内部SEO対策ができるためAll in One SEO Packを削除しました。
調べてて今更気づいたのですがAll in One SEO Packは重いとの事…これで操作が快適になるかもです。
「Cocoonで行っている内部SEO施策まとめ」わいひらサンのページ↓
参考LINK
わいひらサンのページ参照 ↓
細かく丁寧に説明があり大変参考になったページ ↓
細かく丁寧に説明があり大変参考になったページ ↓
ダンナにテーマ変更を伝えましたが、Cocoonの子テーマを使用する旨を伝えそびれていたため、ダンナが親テーマを有効にしてしまい、再度これらの設定をしなおす事になってしまいました…。