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

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

この記事では、BlocksyのGutenberg設(shè)定機(jī)能を使って、ページの見(jiàn)た目を素早く微調(diào)整する方法を紹介します。

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

I. ブロックシー?ページ設(shè)定機(jī)能の概要

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

使用條件

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

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

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

ブロックページ設(shè)定機(jī)能詳細(xì)

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

1.ページタイトル

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

2.ページ構(gòu)成

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

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

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

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

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

5.設(shè)定の継承性(Inherit)

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

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

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

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

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

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

V. まとめ

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

コードもテーマ設(shè)定もなく、すべて數(shù)クリックでページを最適化できます。ウェブサイトの全體的な柔軟性と美観を向上させるBlocksyの機(jī)能をフルに活用することをお?jiǎng)幛幛筏蓼埂?/p>

最近の更新


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

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

    コメントなし