ある ワードプレス デフォルトの記事ヘッダー畫像と情報(bào)表示エリア（ヒーローセクション）は、サイト構(gòu)築の過(guò)程で個(gè)性に欠ける傾向があります。ブロックジー?プロ コンテンツ?ブロック機(jī)能は、以下の方法でコンテンツを作成できるように提供されています。 グーテンベルク エディタはこれらのデフォルトモジュールをカスタマイズして置き換えることで、動(dòng)的にロードされるカスタム投稿レイアウトを可能にします。

この投稿では、完全にパーソナライズされたヒーローブロックを構(gòu)築し、それをすべてのシングル投稿テンプレートに適用して、ウェブサイトのコンテンツを美しくモジュール化する方法をハンズオンで紹介します。

I. コンテンツブロックの作成（コンテンツブロック）

まず、バックオフィスにログインし、順?lè)诉M(jìn)む：
Blocksy > コンテンツブロック > 新規(guī)追加 > フック新しいコンテンツブロックを作りたい場(chǎng)合は、「カスタム?ヒーロー?セクション」など好きな名前をつけてください。

入り込む グーテンベルク エディターが完成したら、ページ構(gòu)成の構(gòu)築を開(kāi)始する。

カスタム?ヒーロー構(gòu)造の構(gòu)築

1.グループブロックを追加し、背景を設(shè)定する

• を挿入する。 グループ?ブロック

• の幅を設(shè)定する。 全幅

• 背景色を選択する（例：ダークグレー）

• カスタムクラス（例えば：カスタム?ヒーロー?セクション)

2.2カラムレイアウトの作成

• スティック コラム(2列構(gòu)造)

左列::

• スティック 注目畫像を投稿する ブロック: このモジュールは、現(xiàn)在の記事のヘッダー畫像をフォアグラウンドで動(dòng)的にロードします。

右列::

• 以下のダイナミック?モジュールを挿入して、情報(bào)エリアを形成する：
  • 投稿者
  • 投稿日
  • 投稿タイトル
  • スペーサーが視界を調(diào)整
  • 任意の段落內(nèi)容または説明文

として保存することもできます。 再利用可能モジュールその後の再利用のために。

第三に、パンくずナビゲーション（Breadcrumb）を追加する。

ユーザーナビゲーション體験を向上させるために、パンくずナビゲーションを追加することができます：

• スティック ショートコード?ブロック

• 以下のコードを貼り付ける：

[bloxy_breadcrumbs】。］

ブロックシー 現(xiàn)在地ナビゲーションは、記事のパスに基づいて自動(dòng)的に生成される。

IV. ダイナミック?コンテンツのリアルタイム?プレビュー

動(dòng)的データ（タイトル、畫像など）をエディターでプレビューするには、開(kāi)く：
ブロックシー設(shè)定 > ダイナミックコンテンツプレビュー任意の記事をプレビューソースとして選択し、コンテンツがどのように読み込まれるかをリアルタイムで確認(rèn)できます。

V. フック位置と表示條件の設(shè)定

デザイン完成後、右側(cè)に ブロックシー 設(shè)定パネル：

• 場(chǎng)所（フック位置）セレクション コンテンツの前に
• 表示條件すべてのシングル投稿」を選択します。

コンテンツブロックを保存し、公開(kāi)する。

VI.効果検証

どの記事を訪問(wèn)しても、カスタムHeroブロックが正常に適用され、現(xiàn)在の記事のコンテンツ情報(bào)を自動(dòng)的にロードしていることがわかります。コードを書く必要がなく、すっきりと美しく、レスポンシブです。

概要

レバレッジ ブロックジー?プロ できるコンテンツブロック機(jī)能：

• 再利用可能な記事テンプレート?モジュールを自由に作成できる
• 動(dòng)的コンテンツの構(gòu)造化されたプレゼンテーションを可能にする
• とおす グーテンベルク 外部のページビルダーに頼ることなく、エディターがすべてを行う！

カスタムヒーローセクションは、コンテンツブロックの一つの用途に過(guò)ぎません。また、ヘッダー、フッター、カスタムヒーローセクションの作成にも使用できます。 404ページなど、サイト全體にブランドの統(tǒng)一性と柔軟性を與えている。

最近の更新

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