Cocoonのカスタマイズまとめ|初心者の私が止まった場所別8つ(いじっても30点)

当サイトはアフィリエイト広告を利用しています。
Cocoonのカスタマイズ 場所別8つのまとめ。目次・見出し・サイドバー・表など止まった所と記事

見ていただきありがとうございます。ぽぽです。

Cocoonのカスタマイズで、こんなことはありませんか。

  • どこから手をつければいいか、わからない
  • 調べて直しても、なんだか素人っぽい
  • 1か所に時間がかかって、ほかが手つかず

私も同じです。

Cocoonは1年2ヶ月使いました。

目次、見出し、サイドバー(記事の横の欄)、表。

いろいろいじって、スケートボードのブログの点数は100点中30点です😇

先に、答えを書いておきます。

場所私が止まったところ直す場所
目次h3(小見出し)の番号を消せないCocoon設定の「目次」タブ
見出し形はあきらめたスキンか追加CSS
サイドバーカテゴリーが98個外観の「ウィジェット」
ブログカード大きさが合わない追加CSS(設定はない)
ヘッダーロゴを画像にできないCocoon設定の「ヘッダー」タブ
トップページ謎の空白Cocoon設定の「アピールエリア」タブ
表1つ作るのに10〜15分Flexible Table Block(表を作る道具)
メニュー中途半端なままCocoon設定の「モバイル」タブ

場所の名前を押すと、その章へ飛びます。

くわしい直し方は、8つとも記事を1本ずつ書いています。

気になる場所から読んでくださいね。

この記事を書いている人
  • 過去の自分:Cocoonを1年2ヶ月。ネットとYouTubeで調べて、だいたい妥協した
  • いま:SWELLでブログ4年目(スケートボードのブログはCocoonのまま)
Cocoonのカスタマイズで私が止まった8つ。目次はh3の番号を消せない、見出しは形をあきらめた、サイドバーはカテゴリーが98個、ブログカードは大きさが合わない、ヘッダーはロゴを画像にできない、トップページは謎の空白、表は1つ10〜15分、メニューは中途半端なまま。一番イヤだったのはサイドバーと表
Cocoonのカスタマイズ、私が止まった8つ
目次

Cocoonのカスタマイズで、一番イヤだった2つ

8つのうち、一番イヤだったのはこの2つです。

  • サイドバー
  • 表

サイドバー|カテゴリーが98個並んだ

パソコンで見たスケートボードのブログ(Cocoon)の実物。右のサイドバーにカテゴリーが縦に並び、98個が下にずっと続く
スケートボードのブログの実物(右のカテゴリーが98個)

スケートボードのブログは、カテゴリーが99個あります。

サイドバーには、そのうち98個がずらっと並んでいます。

減らしたくて、Googleで調べるところまでは行くんです。

でも結局イマイチわからず。

全体的に妥協しているんですよね。

直す場所は「外観」→「ウィジェット」です。

多すぎるカテゴリーは、ドロップダウン(押すと開く形)にたためます。

表|1つ作るのに10〜15分

Flexible Table Blockで作ったトランクルームの比較表。左の列に色を付け、安い値段に黄色の線を引いている。一番下の公式サイトボタンは大きさがバラバラ
Cocoonのころに作った表(下のボタンは大きさがバラバラ)

Cocoonのころ、表は1つ10〜15分。

表の中にボタンのリンクを入れるのも、手間と時間がかかります。

幅は、たぶんあきらめました。

横スクロールはCocoonの設定、色と幅はFlexible Table Blockで直せます。

Cocoonのカスタマイズ、ほかの6つ

残りの6つも、1つずつ短く書きます。

目次|h3の番号を消せなかった

スケートボードのブログ(Cocoon)の実物の目次。h2もh3も1、2、3と数字が付いていて、h3の行に赤い印
スケートボードのブログの目次(赤い印がh3。番号がごちゃごちゃ)

h3(小見出し)の番号がごちゃごちゃして見えて、消したかったんです。

でもできませんでした。

コードは怖くてさわれず。

サイトが壊れそうで、かまえなかったんですよね。

番号の形と深さは、Cocoon設定の「目次」タブで変えられます。

