Blocksyテーマレイアウト、フォーム、サイドバー設定ガイド

ブロックシー パワフルでフレキシブルな ワードプレス このテーマは、ウェブサイトのレイアウト、フォームのスタイル、サイドバーの表示を簡単に調整するためのさまざまなカスタマイズオプションをユーザーに提供します。初心者でも開発者でも、これらの機能を使って簡単にパーソナライズされたウェブサイトを作成することができます。この記事では、Blocksyテーマのレイアウト設定、フォームスタイル、サイドバーコントロールオプションを詳しく見ていきます。

画像 [1] - Blocksyテーマレイアウト、フォーム、サイドバー設定:WordPressウェブサイトを簡単にパーソナライズ!

ウェブサイトのレイアウト設定

ブロックシー 完全なレイアウトコントロールが提供され、ウェブサイトの外観を正確に調整することができます。以下はよく使われるレイアウト設定です:

1.最大敷地幅

この設定は、デスクトップ・デバイスにおけるウェブサイトの最大サイズを決定します。オープニングBlocksyはデフォルトでレスポンシブデザインに対応しており、手動で調整することなく自動的にさまざまなスクリーンに適応します。

画像 [2] - Blocksy テーマのレイアウト、フォーム、サイドバーの設定: WordPressウェブサイトを簡単にパーソナライズできます!

2.コンテンツエリアの間隔

この設定により、メインコンテンツとヘッダー・フッターの間隔を調整し、ページ内に余裕を持たせ、コンテンツが混雑して見えないようにすることができます。

イメージ[3] - Blocksyテーマレイアウト、フォーム、サイドバー設定:あなたのWordPressウェブサイトを簡単にパーソナライズします!

3. コンテンツのエッジ間隔

このオプションはコンテンツとブラウザのビューポートの間隔を調整し、全幅レイアウトを必要とするページデザインに適しています。これを0vwに設定すると、視覚的に邪魔になることがあるので、注意して使用してください。

画像 [4] - Blocksy テーマのレイアウト、フォーム、サイドバーの設定: WordPressウェブサイトを簡単にパーソナライズできます!

4.狭いコンテナ幅

この機能は、よりコンパクトなレイアウトを必要とするページのためのもので、ページ内容の幅を特定のウェブページまたはポストにより、設計の自由度が増す。

イメージ[5] - Blocksyテーマレイアウト、フォームとサイドバーの設定:あなたのWordPressウェブサイトを簡単にパーソナライズします!

5.ワイドアライメントオフセット

を使用する場合 グーテンベルク ワイド・アライメント・オプションは、これらのブロック要素がどこまで伸びるかをコントロールし、ページ・レイアウトがバランスよく見えるようにします。

イメージ[6] - Blocksyテーマレイアウト、フォーム、サイドバー設定:あなたのWordPressウェブサイトを簡単にパーソナライズします!

フォームスタイルの設定

Blocksyは、お問い合わせフォームをサポートし、ウェブサイトのフォームの外観を簡単にカスタマイズできます、WooCommerce チェックアウトフォームなど。クラシックとモダンの2つのスタイルから選択し、さらに詳細を調整することができます。

1.フォームの種類

ブロックジーは2種類のけいしき外観のオプション:クラシックとモダン。クラシックバージョンはすっきりとしたボックススタイルで、モダンバージョンはミニマルなデザインがお好みの方向けです。

イメージ[7] - Blocksyテーマレイアウト、フォームとサイドバーの設定:簡単にあなたのWordPressウェブサイトをパーソナライズします!

2.フォント設定

サイトの全体的なデザインスタイルに合わせて、フォームのフォントの色とサイズをデフォルトとアクティブの状態で別々に調整することができます。

画像 [8] - Blocksyテーマのレイアウト、フォーム、サイドバーの設定:WordPressウェブサイトを簡単にパーソナライズします!

3.入力制御の設定

この設定では、テキストボックス、ラジオボックス、チェックボックス、ドロップダウンメニューの枠色、背景色、角丸半径をカスタマイズして、フォームの視覚的・機能的な統一性を確保することができます。

画像[9] - Blocksyテーマのレイアウト、フォーム、サイドバーの設定:WordPressウェブサイトを簡単にパーソナライズします!

4.サードパーティプラグインの統合

ブロックジーは完全互換 WPForms プラグインです。WPFormsの設定で "Basic Styles Only "を選択するだけで、WPFormsが生成したフォームにBlocksyのスタイルカスタマイズを継承させることができます。

画像[10] - Blocksyテーマレイアウト、フォームとサイドバーの設定:簡単にあなたのWordPressウェブサイトをパーソナライズします!

サイドバー設定

Blocksyはサイドバーのレイアウトと表示を調整するための豊富なカスタマイズオプションを提供します。デスクトップでもタブレットでもモバイルでも、サイドバーの表示を柔軟にコントロールできます。

1.デザインの種類

ブロックシーは4種類のサイドバーデザインを提供しています:

  • タイプ1クラシック・サイドバー・レイアウト
  • タイプ2カラーレクタングルで囲まれたサイドバー
  • タイプ3サイドバーとコンテンツの分離
  • タイプ4サイドバー全体に背景色をつける
画像[11] - Blocksyテーマのレイアウト、フォーム、サイドバーの設定:WordPressウェブサイトを簡単にパーソナライズします!

2.サイドバー間隔コントロール

この設定により、サイドバーの幅、サイドバーとコンテンツの間隔、ウィジェットの間隔を調整し、ページのレイアウトがコンパクトで乱雑に見えないようにすることができます。

イメージ[12] - Blocksyテーマレイアウト、フォームとサイドバーの設定:簡単にあなたのWordPressウェブサイトをパーソナライズします!

3.サイドバーホバーウィジェット

ユーザーがどのようにスクロールしても、特定のウィジェットが常に表示されるようにする必要がある場合はブロックシー ホバーウィジェット機能は、重要な情報を固定して表示し続けるのに役立ちます。

イメージ[13] - Blocksyテーマレイアウト、フォームとサイドバーの設定:簡単にあなたのWordPressウェブサイトをパーソナライズします!

4.サイドバーデバイスの表示設定

デバイスの種類に応じて、サイドバーを表示または非表示にすることができます。例えば、デスクトップ版ではサイドバーを表示し、モバイル版ではサイドバーを非表示にしたり、サイドバーの位置を並べ替えたりすることができます。

イメージ[14] - Blocksyテーマレイアウト、フォームとサイドバーの設定:簡単にあなたのWordPressウェブサイトをパーソナライズします!

概要

ブロックシー をテーマにしています。 ワードプレス 強力なレイアウト調整、フォームデザイン、サイドバーコントロールを提供します。デザインの微調整からプロジェクトの立ち上げまで、Blocksyならウェブサイトの外観や機能を簡単にカスタマイズできます。サイト構築の初心者であれ、経験豊富な開発者であれ、Blocksyには様々なニーズを満たす設定オプションがあります。

最近の更新


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

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

    コメントなし