記事内にプロモーションを含む場合があります。

当サイトの記事内では「アフィリエイト広告」などの広告を掲載している場合があります。消費者庁「ステマ規制」にあわせ、読者の誤認とならないよう、コンテンツ制作を心がけていますので、ご安心ください。

また、問題のある表現がありましたら、お問い合わせやコメントにて該当の箇所と併せてご一報いただけますと幸いです。

【Cocoon】ブログカスタマイズ記録！自分らしいデザインにカスタマイズ

ブログについて

2023.05.172023.11.10

2022年11月に雑記ブログを始めて、約半年。

最初はゆるゆる書くだけでしたが、最近はサイトの見た目を変えるのも楽しんでします。

いつどこを変えたのか、自分でも思い出せるように。

上に追記していくようにするので、最新の記録がTOPにくるようになっています！

スポンサーリンク

目次

2023年5月中旬：アピールエリアを作成・そのほか修正
2023年5月頭：サイト型にあこがれる（Cocoon＋固定ページ）
ロゴの変更・アイキャッチの変更
2022年11月：サイト開設・Cocoonを使う

2023年5月中旬：アピールエリアを作成・そのほか修正

やったこと

アピールエリアの作成
NewPostの記事並びの見た目を変更
Categoryエリアだけに背景＋背景を斜めに切る
Topに戻るボタンを画像に
デベロッパーツールを使いこなす
アイキャッチを作り直して統一感をもたせる

アピールエリアの画像：Unsplash（iOSアプリ）

Topに戻るボタンの画像・そのほか参考に：Koikenoteさん

おしゃれでも丁寧でもない、地味でズボラな一人暮らし40代の雑記ブログ。見守り介護や暮らしのヒント、おすすめアイテムやCocoonのカスタマイズ方法などを綴っています。

macの場合：「ブラウザ上で右クリック⇨調査」でデベロッパーツールが見られる。

2023年5月頭：サイト型にあこがれる（Cocoon＋固定ページ）

やったこと

サイト型へ
HTMLでの編集
Font Awesome
吹き出しの使い方を学ぶ

参考：Turiccoさん

Cocoonサイト型トップページの作り方｜シンプル＆おしゃれデザイン【HTML・CSSコピペOK】

更新情報（2026/02/15）リンクボタンのスタイルを修正しました。Cocoonでサイト型トップページは作れる？結論から言うと、Cocoonでもサイト型トップページは作れます。この記事で作れるトップページは、次のような構成です。新着記事一...

ロゴの変更・アイキャッチの変更

イラストレータで自作してロゴを変更

2022年11月：サイト開設・Cocoonを使う

無料サーバー：スターサーバーフリー「フリー PHP+MySQL」

にてスタート。

とりあえずCocoonにして記事をアップし始める

スターサーバーフリーではPHP+MySQL以外ではWordPress使えません。

コメント