【無料ワードプレステーマ】ブログ初心者でも上級者のようなブログになる装飾まとめ①【Cocoon】

cocoon_box Blog

こんにちは、自作・無料・有料と色々使用しワードプレスでブログを作成してきたエリモトです。

このエリモトブログでは、わいひらさんが開発する無料ワードプレステーマ“Cocoon”(コクーン)を使用しています。

無料なのに「そこらへんの有料テーマより高機能」「サイトのデザインを簡単に変更できるスキン設定」「ブログをはじめたばかりでも簡単に使える装飾」とCocoonは本当にオススメのワードプレステーマとなっております。

その中でも今回は「ブログをはじめたばかりでも簡単に使える装飾」からCocoonブロック装飾をまとめて紹介したいと思います。

Cocoonブロック

アイコンボックス

アイコンボックスは、アイコン付きで文章を入力できるボックスになっています。

アイコンも「i」「?」「!」「メモ」「コメント」「OK」「NG」「GOOD」「BAD」「プロフィール」等豊富にそろっているのでアイコンボックスを使用するだけで綺麗なブログになります。

インフォメーションアイコンでテキストプリセットサイズはデフォルトを選択しています。

GOODアイコンでテキストプリセットサイズは小を選択しています。

BADアイコンを使用しています。GOODボタンとあわせて使うことでメリット、デメリットを紹介する時に使えます。

案内ボックス

案内ボックスはアイコンボックスとは異なり文字の色、背景の色のみの装飾で直観的に文章が読みやすくなります。

太字や下線を引く内容などをこの”案内ボックス”に記載した使い方がオススメです。

白抜きボックス

リストを囲んだり、説明文を書いたりと非常にシンプルで使いやすいボックスです。

枠線、文字、背景全ての色を簡単に変更可能です。

  • 自作テーマ
  • 有料テーマ
  • 無料テーマ

白抜きボックスの中にリストを作成しています。

付箋風ボックス

付箋のように肯定表現には「青色」注意表現には「黄色」危険表現には「赤色」と分類すると見やすくわかりやすいボックスです。

スタイルタイプは「灰色」「黄色」「赤色」「青色」「緑色」から選択可能です。

スタイル設定でタイプ「黄色」を選択しています。

タブボックス

どんなタイプの記事でも使いやすくラベルの種類も豊富(全16種)なので、記事をこのボックスにまとめるとシンプルで見やいブログになります。

ラベル「チェック」を選択しています。記事のポイントが一目でわかります。

ラベル「Amazon」を、テキストプリセットサイズは中を選択しています。

吹き出し

ブログでよく見かける吹き出しもワードプレス無料テーマ“”Cocoon”なら簡単に設定可能です。

アイコンも自由に変更できるので、オリジナリティがでるブログになります。

ブログカード

他の記事やAmazonの商品などへのリンクをURLを記入するだけで自動でキレイに装飾できます。

こちらのボックスも使い勝手がいい「関連記事」「参考リンク」などラベルが豊富(全10種)、ラベルなしの選択も可能です。

ボタン

ボタンボックスではボタン設定にURLを記載することで使用可能です。

ボタンは「リンクの開き方」「サイズ」「円形にする」「光らせる」が選択可能です。

ボタンのカラーも自由に変更が可能です。

囲みボタン

ASPで取得したアフィリエイトリンクをリンクタグ・ショートコードに貼り付けてボックスが作成可能です。

ボタンは「サイズ」「円形にする」「光らせる」が選択可能です。

ボタンのカラーも自由に変更が可能です。

下記ボタンはエリモトがこのブログで使用している国内最速レンタルサーバー”ConoHa WING”のトップページが開きます。

トグルボックス

情報量が多いカテゴリー記事などをしまうことが可能なボックスです。

  • ブラックバス
  • シーラカンス
  • スズキ

検索案内

文字を入力しておくことで指定のキーワードのみで検索をかけることができるボックスです。

タイムライン

料理ブログなどで手順や更新情報の時系列、経歴などを整理する際に便利な装飾ボックスです。

スタイル設定で「アイテム数」「ポイント色」「背景色」「文字色」「ボーダー色」が選択可能です。

タイムラインボックスタイトル
  • 2020.04.01
    新商品

    新商品が30点入荷いたしました。

  • 2020.04.09
    サイト更新

    ホームページをリニューアルいたしました。

  • 2020.04.13
    予約

    予約商品の受付を開始いたしました。

アイコンリスト

箇条書きを簡単に装飾することが可能なボックスです。

スタイル設定で「アイコン全39」「アイコン色」「背景色」「文字色」「ボーダー色」が選択可能です。

アイコンリストタイトルが記入可能
  • 豊富なアイコン全39種
  • リストタイトルは未記入でも可能

まとめ

いかがでしたでしょうか?今回は「ブログをはじめたばかりでも簡単に使える装飾」からCocoonブロック装飾をご紹介させていただきました。

無料のテーマでここまで簡単できれいに装飾できるので、まだブログのテーマを迷っている方に是非おすすめします。

紹介したブロックをひとつの記事に複数いれるとタイトルなどと混同し、逆に読みにくくなるのでその点はご注意ください。

次回は「ブログをはじめたばかりでも簡単に使える装飾」から”Cocoon汎用ブロック”、”Cocoonマイクロコピー”、”Cocoonレイアウト”をご紹介します。

タイトルとURLをコピーしました