Blocksyテーマフッタービルダー完全チュートリアル:カスタムデザイン、コンポーネントレイアウト&條件付きフッター設(shè)定

ブロックシー フレキシブルで近代的である。 ワードプレス フッタービルダーを備えたこのテーマは、サイトの下部エリアを機能豊富でデザイン性に富んだものにする大きな自由を提供する。この記事では、コンポーネントの追加やスタイルの調(diào)整など、Blocksyフッタービルダーの完全な使い方を解説する、グーテンベルク ウィジェットのサポート、フッターの表示エフェクト、條件付きフッター設(shè)定などがその特徴だ。

畫像[1]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター

フッタービルダーへ

WordPressのバックエンドでBlocksyカスタマイザーを開き、以下の項目を選択します。 フッターオプションを選択すると、フッター構(gòu)築のインターフェイスに入ることができます。

このインターフェイスでは、さまざまな要素を指定のエリアにドラッグ&ドロップして、ボトムレイアウトを完成させることができる。

畫像[2]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター

注:いくつかの要素はBlocksyプレミアムバージョンに屬しています。対応する機能が表示されない場合は、有料ライセンスを持っているかどうかを確認(rèn)する必要があります。

ドラッグ&ドロップによるレイアウト操作

Blocksyフッタービルダーはドラッグ&ドロップで操作できます:

  • 左側(cè)から追加する要素を選択する(例えば ロゴ(メニュー、テキスト、ソーシャルアイコンなど)
  • 右フッターエリアへドラッグ&ドロップ
畫像[3]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター
  • エレメントの自動アライメントと位置決め
畫像[4]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター
  • 今後もコンテンツを追加したり、自由に組み合わせたりすることができる!
畫像[5]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター

ウィジェットエリアにおけるGutenbergエディタのサポート

基本要素に加えて、Blocksyフッターはウィジェットエリア(ウィジェット?エリア)であり、コンテンツの拡張に適している。

ガジェットエリアをクリックすると、Gutenbergエディターのライトバージョンが表示されます:

畫像[6]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター
  • をクリックしてブロックを追加する。
畫像[7]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター
  • すべてのGutenbergプラグイン?ブロック拡張機能のサポート
  • 古いプラグインとの互換性のために、レガシーウィジェットブロックを使用してください。

カスタムスタイルと行の設(shè)定

フッター要素をクリックすると、左側(cè)のパネルでスタイルの詳細を変更できます:

  • フォント、色
  • インライン?スペーシング
  • 背景色と仕切り
  • 複數(shù)カラムのレイアウトと幅の設(shè)定
畫像[8]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター

列のセットアップでは、以下のことができる:

  • 現(xiàn)在の行の列數(shù)をカスタマイズする(例:2列、3列)
  • 対照列間の比例配分
  • スペーシング、マージンの設(shè)定
畫像[9]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター
  • デザイン」タブに切り替えて、色、フォント、その他の外観のプロパティを調(diào)整します。
畫像[10]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター

スペシャルエフェクト機能:フッターリベール

Blocksyは、視覚的な動的効果フッターリベールを提供します:

畫像[11]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター

スイッチを入れると、ページがスクロールダウンするにつれてフッターがゆっくりと姿を現(xiàn)し、デザイン全體にダイナミックなレイヤーを加える。

條件付きフッター(條件付きフッター)

ページごとに異なる內(nèi)容のフッターを表示するには、Blocksyの條件付きフッター機能を使います:

  • フッター設(shè)定メニューを開き、「新しいフッターを作成」をクリックする。
  • 新しいフッターに名前を付け、既存の構(gòu)造をクローンするかどうかを選択する。
畫像[12]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター
  • セットアップ表示條件以下はページ、カテゴリー、ログイン狀態(tài)などのタイプの例です。
畫像[13]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター

この機能は、ホームページ、記事ページ、または特定のユーザーシナリオにおいて、パーソナライズされたフッターコンテンツを表示するのに適しています。

畫像[14]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター
ホームページ?フッター
畫像[15]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、條件付きフッター設(shè)定の完全マスター
その他のページフッター

概要

ブロックシー フッタービルダーは分かりやすく操作でき、レイアウトのカスタマイズが必要なウェブサイトビルダーに適しています。あなたがデザイナーであろうと、ビジネスウェブサイトであろうと、個人であろうとブログ視覚的なニーズを満たすボトムエリアを作るのは簡単だ。

最近の更新


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

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

    コメントなし