ブロックシー フレキシブルで近代的である。 ワードプレス フッタービルダーを備えたこのテーマは、サイトの下部エリアを機能豊富でデザイン性に富んだものにする大きな自由を提供する。この記事では、コンポーネントの追加やスタイルの調整など、Blocksyフッタービルダーの完全な使い方を解説する、グーテンベルク ウィジェットのサポート、フッターの表示エフェクト、条件付きフッター設定などがその特徴だ。
![画像[1]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514094727622-image.png)
フッタービルダーへ
WordPressのバックエンドでBlocksyカスタマイザーを開き、以下の項目を選択します。 フッターオプションを選択すると、フッター構築のインターフェイスに入ることができます。
このインターフェイスでは、さまざまな要素を指定のエリアにドラッグ&ドロップして、ボトムレイアウトを完成させることができる。
![画像[2]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514094907922-image.png)
注:いくつかの要素はBlocksyプレミアムバージョンに属しています。対応する機能が表示されない場合は、有料ライセンスを持っているかどうかを確認する必要があります。
ドラッグ&ドロップによるレイアウト操作
Blocksyフッタービルダーはドラッグ&ドロップで操作できます:
- 左側から追加する要素を選択する(例えば ロゴ(メニュー、テキスト、ソーシャルアイコンなど)
- 右フッターエリアへドラッグ&ドロップ
![画像[3]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514095234661-image.png)
- エレメントの自動アライメントと位置決め
![画像[4]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514095253650-image.png)
- 今後もコンテンツを追加したり、自由に組み合わせたりすることができる!
![画像[5]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514095356456-image.png)
ウィジェットエリアにおけるGutenbergエディタのサポート
基本要素に加えて、Blocksyフッターはウィジェットエリア(ウィジェット・エリア)であり、コンテンツの拡張に適している。
ガジェットエリアをクリックすると、Gutenbergエディターのライトバージョンが表示されます:
![画像[6]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514095518986-image.png)
- をクリックしてブロックを追加する。
![画像[7]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514095551881-image.png)
- すべてのGutenbergプラグイン・ブロック拡張機能のサポート
- 古いプラグインとの互換性のために、レガシーウィジェットブロックを使用してください。
カスタムスタイルと行の設定
フッター要素をクリックすると、左側のパネルでスタイルの詳細を変更できます:
- フォント、色
- インライン・スペーシング
- 背景色と仕切り
- 複数カラムのレイアウトと幅の設定
![画像[8]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514095738877-image.png)
列のセットアップでは、以下のことができる:
- 現在の行の列数をカスタマイズする(例:2列、3列)
- 対照列間の比例配分
- スペーシング、マージンの設定
![画像[9]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514095854901-image.png)
- デザイン」タブに切り替えて、色、フォント、その他の外観のプロパティを調整します。
![画像[10]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514095921237-image.png)
スペシャルエフェクト機能:フッターリベール
Blocksyは、視覚的な動的効果フッターリベールを提供します:
![画像[11]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514100035637-image.png)
スイッチを入れると、ページがスクロールダウンするにつれてフッターがゆっくりと姿を現し、デザイン全体にダイナミックなレイヤーを加える。
条件付きフッター(条件付きフッター)
ページごとに異なる内容のフッターを表示するには、Blocksyの条件付きフッター機能を使います:
- フッター設定メニューを開き、「新しいフッターを作成」をクリックする。
- 新しいフッターに名前を付け、既存の構造をクローンするかどうかを選択する。
![画像[12]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514100434204-image.png)
- セットアップ表示条件以下はページ、カテゴリー、ログイン状態などのタイプの例です。
![画像[13]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514100519716-image.png)
この機能は、ホームページ、記事ページ、または特定のユーザーシナリオにおいて、パーソナライズされたフッターコンテンツを表示するのに適しています。
![画像[14]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514100653269-image.png)
![画像[15]-Blocksyフッタービルダー使い方チュートリアル:カスタム、レイアウト、条件付きフッター設定の完全マスター](https://www.361sale.com/wp-content/uploads/2025/05/20250514100734285-image.png)
概要
ブロックシー フッタービルダーは分かりやすく操作でき、レイアウトのカスタマイズが必要なウェブサイトビルダーに適しています。あなたがデザイナーであろうと、ビジネスウェブサイトであろうと、個人であろうとブログ視覚的なニーズを満たすボトムエリアを作るのは簡単だ。
最近の更新
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/54013この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。




















![絵文字[wozuimei]-Photonflux.com|プロのWordPress修理サービス、ワールドワイド、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![表情[baoquan]-光子波动网 | 専門WordPress修復サービス、全世界対応、迅速対応](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

コメントなし