BlocksyテーマGutenbergページ設定チュートリアル:シングルページカスタムヘッダー、構造、フッター

建設中 ワードプレス ウェブサイトの場合、ログインページ、ランディングページ、紹介ページなど、デフォルトのレイアウトと視覚的に差別化する必要があるページが多くあります。ブロックシー このテーマは グーテンベルク ページ設定パネルこれにより、サイト全体のスタイルに妥協することなく、各ページや記事を個別にカスタマイズすることができます。

この記事では、BlocksyのGutenberg設定機能を使って、ページの見た目を素早く微調整する方法を紹介します。

画像[1] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルの単一ページレイアウトの作成

I. ブロックシー・ページ設定機能の概要

Blocksyのページ設定機能は、テーマカスタマイザーのグローバル設定を変更することなく、テーマに新しいページを追加する機能をサポートしています。各ページもしかしたらすべての記事スタンドアロンのスタイルを設定します。これらの設定は グーテンベルク・エディター クラシック・エディターはサポートされていません。

使用条件

  • Gutenberg(ブロックエディター)を使用すること;
  • ページが エレメンタ デフォルトのテンプレートを置き換えるのではなく、編集することでもこれらの設定にアクセスできる;
  • 設定ポータルは、各ページの編集ページの右側のサイドバーにあり、名前は以下の通りです。 ブロック設定.

次に、Gutenbergページのセットアップ手順に入ります。

  • WordPressのバックエンドにログインします;
  • ページリストで修正したいページを選択します;
  • ページを編集」をクリックして、Gutenbergの編集画面に入ります;
  • 右側の欄で展開 ブロック設定あらゆるオプションをご覧いただけます。
画像[2] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルの単一ページレイアウトを作成する

ブロックページ設定機能詳細

Blocksyの設定パネルには、主に以下のカテゴリーのオプションがあります:

1.ページタイトル

  • 表示するかどうかを制御する。キャプション地域
  • デフォルトの大見出しを削除して、よりすっきりしたページを作成できます。
画像[3] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルの単一ページレイアウトを作成する

2.ページ構成

  • サポート・チョイス
    • デフォルトの構造;
    • ワイドスクリーンレイアウト;
    • 狭い画面レイアウト;
    • 余白なし(フルスクリーン表示に適しています)。
画像[4] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルの単一ページレイアウトを作成する

3.コンテント・エリア・スペーシング(CAスペーシング)

  • コンテンツエリアの上下の余白をコントロールする;
  • オプションだ:
    • 上下の間隔;
    • トップのみ;
    • ボトムのみ;
    • スペーシングはない。
画像[5] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルの単一ページレイアウトを作成する

4.フッターコントロール(フッター)

  • 個々のページでは、サイト全体のフッターをオフにすることができます;
画像[6] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルの単一ページレイアウトを作成する
  • ログインページや特集ページなど、すっきりとしたレイアウトを必要とするシーンに最適です。

5.設定の継承性(Inherit)

  • ほとんどのオプションが「継承」モードをサポートしている;
画像[7] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルの単一ページレイアウトを作成する
  • 単一ページの変更に満足できない場合は、ワンクリックでテーマのデフォルトに戻すことができます。

第四に、実戦例:サービスページのミニマリスト・スタイルを作るために

サービスページを例にとって、Blocksyの設定パネルを使って素早く外観をカスタマイズしてみましょう:

  • ページタイトルを閉じるよりクリーンなページ
画像[8] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルの単一ページレイアウトを作成する
  • ページ構成を "狭い "に設定する一箇所で読みやすい;
画像[9] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルの単一ページレイアウトを作成する
  • コンテンツ間隔は「下のみ」を選択する。トップはより自然にヘッドとつながっている;
画像[10] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルの単一ページレイアウトを作成する
  • 使用禁止フッター無関係な情報を取り除き、コンテンツそのものに集中する。
画像[11] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルのシングルページレイアウトを作成する

保存後、フォアグラウンドでページを表示すると、全体的なスタイルが分離され、すっきりとした視覚体験を示す。

画像[12] - Blocksy Gutenbergページ設定ガイド:インディーズスタイルの単一ページレイアウトを作成する

V. まとめ

ブロックシー によって グーテンベルク エディターは、各ページにユニークなタイポグラフィを与えるためのパワフルで直感的なページレベルの設定を提供します。このモジュラーカスタマイゼーションは、ランディングページ、イベントページ、紹介ページなど、コンテンツは多いが個別にスタイルを設定するページのデザインに最適です。

コードもテーマ設定もなく、すべて数クリックでページを最適化できます。ウェブサイトの全体的な柔軟性と美観を向上させるBlocksyの機能をフルに活用することをお勧めします。

最近の更新


お問い合わせ
チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ!
カスタマーサービス WeChat
カスタマーサービス WeChat
電話:020-2206-9892
QQ咨询:1025174874
Eメール:info@361sale.com
勤務時間: 月~金、9:30~18:30、祝日休み
© 複製に関する声明
この記事を書いた人:泥棒はネズミの勇気になる
終わり
好きなら応援してください。
クドス1224 分かち合う
おすすめ
解説 ソファ購入

コメントを投稿するにはログインしてください

    コメントなし