ブロック(ページを構成するパーツ)の追加の仕方

WordPressに用意されている様々なパーツ(ブロック)を組み合わせてページを作る事ができます。

左上のプラスマークをクリックすると一覧が表示され、ブロックを追加できます。

ブロックの右に表示される「+」ボタンからもブロックの追加が可能です。
※出てこない時は、キーボードの「return」を押すと表示されます。

③編集画面では、ブロックを「コピー&ペースト」することもできます。
 このページから別のページにペーストすることも可能です。

位置の入れ替えは、クリックすると表示される矢印で移動します。

さまざまなブロックのサンプル


h1見出し

h2見出し

h3見出し

h4見出し

h5見出し
h6見出し

文章と画像【メディアと文章】(設定が簡単!)

メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。

文章と画像【カラム】(カラムの幅が自由に設定できる)

カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。

カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。


アイコンリスト(箇条書きにして目立たせたい時に!)

  • アイコンリスト
  • アイコンリスト
  • アイコンリスト
  • アイコンリスト
  • アイコンリスト
  • アイコンリスト
  • アイコンリスト
  • アイコンリスト
  • アイコンリスト
  • アイコンリストをボックスに入れる
  • アイコンリストをボックスに入れる
  • アイコンリストをボックスに入れる


ステップ(流れにそって説明したい時に!)

メール・電話でのご連絡 

ステップです。流れにそって内容を説明したい時に使用します。

初回のご相談・見積書作成

ステップです。流れにそって内容をを説明したい時に使用します。

契約・着手金支払い

ステップです。流れにそって内容をを説明したい時に使用します。


吹き出し

こじま

ここがポイント!

吹き出しも簡単に設定できます。会話風に見せたい時や、ポイント的に説明したい時など、いろいろ使えます。

こじま

吹き出しも簡単に設定できますよ!

こじま

会話風に見せたい時や、ポイント的に説明したい時など、いろいろ使えて楽しい!


ギャラリー(複数の画像を並べる)

スライダー(複数の画像を切り替える)

テーブル(表)

表の項目表の項目表の項目
表の内容表の内容表の内容
表の内容表の内容表の内容
表の内容表の内容表の内容

ミャジル表のボックスを触ると出てくる「田」のマークから、追加削除などの編集が可能です。


お客様の声

お客様の声です。お客様の声です。
お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。
こじま行政書士事務所 様
行政書士事務所
お客様の声です。お客様の声です。
お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。
こじま行政書士事務所 様
行政書士事務所
お客様の声です。お客様の声です。
お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。
こじま行政書士事務所 様
行政書士事務所

段落(テキストボックス)の装飾

右側の設定パネルで「ブロック」のタブを選び、色も自由に変更できます。

アラート…注意事項などに使えます!

アラート(ワーニング)…注意事項などに使えます!

アラート(備考)…補足情報などに使えます!

付箋にもなります。付箋にもなります。付箋にもなります。付箋にもなります。付箋にもなります。

付箋らしい付箋

吹き出しにもなります!


テキストの装飾

テキストボックス(段落)を触ると出てくる「猿の顔マーク」をクリックすると、テキストの装飾ができます。

  • バッジ
    テキストの装飾は、テキストボックスを触ると出てくる猿の顔マークをクリック!
  • 文字サイズ、文字色
    テキストの装飾は、テキストボックスを触ると出てくる猿の顔マークをクリック!
  • 背景色
    テキストの装飾は、テキストボックスを触ると出てくる猿の顔マークをクリック
  • 蛍光ペン
    テキストの装飾は、テキストボックスを触ると出てくる猿の顔」マークをクリック

ボタン

ボタンをさわると出てくる「リンクマーク」からリンク先のURLを設定できます。