スプリット?コンテンツは、非常に一般的なタイプのウェブページである。タイポグラフィフォームは、通常、ディスプレイの寫(xiě)真の片側(cè)に、ディスプレイのテキストコンテンツの反対側(cè)には、ページの構(gòu)造が明確で、視覚的な焦點(diǎn)である。

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

スプリット?コンテンツ?ブロックの挿入と設(shè)定

• 編集ページを開(kāi)き 分割コンテンツ こっかい

• グラフィックの順?lè)浈偿螗匹螗膜畏胜?、主なパラメーターを設(shè)定する。

• 畫(huà)像エリアでの寫(xiě)真のアップロードまたは選択

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

• 畫(huà)像とテキストセクションの背景色の設(shè)定

• ブロック內(nèi)のコンテンツの垂直アライメントを調(diào)整（上部、中央、下部）

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

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

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

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

手順は以下の通り：

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

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

• スプリットコンテンツの設(shè)定で左右を調(diào)整する マイナス?マージン（マイナス?マージン）テキスト部分は畫(huà)像と重なっている。

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

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

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

レスポンシブ最適化設(shè)定

スプリット?コンテンツ?ブロックは、攜帯電話やタブレット向けに獨(dú)立したスタイリングをサポートします：

• エディターの下部でモバイルに切り替えるビュー適切な內(nèi)余白と外余白の設(shè)定

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

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

概要

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

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