>> 人急急上昇のWordPressテーマ「SWELL」を徹底レビュー!正直神テーマです!

【無料WordPressテーマ】Cocoon初心者が使いこなしたい装飾系【全部試してみた】

質問のアイコン画像質問

Cocoonの装飾系の機能ってどんなものがあるの?


アンパパブログもCocoonを採用しています。
→すみません、現在はさらなる使いやすさとデザインの良さを求めてにしています。Cocoonも使いやすいですが、SWELLはやみつきになるくらいの使いやすさです!(笑)




本記事では、Cocoonの装飾系のブロックを全て試して見ました。
特にブログ初心者であれば、一度試してみて、感覚をつかむことが大事だと思います。

なお、Cocoonのブロック要素は4つあります。それぞれ説明していきたいと思います。

Cocoonブロック要素
  • Cocoonブロック
  • Cocoon汎用ブロック
  • Cocoonマイクロコピー
  • Cocoonレイアウト
目次

Cocoonブロック

アイコンボックス

アイコンボックスとは、下記のようにアイコンと文章をセットにしたボックスです。

重要な情報や注意点などを伝えたい時に使えそうですね。

Cocoonのアイコンボックス



他にも「メモ」「コメント」「OK」「NG」「GOOD」「BAD」「プロフィール」などのアイコンがあります。

案内ボックス

案内ボックスは、下記のように背景色を変えたボックスです。

稼いでいるブロガーさんを見ると、このようなボックスを使いこなして、ただの文字列が続かないように工夫しているようです。

Cocoonの案内ボックス

白抜きボックス

アンパパブログも最近多用している白抜きボックスです。

何か説明文を入れたりする時活用しています。

Cocoonの白抜きボックス

付箋風ボックス

これもアンパパブログでよく使います。

付箋のように、タスクやTO DOリストなどを表現するとき活用しています。

Cocoonの付箋風ボックス

タブボックス

タブボックスは、下記のように何かを紹介したりする時使えますね。

Amazonタブで、Amazonの商品を紹介してもいいかと思います。

Cocoonのタブボックス

吹き出し

最近どのブログも吹き出しをよく見ますよね。

Cocoonならデフォルトで吹き出しが使えます。

Cocoonの吹き出し

ブログカード

ブログカードを使えば、他の記事へのリンクをオシャレにできますね。

Cocoonのブログカード

左上の文字は「あわせて読みたい」だけでなく、「人気記事」「参考記事」などにすることもできます。

ボタン

Cocoonならボタンも簡単にできてしまいます。

Cocoonのボタン

囲みボタン

Cocoonならアフィリエイトのタグもボタン化できます。

Cocoonの囲みボタン

トグルボックス

こんな感じで、記事をオープンしたりクローズしたりできます。

Cocoonのトグルボックス


検索案内

Cocoonの検索案内

タイムライン

こんな感じのタイムラインも簡単につくれます。手順なんかを整理する時にも使えそうですね。

Cocoonのタイムライン

アイコンリスト

Cocoonならただの箇条書きではなく、アイコンを使ってオシャレに箇条書きが書けます。

Cocoonのアイコンリスト

Cocoon汎用ブロック

見出しボックス

これもアンパパブログでよく使います。
見出しをつけれる汎用的なボックスです。

Cocoonの見出しボックス

タブ見出しボックス

見出しボックスに似ていますが、タブのようなボックスです。

Cocoonのタブ見出しボックス

ラベルボックス

これも見出しボックスに似ていますが、ラベルがついたボックスです。
「見出しボックス」「タブ見出しボックス」「ラベルボックス」どれを使えばいいかは、好みがわかれそうですね。

Cocoonのラベルボックス


Cocoonマイクロコピー

マイクロテキスト

Cocoonならこんな感じで小さな文字が書けます。

Cocoonのマイクロテキスト

マイクロバルーン

Cocoonならこんな感じで小さな吹き出しが書けます。

Cocoonのマイクロバルーン

Cocoonレイアウト

2カラム

Cocoonなら本文を2カラムに分割することもできます。

Cocoonの2カラム

下記のサンプルは、「1:1」ですが、比率を「1:2」「2:1」「1:3」「3:1」に変えられます。

3カラム

Cocoonなら、本文を3カラムに分割することもできます。

Cocoonの3カラム

まとめ

まとめ

Cocoonの装飾系を全部紹介してみましたが、いかがでしたでしょうか?

実は知らない機能があったのではないでしょうか?
Cocoonの装飾機能を使いこなして、読みやすい記事を作りたいですね!

ブロガーおすすめ記事

▼え?30分でWordPressが立ち上げられるの?
WordPress初心者でも爆速でブログを開設する方法

▼稼げるアフィリエイトASPを紹介します!
アフィブログで稼ぐために絶対登録しておきたいASP6選

▼WordPressテーマ選びに困ったら…
【ブログ初心者にオススメ】WordPress有料テーマランキング

▼SNSのアイコンを変えて収益もモチベーションもUP!
【体験談】ココナラでSNSアイコンのイラストを依頼してみた【素敵アイコンに大満足!】

よかったらシェアしてね!

\当ブログで絶賛利用中/

とにかく使いやすくて圧倒的に美しい!
まさに感動するWordPressテーマです!

a

この記事を書いた人

フリーランス(ITエンジニア×ブロガー) | 元サラリーマン(SE歴13年) | 常にIT技術を追求 | 在宅で稼ぐ技を実践 | 楽しく幸せに生きるコツを発信中 | 詳しいプロフィールはコチラ
  \フォロー、はてブお願いします/

目次
閉じる