初心者向けCocoon初期設定

さて、お次はCocoonの設定です。
<<前回の続きです。

Cocoon初期設定

<span class="fz-12px">素人師匠</span>
素人師匠

さて、今回もyuji先生に教わろうかの♡

WordPressテーマCocoonの使い方とおすすめ初期設定
WordPressテーマのCocoonをはじめて利用する人向けに、SEO対策などを含めたのおすすめCocoon設定を紹介しました。SEOに強く機能性の高いブログにするために、この記事で一括設定してしまいましょう!
<span class="fz-12px">ドリミ</span>姫
ドリミ

よろしくお願いしま~す!

Cocoonのダウンロード&CocoonChildの有効化

<span class="fz-12px">素人師匠</span>
素人師匠

ドリミ姫は、Xserverの設定時に
同時設定したから、
対応不要じゃの。

<span class="fz-12px">ドリミ</span>姫
ドリミ

そうなの!

だから、すっ飛ばしたい項目なんだけど、
気になることが。。

子テーマってなに??
CocoonChildってなんなの?

<span class="fz-12px">素人師匠</span>
素人師匠

ま、気になるところだわな。
こちらのサイトで確認させてもらおうかの。

【WordPressの子テーマ】作成方法と使い方を初心者向けに解説|ワプ活
WordPressの子テーマについて説明しています。親テーマと子テーマの違いや、メリットとデメリット、子テーマの導入手順などを、ワードプレス初心者にもわかりやすいよう画像付きで徹底解説します。
<span class="fz-12px">ドリミ</span>姫
ドリミ

つまり・・?

子テーマはカスタマイズ用
ってことよね。。

初心者はあまり触らない方が良さそう。。(←ビビリー)

<span class="fz-12px">素人師匠</span>
素人師匠

まぁ、
そんなビビリーの為に、
「追加CSS」
という便利なメニューがあるんじゃがの。

「追加CSS」とは?

参考にさせてもらったのはこちら
【WordPress】追加CSSを使ってブログデザインをカスタマイズ
ワードプレスの「追加CSS」機能について、動画付きで解説しています。
<span class="fz-12px">ドリミ</span>姫
ドリミ

へぇ。。
覚えておこう。。
外観 > カスタマイズ > 追加CSS

でもコード書くのこわいわ~。。

<span class="fz-12px">素人師匠</span>
素人師匠

コードを追加していくだけじゃから、
直前の内容をどこかにコピーして保存
しておけば大丈夫なんじゃって。

<span class="fz-12px">ドリミ</span>姫
ドリミ

まぁ、今すぐ使う必要はなさそーだしね。(←ビビリー)

Cocoon設定タブで初期設定

<span class="fz-12px">ドリミ</span>姫
ドリミ

ハイキタ!
なんかごちゃごちゃしてるぅぅ~!

<span class="fz-12px">素人師匠</span>
素人師匠

・・・。
会社のシステムと比べたら使いやすいじゃろ~が。

各タブの用途と初期設定

基本的に全部yuji先生の言う通りにすればいいぞ!

<span class="fz-12px">素人師匠</span>
素人師匠

基本の初期設定じゃからの。
全部yuji先生の言う通りにすればいいぞ!
必要あれば後日変更すればいい。

<span class="fz-12px">ドリミ</span>姫
ドリミ

うぃ~っす!

全体

サイトカラーや文字スタイルなどを設定

最初にやっときゃよかった!
文字サイズを設定すれば

いちいち全部指定しなくていいのよね。

ヘッダー

ヘッダーロゴやヘッダー背景、グロナビの色や幅などヘッダーの設定

特に初期設定には記載がないけど、ロゴを設定しないとね♪

タイトル

タイトルやキャッチフレーズの設定

タイトルとキャッチフレーズは
WordPressメニューの
設定>一般設定 
で設定OK

SEO

SEO関連の設定

よくわからないので、
書いてある通りに~。

OGP

SNSシェア用画像

アクセス解析・認証

GoogleアナリティクスやGoogleサーチコンソールの設定

これはきつい!
ドリミ姫は一日がかり。。

GAは
GA4UAがあるからややこしや。。

わしは古い解説サイトを参考にしたからGA4は設定してなかったもんな。

カラム

カラムやサイドバーの幅や枠の設定

インデックス

ブログのトップページの設定

投稿

投稿の表示設定

固定ページ

固定ページの表示設定

本文

文の行間、リンク表示、横スクロールなどの設定

画像

アイキャッチや画質の設定

ブログカード

URLをカード形式表示する設定

ただ、URLに日本語が入っていると、
カード形式では表示されないみたいなのよ。
そんな時はブログカードを使用しなくていいかも。

URLを簡単にカード表示

カルーセル

ヘッダー下におすすめのリンク先一覧表示

表示するかはお好みで。

グロナビとごっちゃになるから、
ドリミ姫的には要らないかなぁ。
(といいつつあとで表示するかも笑)

フッター

フッターロゴやクレジット表記などフッターの設定

フッターロゴはなくてもOK

ボタン

トップへ戻るボタンの設定

初期設定には記載がないけど、「トップへ戻る」ボタンは必須よね。

高速化

<span class="fz-12px">素人師匠</span>
素人師匠

高速化の設定もやっておきましょ~ぞ!

https://kenjineer0224.com/how-to-use-cocoon/#toc10
<span class="fz-12px">ドリミ</span>姫
ドリミ

この機能はタブではなくメニューにあるのね!



てことで、とりあえず~!

<span class="fz-12px">素人師匠</span>
素人師匠

おっつ~。

今ココ

LV0 初期状態 (プアリー)

プア度100
戦闘力0
HP0

まずはブログ開設!なんとか道具を揃えて武装しよう 💦

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