30分で終わるCocoonの「とりま」デザイン【3選】

こんにちは、ひらがなくまです!

ブログを始めたのですが、デフォルトのデザインだと寂しすぎますよね。。

Cocoonを有効化して、スキンを選んで、30分で「とりあえず、まぁ」というデザインにしました!

Cocoonは最高の無料テーマだよね!

Cocoon Childを有効化する

まずは「Cocoon Child」の「有効化」です!

ダッシュボードの「外観」、「Cocoon Child」の「有効化」をクリックします!

  1. 「外観」をクリック
  2. 「Cocoon Child」の「有効化」をクリック

親テーマの「Cocoon」ではなくて、子テーマの「Cocoon Child」を有効化してください!

一瞬で終わるよ!

ConoHa Wingを契約したときに、WordPressテーマを「Cocoon」にしたので、勝手に「Cocoon」と「Cocoon Child」がインストールされてました!

「とりま」デザイン【3選】

とりあえずデザインが整う、3つの方法を紹介します!

スキンを選ぶ

スキンを選ぶだけで、サイトのデザインが生まれ変わります!

Cocoon設定」>「スキン」で、下にスクロールするとスキン一覧が出てきます!

写真アイコン」にカーソルを持っていくと、スキンを確認することが出来ます!

好きなスキンを選択」したら、忘れずに「変更をまとめて保存」をクリックしましょう!

  1. 「Cocoon設定」をクリック
  2. 「スキン」をクリック
  3. 「写真アイコン」でスキンを確認
  4. 好きなスキンを選択
  5. 「変更をまとめて保存」をクリック

僕は優しい感じの「Natural(ブルー)」を選びました!サイトが水色に統一されて、自分好みのデザインになりました!

スキンを設定するだけで、9割デザインが完成します!Cocoonを運営してる「わいひら」さん、「Natural(ブルー)」の作者「Taka」さんに感謝です!

ブログを書いてて楽しくなるね!

プロフィールをサイドバーに表示する

プロフィール」があった方が、サイトっぽいですよね!サイドバーにはとりあえず、「プロフィール」だけ追加しました。

上の「ブログ名(ひらがなブログ)」をクリックして、サイトを表示させます!

カスタマイズ」>「ウィジェット」>「サイドバー」>「ウィジェットを追加」>「プロフィール

とクリックしていって、サイドバーに「プロフィール」を表示させます!

  1. 「ブログ名(ひらがなブログ)」をクリック
  2. 「カスタマイズ」をクリック
  3. 「ウィジェット」をクリック
  4. 「サイドバー」をクリック
  5. 「ウィジェットを追加」をクリック
  6. 「プロフィール」をクリック

編集はダッシュボードの「ユーザー」から出来ます!

ユーザー名(hiraganakuma)」をクリックすると、プロフィールの編集画面になります!

  1. 「ユーザー」をクリック
  2. 「ユーザー名(hiraganakuma)」をクリック

僕は

  • ニックネーム
  • ブログ上の表示名
  • Twitter URL
  • プロフィール情報
  • プロフィール画像

を編集しました!

編集が終わったら、忘れずに「プロフィールを更新」をクリックしてください!

無事に「プロフィール」が完成しました!

これから少しずつ「プロフィール情報」を書き足したり、編集したいと思います。

ブログっぽくなってきた!

ヘッダーを編集する

「Just another WordPress Site」はいらないので、消してしまいましょう!

カスタマイズ」>「サイト基本情報」をクリックします!

サイトのタイトル」、「キャッチフレーズ」、「サイトアイコン」を編集します!

  1. 「カスタマイズ」をクリック
  2. 「サイト基本情報」をクリック
  3. 「サイトのタイトル」を編集
  4. 「キャッチフレーズ」を編集
  5. 「サイトアイコン」を編集

「キャッチフレーズ」はなくして、「サイトアイコン」はプロフィールの画像を使いました!

今のヘッダーはちょっと寂しいけど、これから「Canva」を使って、自分だけのオリジナルヘッダーを作りたいと思います!

Just a moment...

とりあえず、超シンプルなヘッダーにしたよ!

まとめ

Cocoon」と「スキン」のおかげで、簡単にサイトをデザインできました!

ヘッダーは「Canva」を使って、今のスキンに合う画像を作りたいです!

記事が増えたら「グローバルメニュー」や、「ピックアップコンテンツ」を作ろうと思います!

コメント

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