サードパーティのページビルダーを使わなくても、WordPressで構造化レイアウトを作成するのは簡単です。 WordPressカラムブロック.WordPressにネイティブで付属しているGutenbergブロックエディタを使用する場合は常にそうです。
カラムブロックを使用すると、カラムブロックを挿入するだけでコンテンツを並べて配置することができます。これは 価格設定セクション、チームレイアウト、製品比較の作成に非常に便利です。または、美しいテキストと画像のコンテンツを同じ行に表示することができます。このブロックの素晴らしいところは、コーディングの知識がなくても誰でも使えることです。
今日は、WordPressのカラムブロックの使い方とその概要について学びます。
美しいテーブルを作る
ブロックエディター付き

WordPressでカラムブロックを使うには?
これまで述べてきたように、カラムブロックを使うのは簡単で、専門的な知識がなくても誰でも使うことができます。また、カラムブロックを使うのにサードパーティ製のプラグインは必要ありません。以下の手順に従ってください。
列ブロックの挿入
カラムブロックを使用したい投稿またはページに移動します。
をクリックしてください。 ブロックアイコン(プラスアイコン)を追加 (1)タイプ "コラム「検索ボックス内の (2)そして ブロックをクリック それが現れると (3).

さて、あなたの作品に適したレイアウトを選択してください。Columnsブロックには利用可能なレイアウトがあります。

コンテンツの挿入
カラム内にコンテンツやブロックを追加するには、「+」アイコンをクリックします。

同じように、列の他の部分にもコンテンツを挿入する。

各カラムの右下にある「+」アイコンをクリックすると、カラムにコンテンツを追加できます。

カスタマイズ
コンテンツを追加したら、カラムの垂直方向の配置を決めることができます。垂直方向の配置には4つのオプションがあります。

ブロック設定には、その他のカスタマイズオプションがあります。2つのタブがあります:設定とスタイルです。
設定により、カラムを追加することができます。また、モバイルデバイス用のレスポンシブオプションも用意されています。

スタイルタブにはいくつかのオプションがあります。

- 色: この機能を使うと、「最新の投稿」ブロックのテキスト、背景、リンクの色を変更できます。
- タイポグラフィ: タイポグラフィでは、フォントとフォントサイズ、外観、行の高さ、文字間隔、文字組み、文字装飾を選択できます。
- 寸法: Dimensionsでは、Latest Postsブロックのマージンとパディングを調整できます。
- 国境だ: ボーダーオプションでは、ボーダーを設定し、ボーダー半径を調整することができます。
カスタマイズ後、投稿を保存または公開する。
これはブロックのデモである。

WordPressカラムブロックの概要
列ブロックとは?
カラムブロックは、コンテンツを横方向に分割できるレイアウトブロックです。ブロック内の各カラムには、テキスト、画像、ボタン、動画などのブロックを配置することができます。
列ブロックの主な特徴は?
列ブロックの特徴は以下の通り。
カスタム幅コントロール.手動で列のサイズを希望の比率に変更します。
定義済みレイアウト・オプション.50/50、70/30、3等分の列など、さまざまな組み合わせから選べる。
入れ子ブロックのサポート.各カラム内に任意のブロック(段落、画像、ボタンなど)を追加します。
レスポンシブな行動.カラムは小さい画面では自動的に縦に積み重なるが、手動で積み重ねることもできる。
列ブロックのツールバー機能とは?
列ブロックをクリックすると、その上にツールバーが表示され、いくつかの便利なオプションがあります:
- に変換する: この機能により、列ブロックを詳細&グループブロックに変換することができます。
- ドラッグだ: エディター内の好きな場所にブロックをドラッグすることができます。
- 右か左か: 列は右にも左にも移動できる。
- 整列する: アライメントは、none、wide、full widthに変更できる。
- 垂直アライメントの変更:このオプションでは、列内のブロックの垂直方向の配置を選択できます。
- オプション:移動、コピー、複製など、ブロック関連の追加オプションを保持する。

最終的な収穫
カラムブロックは、コンテンツをさまざまに表示できる強力なレイアウトブロックです。コンテンツがページ全体にどのように配置されるかを完全にコントロールすることができます。このように、ブロックの管理はとても簡単です。
一度使い始めると、ブロックをもっと頻繁に使うようになるだろう。この記事が気に入ったら教えてください。また、この記事を友人や家族とシェアしてください。
続きを読む