を受けて ブロックジー2 の最新アップデートでは、見事なヘッダーデザイン効果が追加された。カスケーディングスタイルシート 背景ぼかしフィルター.この効果により、ウェブサイトのヘッダーエリアはよりモダンでレイヤー化された外観となり、ビジュアルも強化されます。ユーザーは、サイトをナビゲートしながらページの奥行きと位置を認識することができ、より鮮やかな視覚効果が得られます。
この記事では、Blocksy 2でこの新機能を有効にする方法と、それに応じた設定について説明します。
![画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。](https://www.361sale.com/wp-content/uploads/2025/04/20250429102115513-image.png)
背景ぼかし効果を有効にする
Blocksy 2.0.62以降にアップデートしてください。
まず、ウェブサイトが次のように更新されていることを確認してください。 ブロックジー 2.0.62 バージョンこの機能はこのバージョン以上でのみ利用可能です。
![画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。](https://www.361sale.com/wp-content/uploads/2025/04/20250429102115513-image.png)
カスタマイザー設定
バックエンドにログインして ワードプレス 入力後 カスタマイザー(カスタマイザー)で ヘッダー設定パネル(ヘッダー)の「背景ぼかし効果」オプション。
![画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。](https://www.361sale.com/wp-content/uploads/2025/04/20250429102115513-image.png)
背景色の設定条件
ぼかし効果を有効にするにはヘッドラインの背景色。 半透明 その背景色が完全に不透明な場合、ぼかし効果は表示されず、以下の内容が上書きされてしまいます。したがって、適切な透明度を設定することが重要です。
![画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。](https://www.361sale.com/wp-content/uploads/2025/04/20250429102115513-image.png)
ブラー効果の強さを設定する
ある デザイン(デザイン)タブで、ヘッダー行のぼかしの強さを調整します。ぼかしの値を大きくすると、あとは自動的に処理されます。
![画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。](https://www.361sale.com/wp-content/uploads/2025/04/20250429102115513-image.png)
デバイス制御オプション
ブロックジー2 また、異なるデバイスでエフェクトを有効にすることもできます。必要であれば、このエフェクトをデスクトップ版のみに適用し、モバイルデバイスでは無効にすることも可能です。
![画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。](https://www.361sale.com/wp-content/uploads/2025/04/20250429102115513-image.png)
実際の効果
このエフェクトが有効な場合、ヘッダーコンテキスト美しいぼかし効果が表示され、背景色がページコンテンツと絡み合って、より豊かな視覚的レイヤーを作り出します。このシンプルな効果はページの美観を高め、サイトに躍動感を与えます。
![画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。](https://www.361sale.com/wp-content/uploads/2025/04/20250429102115513-image.png)
概要
ブロックジー2 な ヘッダー背景ぼかしフィルター この機能は、ウェブサイトに全く新しいデザイン要素をもたらします。背景の透明度とぼかしの強さを調整するだけで、ウェブサイトにモダンでレイヤー感のある外観を追加し、ページのデザイン性を高めることができます。
最近の更新
| お問い合わせ | |
|---|---|
| チュートリアルが読めない?無料でお答えします!個人サイト、中小企業サイトのための無料ヘルプ! |
カスタマーサービス WeChat
|
| ① 電話:020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| 三 Eメール:info@361sale.com | |
| ④ 勤務時間: 月~金、9:30~18:30、祝日休み | |
この記事へのリンクhttps://www.361sale.com/ja/52757この記事は著作権で保護されており、必ず帰属表示を付けて複製してください。





















![絵文字[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)

コメントなし