Blocksyテーマのサイドバーの管理と最適化

サイドバーは、ウェブサイトのデザインにおいて非常に重要な要素です。追加情報を表示するだけでなく、フィルターのような機能を追加するなど、Eコマース体験を向上させる特定のアクションに訪問者を誘導することもできます。ブロックシー ごかんけいせいぼおん サイドバーの管理が簡単になり ブロックジー・プロ より多くの機能を提供し、複数のカスタムの作成をサポートします。サイドバーを作成し、サイトのさまざまな部分に割り当てます。この記事では、新しいセクションを ブロック型テーマ 中央のサイドバーを有効にし、管理し、最適化する。 ブロックジー・プロ 複数のサイドバー拡張機能の

画像 [1] - Blocksyテーマでサイドバーを管理・最適化する方法

サイドバーを有効にする

ある ブロックシー ごかんけいせいぼおん サイドバーを有効にするのはとても簡単です。まず カスタマイザ ずぼしをさす ページ設定サイドバーは作成された標準ページに対して有効にすることができます。サイドバーをページの左側または右側に配置することができます。単品 このページにも同じレイアウトオプションがあり、ユーザーはサイドバーを左または右に表示させることができる。

画像[2] - Blocksyテーマでサイドバーを管理・最適化する方法

に関して 投稿アーカイブページサイドバーのオプションは ブログ記事 設定の一番下。標準ページとは異なり、投稿アーカイブページはレギュラーレイアウトやナローレイアウトをサポートしていませんが、サイドバーを有効にし、表示する場所を選択することは可能です。


に関して WooCommerce ウェブページ個々の商品ページには、標準ページと同じサイドバーレイアウトオプションがあります。

この画像のalt属性は空です。ファイル名は20250426142935433-image.pngです。

(因果関係を示す) WooCommerce 製品アーカイブページ の場合、投稿アーカイブページと同じサイドバー表示オプションを共有します。

この画像のalt属性は空です。ファイル名は20250426143042504-image.pngです。

サイドバーの外観をカスタマイズする

ブロックシー ごかんけいせいぼおん サイドバーの外観を最適化するために、4つのデザインスタイルが用意されています:

  • クラシック・デザインほとんどのサイトではデフォルトでウィジェットが表示されます。
この画像のalt属性は空です。ファイル名は20250426143145925-image.pngです。
  • 容器のデザインサイドバーを背景色のあるコンテナ内に配置し、ページのコンテンツと区別できるようにします。
この画像のalt属性は空です。ファイル名は20250426143210113-image.pngです。
  • ディバイダー・デザインを分離することでサイドバーメインコンテンツと区別し、ページをすっきり見せる。
この画像のalt属性は空です。ファイル名は20250426143237718-image.pngです。
  • 完全な背景デザイン: サイドバーが配置されているページの側面に背景色を適用し、ユニークな視覚効果を作り出します。
この画像のalt属性は空です。ファイル名は20250426143302578-image.pngです。

サイドバーのレイアウトと間隔のコントロール

ブロック型テーマ サイドバーの幅を調整することができます。サイドバーが占めるページの幅をコントロールするために、サイドバーの幅をパーセンテージで表すことができます。さらに サイドバーの隙間つまり、コンテンツとサイドバーの間隔を空けることで、ページがよりすっきりと整理された印象になる。

この画像のalt属性は空です。ファイル名は20250426143432445-image.pngです。

さらに、ウィジェット間の垂直方向の間隔を調整することで、要素がコンパクトになりすぎるのを防ぎ、ページの読みやすさを向上させることができます。

サイドバー機能を修正

サイドバーの内容を常に表示したいユーザーにはブロックジー・プロ オファー 固定サイドバー 機能を使用することができます。この機能により、サイドバーはブラウザのビューポートに固定され、常に表示されるようになり、重要な情報やナビゲーションアイテムを表示するのに適しています。

この画像のalt属性は空です。ファイル名は20250426143528821-image.pngです。

デバイスの可視性設定

ブロック型テーマ サイドバーも用意されている。 デバイスの可視性設定サイドバーを表示するデバイスを選択できます。

この画像のalt属性は空です。ファイル名は20250426143619913-image.pngです。

モバイルデバイスにサイドバーを表示する場合、サイドバーを表示する場所(ページコンテンツの前、後、または他の場所)を設定することもできます。

この画像のalt属性は空です。ファイル名は20250426143700961-image.pngです。

複数のサイドバー拡張機能(Blocksy Pro)

ある ブロックジー・プロ を有効にすることができます。 複数のサイドバー拡張機能.この機能により、ウェブサイトに複数のカスタムサイドバーを作成し、特定のページに割り当てることができます。

  • 拡張機能の有効化アクセス ブロックシー パネルで エクステンションイネーブル 複数のサイドバー 延長。
この画像のalt属性は空です。ファイル名は20250426143813338-image.pngです。
  • カスタムウィジェットエリアの作成: 外装状態 > ウィジェット ページで、新しいウィジェット・エリアを作成するをクリックし、名前を付けます。次に、必要なウィジェットを追加します。
この画像のalt属性は空です。ファイル名は20250426143946877-image.pngです。
この画像のalt属性は空です。ファイル名は20250426144053973-image.pngです。
  • サイドバーをページに割り当てるサイドバーを作成したら、歯車のアイコンをクリックして コンディション・マネージャーまた、サイドバーを適用するページを選択し、サイト全体または特定のページを選択することができます。
この画像のalt属性は空です。ファイル名は20250426144208221-image.pngです。
この画像のalt属性は空です。ファイル名は20250426144249551-image.pngです。
  • 結果を見る: 設定を保存した後、サイトを更新して、新しく作成されたサイドバーが選択したページに正常に適用されていることを確認してください。
この画像のalt属性は空です。ファイル名は20250426144328499-image.pngです。
この画像のalt属性は空です。ファイル名は20250426144432449-image.pngです。

概要

ブロックシー ごかんけいせいぼおん 強力なサイドバー管理機能が用意されており、シンプルなサイドバーレイアウトから ブロックジー・プロ 複数のカスタムサイドバーを作成することで、ユーザーは必要に応じてページデザインを調整することができます。柔軟なレイアウト設定、ビジュアルスタイル、デバイスの可視性コントロールにより、ユーザーはウェブサイトの機能性とインタラクティブ性を高める理想的なページレイアウトを作成できます。

最近の更新


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

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

    コメントなし