cocoon 【cocoonカスタマイズ⑦】固定ページごとにテーマ画像を変える方法｜テーマ画像=アピールエリアの画像
WordPressサイトで固定ページごとに異なる背景画像を設定する手順を紹介。Cocoonを使って複数トピックスを扱う際に、見た目を整えたい方におすすめ。CSSのコード例も解説しています。
Blog Design
cocoon 
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...
Design Inkscape (インクスケープ)で作成した画像をpng形式で保存する方法｜【デザイン】
僕は、ブログで使用する図を "Inkscape" で作成しています。でも、Inkscapeって、.png や .jpeg などで保存できないんですよね。今回は .png 形式で作成した画像を保存する方法を説明します。 .png 形式で保存す...
Design 【厳選5つ】僕が愛用している商用フリー画像サイト紹介①｜【デザイン】
はじめに ブログを書くにあたってイラストってかなり重要です。イラストがあるだけで内容が伝わりやすくなります！おしゃれなイラスト使うだけで、記事自体もおしゃれになります。 僕が使っている、商用利用可能なフリーイラストサイトの中に「何枚か使った...
cocoon 【cocoonデザイン①】マーカーを好きな色に変更する方法｜使用する色を指定し、ブログに統一感を！
伝えたいこと 今回は、ブログで使用するマーカーの色を変更していこうと思います。 マーカーで使用する色も自身で設定し、より統一感のあるブログを目指します！ちなみに、変更前はこんな感じです。 ちなみに、文字全部を覆うマーカーを「マーカー」といい...