Blog

【初心者向け】これを見ればブログ開設できるよ!(Cocoonテーマの設定)

初めてブログを立ち上げる人でもこれさえ見れば大丈夫だよという記事を書こうと思っています。
今回はCocoonテーマについて紹介します。



Cocoonは【わいひら】さんが無料公開しているテーマで、非常に高機能で使いやすいです。
Cocoonのダウンロードページからダウンロード可能です。


テーマをCocoonに設定する

1.「ダウンロード」をクリック。



親テーマのダウンロードをします。
2.「"Cocoonテーマ"をダウンロード」をクリック。



子テーマのダウンロードをします。
3. 「"Cocoon子テーマ"をダウンロード」をクリック。



4.
WordPressのダッシュボードを開き、「外観」「テーマ」をクリック。



Cocoonの親テーマをインストールします。
5.「新規追加」をクリック。



6.
「テーマのアップロード」をクリック。



7.
「ファイルを選択」をクリックして、2.でダウンロードした"cocoon-master"から始まる親テーマファイルを選択し、「今すぐインストール」をクリック。



Cocoonの子テーマをインストールします。
8.「新規追加」をクリック。



9.
「テーマのアップロード」をクリック。



10.
「ファイルを選択」をクリックして、2.でダウンロードした"cocoon-child-master"から始まる子テーマファイルを選択し、「今すぐインストール」をクリック。



11.
「有効化」をクリック。



これでテーマをCocoonに設定完了です。




Cocoonの細かい設定をする

ここからは私がどのように設定したかの記録を残しておきます。
もちろん各々のお好みで調整いただいて結構ですのでここからはスルーして大丈夫です!


「Cocoon設定」
をクリックして設定を進めてください。



下記キャプチャの青枠部分の項目の内容が設定できます。



ここからは設定を変更した各項目の要素についてです。
青枠で囲った部分が、該当の箇所/変更した箇所となります。


まずは「全体」の設定です。




全体

「ヘッダー」の設定です。




ヘッダー

「OGP」の設定です。




OGP

「カラム」の設定です。




カラム

「インデックス」の設定です。




インデックス

「投稿」の設定です。




投稿

「SNSシェア」の設定です。




SNSシェア

「画像」の設定です。



「モバイル」
の設定です。



僕のCocoonの設定を記録しました。
何か誰かの参考になる部分があれば嬉しいです。

-Blog
-

Copyright© 薬剤師による雑記帳-医療とお金と- , 2021 All Rights Reserved Powered by AFFINGER5.