Kadenceチュートリアル：Kadence Blocks Proを使ってグラフィック・カラムのレイアウトを素早く作成する

スプリット・コンテンツは、非常に一般的なタイプのウェブページである。タイポグラフィフォームは、通常、ディスプレイの写真の片側に、ディスプレイのテキストコンテンツの反対側には、ページの構造が明確で、視覚的な焦点である。

デフォルトでは ワードプレス ブロックエディターはこのレイアウトをサポートしていませんが ケイデンス・ブロック・プロ プラグインを使えば、この効果を素早く得ることができる。

スプリット・コンテンツ・ブロックの挿入と設定

• 編集ページを開き 分割コンテンツ こっかい

• グラフィックの順番やコンテンツの幅など、主なパラメーターを設定する。

• 画像エリアでの写真のアップロードまたは選択

• テキストエリアにタイトルと本文を追加する

• 画像とテキストセクションの背景色の設定

• ブロック内のコンテンツの垂直アライメントを調整（上部、中央、下部）

• 分割コンテンツブロック全体のアライメントを設定する（左、中央、右）

• フロントエンドページを保存してプレビューする

オーバーレイ効果（グラフィックオーバーレイ）の設定

スプリット・コンテント・ブロックは、グラフィック・セクションとテキスト・セクションのオーバーラップをサポートし、よりダイナミックな外観を作り出します。タイポグラフィフォーム

手順は以下の通り：

• を挿入する。 列のレイアウト コンテナ、シングルカラムレイアウトに設定
• 行に分割コンテンツブロックを追加する

• 必要に応じて行の背景色を設定するか、全幅に設定する。

• スプリットコンテンツの設定で左右を調整する マイナス・マージン（マイナス・マージン）テキスト部分は画像と重なっている。

• 必要に応じてコンテンツの影を追加し、視覚的な階層を強化する。

• 最小の高さ（Min Height）を小さくすることで、コンテンツが占めるスペースを調整します。

• さまざまなデバイスのビューで余白と間隔を調整し、視覚的なバランスを確保する

レスポンシブ最適化設定

スプリット・コンテンツ・ブロックは、携帯電話やタブレット向けに独立したスタイリングをサポートします：

• エディターの下部でモバイルに切り替えるビュー適切な内余白と外余白の設定

• フラットビューに切り替えて、コンテンツレイアウトとホワイトスペースをさらに微調整する

• すべてのデバイスサイズでプレゼンテーションをチェックし、必要な調整を行う。

概要

スプリット・コンテンツ・ブロックを使えば、複雑な操作を必要とせず、一般的なグラフィック・カラムのレイアウトを素早く作成することができます。オープニングオペレーション商品の紹介やチーム紹介、プロモーションコンテンツの掲載に最適です。行レイアウトとネガティブマージンを組み合わせれば、グラフィックやテキストが重なったページにレイヤーやバリエーションを簡単に追加できます。

お問い合わせ
チュートリアルが読めない？無料でお答えします！個人サイト、中小企業サイトのための無料ヘルプ！	カスタマーサービス WeChat
① 電話：020-2206-9892
② QQ咨询：1025174874
三 Eメール：info@361sale.com
④ 勤務時間: 月～金、9:30～18:30、祝日休み