無料でおしゃれなワードプレスブログにする為の表現方法【Cocoon ブロック一覧】

BLOG
初心者ブロガーりょし
初心者ブロガーりょし
  • WordPress(ワードプレス)ブログの記事をお洒落に表現するやり方ってどうやってやるの?
  • Cocoon (コクーン)のデザインテーマはどんなブロックがあるの?

WordPress (ワードプレス)を始めたばかりの方は、記事を色鮮やかにお洒落に表現するツールの使い方がどのようにして使用するかわかりませんよね。

私も初めは同じでした。

黒文字の文をただひたすら書き続けていて、なんだか地味なブログになっていました。

ここでは、WordPressテーマのCocoonでどのような表現が出来るか、その使い方を紹介します。

まだWordPressのデザインテーマを変更していない方は、こちらの記事を参考にしてみてください。

スポンサーリンク

無料でおしゃれなワードプレスブログにする為の表現方法【Cocoon ブロック一覧】

WordPress (ワードプレス)の無料デザインテーマのCocoon(コクーン)で使用できるブロック一覧を紹介します。

使用方法がわからないという方は、下のURLをクリックして読み飛ばしてください。

Cocoonブロック

1.白抜きボックス

白抜きボックス

2.アイコンリスト

  • アイコンリスト

3.トグルボックス

トグルボックス

4.タブボックス

タブボックス

5.アイコンボックス

アイコンボックス

6.案内ボックス

案内ボックス

7.ブログカード

ブログカード

8.付箋風ボックス

付箋風ボックス

9.案内検索

10.ボタン

11.タイムライン

タイムラインのタイトル
  • ラベル
    タイトル

    タイムライン

12.吹き出し

しょし
しょし

吹き出し

Cocoon汎用ブロック

1.見出しボックス

見出し

見出しボックス

2.タブ見出しボックス

見出し

タブ見出しボックス

3.ラベルボックス

見出し

ラベルボックス

Cocoonマイクロコピー

マイクロバルーン
マイクロテキスト

Cocoonレイアウト

1.2カラム

2カラム

2.3カラム

3カラム

スポンサーリンク

Cocoonブロックの使い方

1.WordPress (ワードプレス)の投稿画面編集を表示します。

2.本文の『+』ボタンをクリックします。

3.『ブロックの検索』で検索するか、使いたいツールを選択します。

カテゴリで選択する場合、Cocoonのデザイいブロックが表示されていない為、

4.『よく使うもの』のタグをクリックします。

5.下記タグが表示されたら、下にスクロールします。

6.(Cocoonブロックを使いたい場合)『Cocoonブロック』のタグを選択します。

7.使いたいツールをクリックします。

人気記事 【無料あり】プログラミング学習方法とオススメの優良プログラミングスクール

人気記事 初心者でも簡単にWordPress(ワードプレス)でホームページを作る方法

この記事を書いた人
しょし

僕はどこにでもいるただの「しょし」です。
ブログを勉強しながら備忘録として執筆中。
大学でプログライングを勉強→就活で150社落ちる→入社したがパワハラで円形脱毛8個できる→6年間世界各国で仕事をする→帰国しパワハラにあう→休職→ブログ設立/ブログ、ガジェット、人生論など執筆。

しょしをフォローする
BLOG
スポンサーリンク
しょしをフォローする
Shooo blog

コメント

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