Variety II のヘッダー固定を Origin 風にする方法

この記事では、Lightning / Lightning Pro のスキンの一つである Variety II のヘッダーの固定を Origin 風にする方法について解説します。
このカスタマイズを施すと、下記画像のような状態でヘッダーが固定されます。

Variety II のヘッダー固定を Origin 風にするには?
今回やるべきことは下記の4つです。
- Variety II のヘッダー固定を解除 ( 必須 )
- Origin のヘッダー固定を復活 ( 必須 )
- Origin のヘッダーの伸縮を復活 ( 任意 )
上記は全て 子テーマの functions.php で行います。
Origin のヘッダー伸縮を ON にするとスクロール時にヘッダーがびろ~んと一瞬動きます。
Variety II のヘッダー固定を Origin 風にするコード
Variety II のヘッダー固定を Origin 風にするコードは下記のとおりです。
子テーマの functions.php に記述するコード
子テーマの functions.php には下記を記述します。
/**
* Header Prefix Setting for Variety II
*/
function lightning_disable_variety2_header_prefix() {
// Variety II のヘッダー固定を解除 ( 必須 ).
remove_filter( 'lightning_localize_options', 'ltg_variety_add_js_option', 10, 1 );
// Origin のヘッダー固定を復活 ( 必須 ).
remove_filter( 'lightning_headfix_enable', 'ltg_variety_headfix_disabel' );
// Origin のヘッダー伸縮を復活 ( 任意 ).
remove_filter( 'lightning_header_height_changer_enable', 'ltg_variety_header_height_changer_disabel' );
}
add_action( 'init', 'lightning_disable_variety2_header_prefix' );
まとめ
この記事では Lightning / Lightning Pro のスキンの一つである Variety II のヘッダーの固定を Origin 風にする方法について解説しました。
子テーマの functions.php にコードを追記することで可能でした。
投稿者プロフィール
最新の投稿
Lightning2023年12月20日Lightning G3 Three Column Unit をアップデートした話
Lightning2021年12月15日Lightning G3 のスキンを自作してみた話
Lightning2021年12月10日Lightning Three Column Unit を G3 対応した話
Lightning2020年12月18日Lightning3カラム化計画 その2 ~プラグイン編~