2018.07.29おはようございます、こんにちは、こんばんは、兄者(@anijatoimoko)でございます。当ブログで使用しているテーマは無料テーマの「Cocoon」となります。偶然にも無料テーマ「Cocoon」の正式リリース日も7月1日。勝手に運命を感じております。今回のブログは、ワードプレス無料テーマ「Cocoon」がオススメされているけどどうなんだろう?とりあえず「Cocoon」にしてみたけど設定とかどうすればいい?という方を対象とした記事となっています。「Cocoon」は正式リリース前、ベータ版として存在していました。その時に、他のブログで使用していて、使いやすかったため、兄妹ブログでも使用させていただくこととなりました。その他、有料ブログの「JIN」「Diver」も候補にあったのですが、まずは無料テーマである「Cocoon」からスタートさせていただくことにしました。「Cocoon」の気に入っているところはアドセンスやアナリティクスの設定が簡単にできるその他各種設定も簡単にできるとにかく自由度が高いです。ワードプレス無料テーマ「Cocoon」は下記から↓CocoonSEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。wp-cocoon.com制作者は同じくワードプレス無料テーマ「Simplicity」を制作したわいひら@寝ログさんです。初期設定をしていきましょう。「Cocoon」初期設定のまとめオススメ無料テーマ「Cocoon」の初期設定まず、ダッシュボード内にある「Cocoon設定」から書いていきます。Cocoon設定をクリックすると、下記の画面が出てきます。見ただけでもたくさんの設定がありますね。今回の記事はこの「Cocoon設定」から行ったことを書いていきます。全体設定で出来ることは、サイトのポイントとなる色の設定やフォントやフォントサイズ等が設定できます。この中で変更したのは、「フォントサイズ」です。サイトフォントを「18px」→「16px」に変更。上記2点を変更しました。ヘッダー設定cocoon設定>ヘッダーこちらは、ヘッダー部分、当ブログで言うと下記の部分の設定です。(その下のグローバルメニューは他の部分からの設定となります。)ヘッダーに関しては、オリジナルロゴの設定や、キャッチフレーズの有無(当ブログでいうと「今を生きる兄と堅実に生きる妹子の就職転職副業応援ブログ」の部分)色の設定などいろいろと出来るのですか、当ブログでは変更していません。オリジナルのヘッダー画像を入れたいと思っています。スキン設定cocoon設定>スキンスキンとは、他のブログ(アメブロ等)で言うテンプレートのようなものです。こちらは、全体設定等で決められる設定を制作者さんや有志の方によって設定してくださっているものです。当ブログでは「いつものローズ」を使用しています。広告設定では、下記の画像のようにたくさんの設定ができます。アドセンスの広告コードを貼り付けるだけで広告が表示されます。自動広告のみ自動広告とマニュアル広告(貼り付け場所や広告の種類を自分で決める)の併用マニュアル広告のみと、自分で選択できます。マニュアルの場合、下記画像の部分で設定できます。当ブログでは今のところ、自動広告とマニュアル広告の併用で運営してみています。タイトル設定cocoon設定>タイトルタイトル設定では画像の他、投稿ページ、固定ページ、カテゴリーページの設定が出来ます。当ブログではまだ設定していません。SEO設定cocoon設定>SEOheadタグの設定や日付の設定が出来ます。こちらは初期設定のまま変更していません。OGP設定cocoon設定>OGPOGP設定ではツイッターカードの設定、ホームページが共有された時の画像の設定が出来ます。ツイッターカード設定では、「サマリー」から「大きな画像のサマリー」に変更しています。ホームイメージは初期はcocoonの画像になっています。イラストは一応真面目に書いてます。サイズは元のCocoonの画像に合わせて「880×660」で作成しています。アクセス解析設定cocoon設定>アクセス解析こちらでは、タグマネージャ、アナリティクス、サーチコンソールのIDを入れるだけで設定が終わります。その他のHEADに入れるアクセス解析も、ここから設定できます。カラム設定cocoon設定>カラムコンテンツやサイドバーの幅や余白、線の幅や色を設定できます。当ブログではここは何も変更していません。インデックス設定cocoon設定>インデックスここでは、投稿した記事の一覧をどのように表示するのかを設定できます。ここも何も変更していませんが、記事一覧をおしゃれなカードタイプに変更が出来ます。パンくずリスト設定」などが出来ます。関連記事内にアドセンスを入れるように設定できます。(アドセンスで関連記事内にアドセンスを設定できるようになっている人のみ)当ブログはまだ、関連記事内にアドセンス設定を出来ないので変更していません。「パンくずリスト設定」は、「メインカラムトップ」に変更しました。パンくずリストとは、下の画像の部分のことで読者さんがブログ内で迷子にならないように設置されています。グリム童話「ヘンゼルとグレーテル」が来た道にパンを落としたことが由来となっています。固定ページ設定cocoon設定>固定ページ固定ページ設定でも、「パンくずリスト設定」が出来ます。こちらはデフォルト(メインカラムボトム)から変えていません。その他、「コメント設定」が出来ます。「外部リンク設定」「内部リンク設定」などが設定できます。ここは何も変えていません。目次設定では目次の表示の有無や表示条件等あるのですが、ここも変更していません。SNSシェア設定cocoon設定>SNSシェア本文上、本文下のシェアボタンの表示の有無やカラー等設定できるのですが、変更していません。その他、「ツイッター設定」があり、ツイートにメンションを含めるツイート後にフォローを促すツイート時に含めるハッシュタグの設定があります。こちらも変更していません。本文下SNSシェアの下に表示されるSNSフォローの設定です。こちらも変更していません。IMAGE設定ができます。「画像の囲み効果」を「ボーダー(薄い枠線)」に変更しました。IMAGE設定は設定していないのですが、当ブログでは妹子が記事アップ→その後兄者がアイキャッチ設定となっているので、当ブログの場合、ここは設定したほうがいいと感じました。ブログカード設定cocoon設定>ブログカード内部、外部ブログカードの設定が出来ます。どちらも変更していません。コード設定cocoon設定>コードコードの表示等の設定が出来ます。こちらも変更していません。コメント設定cocoon設定>コメントこちらも変更していません。通知設定とは下の画像の赤枠の部分です。(ジャンルの違う他サイトのため、一応モザイク入れさせていただきました。)上のような通知が、下の画像の部分を設定するのみで簡単に出来ます。文字も変えられるので、お仕事で使われている方、自身の商品がある方に特に重宝します。当ブログでは今のところ使っていません。アピールエリア設定cocoon設定>アピールエリアアピールエリアとは下の画像の部分です。(ジャンルの違う他サイトのため、一応モザイク入れさせていただきました。)アピールエリアも通知設定のように、簡単に設定できます。通知よりも大きく表示できるため、よりオススメしたい、お伝えしたいことがあるときに有効です。当ブログでは今のところ使っていません。カルーセル設定cocoon設定>カルーセルカルーセル設定では、最近よく見る、トップページで記事がクルクル回っているものを設定できます。通知設定、アピールエリア設定同様、簡単に設定できます。当ブログでは今のところ使っていません。フッター設定cocoon設定>フッターフッター設定では、「メニュー&クレジット」を中央揃えに変更しました。その他、コピーライトもテンプレートのようになっていてお好みのものを選べます。ボタン設定cocoon設定>ボタンページトップにスクロール移動するボタンの設定ができます。当ブログでは変更していません。モバイル設定cocoon設定>モバイルモバイル環境で表示するレイアウトの設定が出来ます。当ブログでは変更していません。こちらもプレビューが見れるのでわかりやすいです。404ページ設定cocoon設定>404ページ404ページになってしまった時の画像やメッセージを設定できます。当ブログでは変更していません。AMP設定cocoon設定>AMPAMPの有効化、除外カテゴリが設定できます。当ブログでは今のところ、変更していません。管理者画面エディターその他リセットテーマ情報に関しては、とくに記載することもないかなと判断したので割愛させていただきます。「Cocoon」初期設定のまとめ今回書いた文章や画像で載せきれていない部分もあります。Cocoonは無料テーマですが、出来ること、設定できることが本当にたくさんあります。広告設定から広告位置の最適化は、やっていきます。以上、ワードプレス無料テーマ「Cocoon」のCocoon設定一覧でした。今後、その他の部分の設定等書いていきます。無料ワードプレステーマ「Cocoon」を愛用して2.5ケ月が経ちました。Cocoonに入れるプラグインは、どのプラグインがいいか考えながら導入し、今も使用しているプラグインをまとめて紹介して行きます。無料ワードプレステーマ「Cocoon」を愛用して2.5ケ月が経ちました。Cocoonに入れるプラグインは、どのプラグインがいいか考えながら導入し、今も使用しているプラグインをまとめて紹介して行きます。2018.09.14ブログ運営ブログはじめました。流れに任せて今を生きる30代の兄者と、鉄骨並みの頭の固さで現在を生きる30代の妹子。そんな対照的な兄と妹がブログを開設しました。中心に、働くこと、稼ぐこと、節約することを発信していきます。【ブログ運営報告】兄妹ブログ2ヶ月目の報告【アクセス数・収入公開】ブログを開設してから2ケ月が経ちました。収入やアクセス数(pv数)など1ケ月目と比較しながら公開したいと思います。ツイッター運用に関しても書いていきます。【ブログ運営報告】兄妹ブログ1ヶ月目の報告【アクセス数・収入公開】ブログを開設してから1ケ月が経ちました。開設してからやったことや収入、アクセス数(pv数)など、公開したいと思います。今後の課題や、やっていくことも書いていきます。コメントをキャンセルメールアドレスが公開されることはありません。*サイトやわらか兄者のプロフィール神奈川で生まれ、岐阜で育ち、現在埼玉在住の流れに任せて今を生きる30代、兄者です。兄なのに、妹よりもしっかりしていないと言われ続けて約30年。足りない部分を補い合えそうだと妹を誘い、当ブログを立ち上げる。日々、妹にケツを叩かれ、アゴで使われ、それでも笑って許す、超ドMとしての才能が開花。今までの豊富な仕事経験、豊富な副業経験、豊富な失敗談を発信していきます!兄者の詳しいプロフィールはコチラ鉄骨妹子のプロフィール岐阜で育ち、名古屋で学び、東京で人材系の会社に就職し、埼玉に嫁ぎ、柔軟な兄とは対照的に、鉄骨並みの頭の固さで現在を生きる30代。妹キャラというより、幼少期より身についてしまった奴隷体質で、当ブログの記事執筆と日程管理を担当。雑記ホーム検索トップサイドバーやわらか兄者のプロフィール神奈川で生まれ、岐阜で育ち、現在埼玉在住の流れに任せて今を生きる30代、兄者です。兄なのに、妹よりもしっかりしていないと言われ続けて約30年。足りない部分を補い合えそうだと妹を誘い、当ブログを立ち上げる。日々、妹にケツを叩かれ、アゴで使われ、それでも笑って許す、超ドMとしての才能が開花。今までの豊富な仕事経験、豊富な副業経験、豊富な失敗談を発信していきます!兄者の詳しいプロフィールはコチラ鉄骨妹子のプロフィール岐阜で育ち、名古屋で学び、東京で人材系の会社に就職し、埼玉に嫁ぎ、柔軟な兄とは対照的に、鉄骨並みの頭の固さで現在を生きる30代。妹キャラというより、幼少期より身についてしまった奴隷体質で、当ブログの記事執筆と日程管理を担当。