カテゴリー
ワードプレス

テーマ「Cocoon」の初期設定メモ

ワードプレス無料テーマ「Cocoon」の1カラム運用は想像以上に美しかった!「Cocoon」は、万能過ぎてプラグインいらずの初心者フレンドリーな超有名テーマです。1カラムで運用しているサンプルユーザーを上手く見つけられなかったので、利用に気が引けておりました。

ワードプレス無料テーマ「Cocoon」の1カラム運用は想像以上に美しかった!

「Cocoon」は、万能過ぎてプラグインいらずの初心者フレンドリーな超有名テーマです。

とても憧れておりましたが、1カラムで運用しているサンプルユーザーを上手く見つけられなかったので、利用に気が引けておりました。

テストサイトで設定してみたら、中身も外見もお美しいテーマで、ホレボレ。

というわけで、以下、備忘録。

Cocoon設定メモ

ダウンロードとインストール

まず第一歩は、Parent、Childをそれぞれダウンロードし、インストール。これはマニュアルに従うだけ。

インストールが終わると、管理画面に「Cocoon設定」が現れますので、そこから更に「Cocoon設定」を選ぶと大量のカスタマイズタブが現れます。

Cocoonのセッティング

私がデフォルトから変更した箇所だけ、メモメモ。

スキン

Fuwari -海松茶(みるちゃ)

ずっと和風スキンが素敵だなと思っていたのですが、ウチの管理画面のチョコレート色と同系色で思わず…

全体

→ サイトフォント → フォント → Noto Sans JP

日本語フォントは游ゴシック、ヒラギノ角ゴシックが好きなのですが、英語フォントがSans系が好きなので、変更。

→ サイトフォント → 文字サイズ → 16px

(個人的に)他のテーマの基準サイズと同じでわかりやすいから…

→ サイドバーの表示状態 → 全てのページで非表示

一番苦戦した場所。これで1カラムになるけど、幅が広いのを修正する方法が探せなかった。

記事単位で「狭い」に修正するしかないのかな?

ファビコンを設定 ※注記にある通り、「外観 → カスタマイズ → サイト基本情報」のサイトアイコンを登録

ファビコンの色、サイトごとのイメージカラーに変えようかな…

タイトル

サイトの説明 → 未設定、後でやる

タイトル共通設定 → セパレーター → ハイフン

好みの問題。

SEO

→ headタグ設定 → headタグに挿入 → カテゴリページの2ページ目以降をnoindexとする

これまでカテゴリーページなどのアーカイブページはインデックスしたことがなかったので、ちょっと試してみたかっただけ。

タグと日付アーカイブは初期設定のまま「noindex」。

OGP

→ホームイメージ → 画像のアップロード

16:9のアスペクト比の画像を追加してみたけど、よかったのかしら?

アクセス解析・認証

アクセス解析設定 → 解析全般 → 「サイト管理者も含めてアクセス解析する」を解除

Google Analytics設定 → Google AnalyticsトラッキングIDを埋める

インデックス

→ カードタイプ → スマホ端末で縦型&タイル型のエントリーカードを1カラムにするを設定

最初はカードタイプをタイルカード2列にしたのだけど、画像ファイルのサイズを整えていなかったり、抜粋を入れていなかったりで粒が揃わなかったのでデフォルトに戻した。

データを整えて再挑戦したいので、取り敢えず↑はそのまま。

投稿

→ 関連記事設定 → 表示タイプ → 縦型カード3列(推奨表示数:6, 12, 18…)

表示数を3にすると、スマホで微妙な配置になっていたので、デフォルトの6に戻した。

→ ページ送りナビの枠線はつけない設定でもついちゃう…

AMPでは枠線がついていないので、選択したスキンの問題かな?

SNSシェア

→ 本文上シェアボタン → メインカラム本文上シェアボタンを表示 を非表示へ

→ 本文下シェアボタン → TwitterとLineとタイトルとURLのコピーに絞る

→ 本文下シェアボタン → ボタンカラー → モノクロ

モノクロを選ぶとデスクトップとスマホではスキンの色が反映されて渋かった♪

AMPは本当にモノクロ。

→ ツイート設定 → ツイート後にフォローを促す を解除

SNSフォロー

→ 本文下のフォローボタンを表示するをキャンセル

画像

→ 「アイキャッチにキャプションがある場合は表示する」を解除

→ No image画像をアップロード

モバイル

→ モバイルメニュー → トップメニュー

サイドバーが存在しない1カラムには、モバイルボタン系は不適かも。

Accelerated Mobile Pages

→ AMP機能を有効化する

→ AMPロゴ → アップロード

アドセンスの申請が終了するまで保留。

「幅600px、高さ60px以下」のロゴを作っていないのでファビコンを仮アップロード。

管理者パネル

チェックツールエリアの表示 → チェックツールエリアを表示するを有効化

ウィジェットエリア

除外ウィジェットエリア → サイドバー、サイドバースクロール追従、メインカラムスクロール追従を除外

1カラムだからね…

XML Sitemap

これはどうやらついていないみたいなので、自己対応。

プラグイン「Google XML sitemap」をインストールしてテストしたけど、スタイルが好きではなかった。

手書きで作ってみようとしたけれど、コードエラーは出ないのに、サイトマップは出来ていないっぽい。

参考資料:XML sitemap in WordPress 5 without plugin?

Yoast SEOで作成したら無難に完了。やはりこれを使うのが最善か?

その他「外観」

メニュー、ウィジェット、ホームの設定などのその他の外観は、他のテーマと同じく「外観」メニューにて設定する。

プラグイン

なんとなく「Akismet Anti-Spam (アンチスパム)」と「SG Optimizer」だけ残して後は全て停止した。

本当にプラグイン要らずの万能テーマでビビる。

のこるタスク

テストサイトは多分今まで完全にnoindexにしていた気がするので、本番機に設定完了するまで最低限のページでテストする。

9月に本帰国するまでに、カテゴリー用のアイキャッチ画像などを準備する。

最後に

初期設定がこれだけで終わるなんて、すさまじい時短で感動しました。

最後までお読みいただきましてありがとうございました。

作成者: のろのろ

ゲーマーで、トレッキーに片足突っこんでいる、SF好きの、雑記ブロガーです。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください