ブロック(ページを構成するパーツ)の追加の仕方
WordPressに用意されている様々なパーツ(ブロック)を組み合わせてページを作る事ができます。
①左上のプラスマークをクリックすると一覧が表示され、ブロックを追加できます。
②ブロックの右に表示される「+」ボタンからもブロックの追加が可能です。
※出てこない時は、キーボードの「return」を押すと表示されます。
③編集画面では、ブロックを「コピー&ペースト」することもできます。
このページから別のページにペーストすることも可能です。
③位置の入れ替えは、クリックすると表示される矢印で移動します。
さまざまなブロックのサンプル
h1見出し
h2見出し
h3見出し
h4見出し
h5見出し
h6見出し
文章と画像【メディアと文章】(設定が簡単!)
メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。メディアと文章です。
文章と画像【カラム】(カラムの幅が自由に設定できる)
カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。
カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。カラムです。
アイコンリスト(箇条書きにして目立たせたい時に!)
- アイコンリスト
- アイコンリスト
- アイコンリスト
- アイコンリスト
- アイコンリスト
- アイコンリスト
- アイコンリスト
- アイコンリスト
- アイコンリスト
- アイコンリストをボックスに入れる
- アイコンリストをボックスに入れる
- アイコンリストをボックスに入れる
ステップ(流れにそって説明したい時に!)
ステップです。流れにそって内容を説明したい時に使用します。
ステップです。流れにそって内容をを説明したい時に使用します。
ステップです。流れにそって内容をを説明したい時に使用します。
吹き出し
ここがポイント!
吹き出しも簡単に設定できます。会話風に見せたい時や、ポイント的に説明したい時など、いろいろ使えます。
吹き出しも簡単に設定できますよ!
会話風に見せたい時や、ポイント的に説明したい時など、いろいろ使えて楽しい!
ギャラリー(複数の画像を並べる)
スライダー(複数の画像を切り替える)
テーブル(表)
表の項目 | 表の項目 | 表の項目 |
---|---|---|
表の内容 | 表の内容 | 表の内容 |
表の内容 | 表の内容 | 表の内容 |
表の内容 | 表の内容 | 表の内容 |
ミャジル表のボックスを触ると出てくる「田」のマークから、追加削除などの編集が可能です。
お客様の声
お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。
お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。
お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。お客様の声です。
段落(テキストボックス)の装飾
右側の設定パネルで「ブロック」のタブを選び、色も自由に変更できます。
アラート…注意事項などに使えます!
アラート(ワーニング)…注意事項などに使えます!
アラート(備考)…補足情報などに使えます!
付箋にもなります。付箋にもなります。付箋にもなります。付箋にもなります。付箋にもなります。
付箋らしい付箋
吹き出しにもなります!
テキストの装飾
テキストボックス(段落)を触ると出てくる「猿の顔マーク」をクリックすると、テキストの装飾ができます。
- バッジ
テキストの装飾は、テキストボックスを触ると出てくる猿の顔マークをクリック! - 文字サイズ、文字色
テキストの装飾は、テキストボックスを触ると出てくる猿の顔マークをクリック! - 背景色
テキストの装飾は、テキストボックスを触ると出てくる猿の顔マークをクリック! - 蛍光ペン
テキストの装飾は、テキストボックスを触ると出てくる猿の顔」マークをクリック!
ボタン
ボタンをさわると出てくる「リンクマーク」からリンク先のURLを設定できます。