h3の番号だけ消すのは、CSS(見た目を決めるコード)が必要でした。

見出し|色は時間がかかり、形はあきらめた

スケートボードのブログ(Cocoon)の上の部分と見出し。メニューのある上の帯も見出しも同じピンク。スキンはSimple Pink
スケートボードのブログの見出し(上の帯も見出しも同じピンク)

変えたかったのは色と形。

色は時間がかかり、形はあきらめています。

Cocoon設定に、見出しだけを変える項目はありません。

形を変えるなら、スキン(サイト全体の着せかえ)か追加CSSです。

ブログカード|大きさが合わない

Cocoonのブログカードの実物。左に小さな画像、右に記事の題名と書き出し、ピンクの枠
Cocoonのブログカードの実物(画像は160pxのまま)

ほかの記事を紹介する、カードの形のリンクです。

大きさが上手く設定できません。

そもそも「ブログカード」という言葉を知りませんでした。

Cocoon設定に、大きさを変える項目はありません。

変えるなら追加CSSです。

ヘッダー|ロゴを画像にできない

スケートボードのブログ(Cocoon)のヘッダー。ピンクの帯で、ロゴは文字のじぇしーの家のまま
スケートボードのブログのヘッダー(ロゴは文字のまま)

ロゴを画像にしようとして、やり方が分からず。

画像が切れる。大きさが合わない。スマホで変になる。

ぽぽ

まーしょうがない、いつの日か直そう

そう思ったままです。

直す場所は、Cocoon設定の「ヘッダー」タブです。

画像が切れるときは「背景画像を全て表示する」、ロゴの大きさは「ロゴの幅・高さ」でした。

トップページ|謎の空白と「これでいいの?」

スケートボードのブログのトップの実物に番号。1は何もない空白、2はNO IMAGEのカード、3はUncategorizedの札、4は右側のカテゴリー98個
スケートボードのブログのトップ(1が謎の空白)

YouTubeを見てやったら、こうなりました。

ヘッダーの下に、何も入っていない空白があります。

プロフィールもいまいちです。

空白の正体は「アピールエリア」でした。

Cocoon設定の「アピールエリア」タブで、表示しないにできますよ。

メニュー|中途半端なまま

スマホで見たスケートボードのブログ(Cocoon)。1は左上のメニューの三本線、2は右上の検索、3は下のホーム・シェア・トップ・サイドバーのバー
スケートボードのブログをスマホで見たところ

ネットとYouTubeで調べて、作ったのは作ったんです。

でも、いろいろ中途半端。

あきらめています。

スマホの下のバーは、Cocoon設定の「モバイル」タブで消せますよ。

Cocoonのカスタマイズ、いじっても100点中30点

8つとも、どこかで止まっています。

スケートボードのブログの点数は、100点中30点です。

お手本のブログを見ても30点。

おしゃれにしようとした話は、こちらに書いています。

それでも、スケートボードのブログは今もCocoonのままです。

ぽぽブログの記事に使えるかなと思って、わざと残しています。

私は、このあとSWELLに変えました。

SWELLの目次を初めて見たときは、こうでした。

ぽぽ

めっちゃいい

ブログカードも、SWELLは簡単でした。

変えてどうなったか。

払ったお金と、記事が崩れた3ヶ月は、こちらにまとめています。

Cocoonでいろいろいじってもスケートボードのブログは100点中30点。そのあとSWELLに変えた
いろいろいじって、それでも30点

まとめ|Cocoonのカスタマイズは、気になる場所から1つずつ

  • Cocoonのカスタマイズは、8つの場所それぞれに止まりどころがある
  • 私が一番イヤだったのは、サイドバーと表
  • 直す場所は、8つのうち4つが「Cocoon設定」のタブ
  • いろいろいじって、スケートボードのブログは100点中30点

気になる場所が1つでもあれば、そこだけのぞいてみてくださいね。

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

ぽぽ|ブログ歴3年

51歳。製造業で30年働きながら、ブログを3年やっています。
106記事書いて、収益は0円でした。
サーバー代とテーマ代に払った70,022円も、全部公開しています。
うまくいった話より、かかったお金と時間を、実物の数字で書いています。

コメント

コメントする

目次