見ていただきありがとうございます。ぽぽです。
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のカスタマイズで、一番イヤだった2つ
8つのうち、一番イヤだったのはこの2つです。
- サイドバー
- 表
サイドバー|カテゴリーが98個並んだ

スケートボードのブログは、カテゴリーが99個あります。
サイドバーには、そのうち98個がずらっと並んでいます。
減らしたくて、Googleで調べるところまでは行くんです。
でも結局イマイチわからず。
全体的に妥協しているんですよね。
直す場所は「外観」→「ウィジェット」です。
多すぎるカテゴリーは、ドロップダウン(押すと開く形)にたためます。

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

Cocoonのころ、表は1つ10〜15分。
表の中にボタンのリンクを入れるのも、手間と時間がかかります。
幅は、たぶんあきらめました。
横スクロールはCocoonの設定、色と幅はFlexible Table Blockで直せます。

Cocoonのカスタマイズ、ほかの6つ
残りの6つも、1つずつ短く書きます。
目次|h3の番号を消せなかった

h3(小見出し)の番号がごちゃごちゃして見えて、消したかったんです。
でもできませんでした。
コードは怖くてさわれず。
サイトが壊れそうで、かまえなかったんですよね。
番号の形と深さは、Cocoon設定の「目次」タブで変えられます。
h3の番号だけ消すのは、CSS(見た目を決めるコード)が必要でした。

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

変えたかったのは色と形。
色は時間がかかり、形はあきらめています。
Cocoon設定に、見出しだけを変える項目はありません。
形を変えるなら、スキン(サイト全体の着せかえ)か追加CSSです。

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

ほかの記事を紹介する、カードの形のリンクです。
大きさが上手く設定できません。
そもそも「ブログカード」という言葉を知りませんでした。
Cocoon設定に、大きさを変える項目はありません。
変えるなら追加CSSです。

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

ロゴを画像にしようとして、やり方が分からず。
画像が切れる。大きさが合わない。スマホで変になる。
まーしょうがない、いつの日か直そう
そう思ったままです。
直す場所は、Cocoon設定の「ヘッダー」タブです。
画像が切れるときは「背景画像を全て表示する」、ロゴの大きさは「ロゴの幅・高さ」でした。


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


YouTubeを見てやったら、こうなりました。
ヘッダーの下に、何も入っていない空白があります。
プロフィールもいまいちです。
空白の正体は「アピールエリア」でした。
Cocoon設定の「アピールエリア」タブで、表示しないにできますよ。


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


ネットとYouTubeで調べて、作ったのは作ったんです。
でも、いろいろ中途半端。
あきらめています。
スマホの下のバーは、Cocoon設定の「モバイル」タブで消せますよ。


Cocoonのカスタマイズ、いじっても100点中30点
8つとも、どこかで止まっています。
スケートボードのブログの点数は、100点中30点です。
お手本のブログを見ても30点。
おしゃれにしようとした話は、こちらに書いています。


それでも、スケートボードのブログは今もCocoonのままです。
ぽぽブログの記事に使えるかなと思って、わざと残しています。
私は、このあとSWELLに変えました。
SWELLの目次を初めて見たときは、こうでした。
めっちゃいい
ブログカードも、SWELLは簡単でした。
変えてどうなったか。
払ったお金と、記事が崩れた3ヶ月は、こちらにまとめています。




まとめ|Cocoonのカスタマイズは、気になる場所から1つずつ
- Cocoonのカスタマイズは、8つの場所それぞれに止まりどころがある
- 私が一番イヤだったのは、サイドバーと表
- 直す場所は、8つのうち4つが「Cocoon設定」のタブ
- いろいろいじって、スケートボードのブログは100点中30点
気になる場所が1つでもあれば、そこだけのぞいてみてくださいね。

コメント