Blocksy 2でヘッダーぼかし効果を有効にしてウェブサイトデザインを向上させよう

を受けて ブロックジー2 の最新アップデートでは、見事なヘッダーデザイン効果が追加された。カスケーディングスタイルシート 背景ぼかしフィルター.この効果により、ウェブサイトのヘッダーエリアはよりモダンでレイヤー化された外観となり、ビジュアルも強化されます。ユーザーは、サイトをナビゲートしながらページの奥行きと位置を認識することができ、より鮮やかな視覚効果が得られます。

この記事では、Blocksy 2でこの新機能を有効にする方法と、それに応じた設定について説明します。

画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。

背景ぼかし効果を有効にする

Blocksy 2.0.62以降にアップデートしてください。

まず、ウェブサイトが次のように更新されていることを確認してください。 ブロックジー 2.0.62 バージョンこの機能はこのバージョン以上でのみ利用可能です。

画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。

カスタマイザー設定

バックエンドにログインして ワードプレス 入力後 カスタマイザー(カスタマイザー)で ヘッダー設定パネル(ヘッダー)の「背景ぼかし効果」オプション。

画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。

背景色の設定条件

ぼかし効果を有効にするにはヘッドラインの背景色。 半透明 その背景色が完全に不透明な場合、ぼかし効果は表示されず、以下の内容が上書きされてしまいます。したがって、適切な透明度を設定することが重要です。

画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。

ブラー効果の強さを設定する

ある デザイン(デザイン)タブで、ヘッダー行のぼかしの強さを調整します。ぼかしの値を大きくすると、あとは自動的に処理されます。

画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。

デバイス制御オプション

ブロックジー2 また、異なるデバイスでエフェクトを有効にすることもできます。必要であれば、このエフェクトをデスクトップ版のみに適用し、モバイルデバイスでは無効にすることも可能です。

画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。

実際の効果

このエフェクトが有効な場合、ヘッダーコンテキスト美しいぼかし効果が表示され、背景色がページコンテンツと絡み合って、より豊かな視覚的レイヤーを作り出します。このシンプルな効果はページの美観を高め、サイトに躍動感を与えます。

画像[1]-Blocksy 2は、ヘッダーの背景をぼかす効果を追加し、よりレイヤー化されたウェブサイト・デザインを作成する。

概要

ブロックジー2 ヘッダー背景ぼかしフィルター この機能は、ウェブサイトに全く新しいデザイン要素をもたらします。背景の透明度とぼかしの強さを調整するだけで、ウェブサイトにモダンでレイヤー感のある外観を追加し、ページのデザイン性を高めることができます。

最近の更新


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

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

    コメントなし