「わかるWeb」では、WordPress（ワードプレス）の使い方やWeb（ウェブ）の初心者・初級者がわからないこと・困りごとを、解説・サポートします。
<h2>センター合わせ
このブロックの幅は100%です。
「わかるWeb」では、WordPress（ワードプレス）の使い方やWeb（ウェブ）の初心者・初級者がわからないこと・困りごとを、解説・サポートします。WordPressやサイト作りで、質問できる人がいない、インターネットの情報は難しい、そんなあなたがご利用ください。
WordPressを初めて使う人。もう仕事で使っているけど、ちょっと知りたいことを聞く人がいない。ここで解決しましょう。
<h3>センター合わせ
「わかるWeb」では、WordPress（ワードプレス）の使い方やWeb（ウェブ）の初心者・初級者がわからないこと・困りごとを、解説・サポートします。WordPressやサイト作りで、質問できる人がいない、インターネットの情報は難しい、そんなあなたがご利用ください。
WordPressを初めて使う人。もう仕事で使っているけど、ちょっと知りたいことを聞く人がいない。ここで解決しましょう。HTMLやCSS、そしてサーバーやドメインのこと。知っているつもりで知らなかった基礎知識から、ここで確認しましょう。
<h2>外幅の見出し
<h3>下線なし（左揃え：デフォルト）
このブロックの幅は85%（クラス名：w85）、背景色グレーです。
文字サイズ、文字色の種類
クラス名のフォントがそのままサイズと色を表しています。複数のクラス名を半壊ブロックでつなげれば、スタイルの掛け合わせができます。
-
<文字サイズ>
f10
f12
f14
f16
f18
f20
-
<文字色>
crimson
green
黄色マーカー
太字
-
<クラスの掛け合わせ>
f10サイズ+crimson
f14サイズ+green+太字
f14サイズ+黄色マーカー
f16サイズ+太字+黄色マーカー
f18サイズ+太字
<h4>文中の画像配置
<画像右寄せ>
キャプション
「わかるWeb」では、WordPress（ワードプレス）の使い方やWeb（ウェブ）の初心者・初級者がわからないこと・困りごとを、解説・サポートします。WordPressやサイト作りで、質問できる人がいない、インターネットの情報は難しい、そんなあなたがご利用ください。
WordPressを初めて使う人。もう仕事で使っているけど、ちょっと知りたいことを聞く人がいない。ここで解決しましょう。HTMLやCSS、そしてサーバーやドメインのこと。知っているつもりで知らなかった基礎知識から、ここで確認しましょう。
<画像左寄せ>
キャプション
「わかるWeb」では、WordPress（ワードプレス）の使い方やWeb（ウェブ）の初心者・初級者がわからないこと・困りごとを、解説・サポートします。WordPressやサイト作りで、質問できる人がいない、インターネットの情報は難しい、そんなあなたがご利用ください。
WordPressを初めて使う人。もう仕事で使っているけど、ちょっと知りたいことを聞く人がいない。ここで解決しましょう。HTMLやCSS、そしてサーバーやドメインのこと。知っているつもりで知らなかった基礎知識から、ここで確認しましょう。
<画像中央寄せ>
「わかるWeb」では、WordPress（ワードプレス）の使い方やWeb（ウェブ）の初心者・初級者がわからないこと・困りごとを、解説・サポートします。WordPressやサイト作りで、質問できる人がいない、インターネットの情報は難しい、そんなあなたがご利用ください。
キャプションは削除できます
WordPressを初めて使う人。もう仕事で使っているけど、ちょっと知りたいことを聞く人がいない。ここで解決しましょう。HTMLやCSS、そしてサーバーやドメインのこと。知っているつもりで知らなかった基礎知識から、ここで確認しましょう。
<h4>画像と文字を並列で並べる
↓リンクを付ける（モバイルサイズでも並列を維持）
↓画像を角丸にする（モバイルサイズでも並列を維持）
- サービス1：一見難しいHTMLも
サービス2：最初は意味が分からないCSSも
サービス3：面倒に見えるWordPressも
サービス4：簡単なところからスタート！
↓画像と文字を並列で並べる（画像を角丸に）（モバイルサイズでは縦列になる）
- サービス1
- サービス2
- サービス3
- サービス4
↓画像と文字を並列で並べる（モバイルサイズでは縦列になる）
- サービス1
- サービス2
- サービス3
- サービス4
サービス5
<h2>内幅の見出し、センター合わせ
このブロックの幅は85%（クラス名：w85）、背景色なし（白）です。
<h3>下線あり
HTMLやCSS、そしてサーバーやドメインのこと。知っているつもりで知らなかった基礎知識から、ここで確認しましょう。
<h3>下線あり
HTMLやCSS、そしてサーバーやドメインのこと。知っているつもりで知らなかった基礎知識から、ここで確認しましょう。
<h3>下線あり
HTMLやCSS、そしてサーバーやドメインのこと。知っているつもりで知らなかった基礎知識から、ここで確認しましょう。
<h3>下線あり
HTMLやCSS、そしてサーバーやドメインのこと。知っているつもりで知らなかった基礎知識から、ここで確認しましょう。
<h2>リスト（箇条書き）
<h3>番号なしリスト（チェックマーク） 、太字
- あなたは、こんなことに困っていませんか？
- あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？
- あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？
↓四角枠の中（太字指定なし）
- あなたは、こんなことに困っていませんか？
- あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？
- あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？
<h3>番号付きリスト（普通の番号） 、太字
- あなたは、こんなことに困っていませんか？
- あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？
- あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？
<h3>番号付きリスト（番号を装飾） 、太字
- あなたは、こんなことに困っていませんか？
- あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？
- あなたは、こんなことに困っていませんか？あなたは、こんなことに困っていませんか？
<h2>外幅の見出し
白の角丸枠
グレーの角丸枠
ブルーの角丸枠
グリーンの角丸枠
レッドの角丸枠
<h3>テーブル（表組み）
このブロックの幅は100%、背景色は空色です。
レスポンシブ対応
以下のテーブルはレスポンシブ対応なので、モバイルサイズではセルが立てならびになりますが、<th><td>の構成によっては、モバイルサイズでは見づらい表になってしまうこともあります。その場合には、あえてレスポンシブ対応を解除するという選択肢もあります。
↓モバイルサイズで見やすい場合
| 表頭 | セル |
|---|---|
| 表頭 | セル |
↓モバイルサイズでは見づらい表
| 表頭 | 表頭 |
|---|---|
| セル | セル |
非レスポンシブ対応
以下のテーブルは非レスポンシブ対応なので、モバイルサイズでもセルは横並びのままです。
| 表頭 | 表頭 |
|---|---|
| セル | セル |
| 表頭 | 表頭 | 表頭 | 表頭 |
|---|---|---|---|
| セル | セル | セル | セル |
非レスポンシブ対応・横スクロール（スワイプ）対応
以下のテーブルは非レスポンシブ対応で、横スクロール（スワイプ）に対応していますので、表全体を伸縮せずにスライドして見ることができます。
| 表頭 | 表頭 | 表頭 | 表頭 | 表頭 | 表頭 |
|---|---|---|---|---|---|
| セル | セル | セル | セル | セル | セル |
<h2>あああああああああああああああああああああ
<h2>ボタンの種類
お問い合わせはこちら(w50) お問い合わせはこちら(w60) お問い合わせはこちら(w70)- フォーム（プラグイン）
- アイコン付き顧客の声（プラグイン）
- CTA（申込み・購入のアクションを起こす）ボタンを付ける