cocoon

cocoon

【cocoonカスタマイズ⑦】固定ページごとにテーマ画像を変える方法|テーマ画像=アピールエリアの画像

WordPressサイトで固定ページごとに異なる背景画像を設定する手順を紹介。Cocoonを使って複数トピックスを扱う際に、見た目を整えたい方におすすめ。CSSのコード例も解説しています。
cocoon

【cocoonブロック③】ウィジェットブロック一覧・使い方も解説

アーカイブ アーカイブブロックを使うと、年と月がリストのように表示されます。 そして、この項目をクリックすると、その時に書いた記事のアーカイブを見ることができる。 カレンダー このカレンダーから、その日に書いた記事にアクセスすることができま...
cocoon

【cocoon基本設定⑥】ボックスメニューのカテゴリーを減らす方法

Cocoonテーマでブログのサイドバーをカスタマイズ!ヘッダーのメニューをそのまま使うとサイドバーがごちゃつくことも。この記事では、ボックスメニューで表示項目を絞る方法とその手順を解説します。初心者でも簡単にサイドバーをスッキリ見せるカスタマイズ術をチェック!
cocoon

【2分で読める!】サイドバーのボックスメニューの背景色を変更する方法(CSSのコピペでOK)|【cocoonカスタマイズ⑥】

伝えたいこと 今回もサイドバーのカスタマイズをしていきます。現在、僕のブログのサイドバーは以下の写真のように背景色が真っ白でブログに馴染んでいません。そこで、サイドバーのメニューの背景色を変更していこうと思います。 背景色を変更する手順 「...
cocoon

【2分で解説!】パンくずリストの背景色を変更する方法|【cocoonカスタマイズ⑤】(webサイトの現在地を示すもの)

伝えたいこと 今回はパンくずリストの背景色を変えていきます。僕のブログは、背景色をデフォルトではない色を選択しています。そのため、デフォルトのパンくずリストのままでは、以下の写真のようにパンくずリストが目立ってしまい、少しカッコわるいです。...
cocoon

【2分で読める!】サイドバーのボックスメニューにアイコンを挿入する方法 (追加CSS)|【cocoonカスタマイズ④】

伝えたいこと 現在、僕のブログのサイドバーはこのような状態です。ボックスメニューを追加したのですが、アイコンが全て星形になっており、見栄えがよくありません。そこで、今回はボックスメニューの星形アイコンを僕が用意した画像に差し替えようと思いま...
cocoon

【2分で解説!】webサイトのヘッダーにロゴを追加する方法|【Cocoon基本設定⑤】

伝えたいこと 今回はヘッダーにアイコンを挿入する方法を説明します。僕も自分でアイコンを作成したので、それを以下の写真の示す部分に挿入していきます。ちなみに、アイコン画像は 512 × 512 px です。 ヘッダーにロゴを追加する方法 「C...
cocoon

【cocoonデザイン①】マーカーを好きな色に変更する方法|使用する色を指定し、ブログに統一感を!

伝えたいこと 今回は、ブログで使用するマーカーの色を変更していこうと思います。 マーカーで使用する色も自身で設定し、より統一感のあるブログを目指します!ちなみに、変更前はこんな感じです。 ちなみに、文字全部を覆うマーカーを「マーカー」といい...
cocoon

webサイトのタブの左上に表示される画像(ファビコン)を変更する方法|[cocoon基本設定④]

伝えたいこと webサイトを検索したとき、写真のようなタブで表示されます。 今回は、タブの左上に表示される画像を任意の画像に変更する方法を説明します。 ちなみに、この画像のことをファビコンというらしいですよ…。 ぜひ、検索のときはこのキーワ...
cocoon

[cocoon基本設定③] アイキャッチの挿入方法をサクッと解説!|ブログを一気に華やかに…

伝えたいこと アイキャッチは、ブログの投稿に設定される、ユーザーの目を惹くための画像です。これを設定すると殺風景なブログも、グッと華やかになります! ということで今回はアイキャッチの設定方法を説明します。 アイキャッチ設定の手順 ① まず、...