[ 解決済 ] ヘッダー上部設定について

VWSとは フォーラム Lightning [ 解決済 ] ヘッダー上部設定について

[ 解決済 ] ヘッダー上部設定について

  • このトピックには4件の返信、2人の参加者があり、最後にgundamにより5ヶ月、 1週前に更新されました。
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #81171

    gundam
    参加者

    ■ WordPress のバージョン
    6.3.2

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    15.15.0

    ■ Pro Unit のバージョン
    0.25.1

    ■ スキンの種類
    VEKUAN

    ■ スキンのバージョン
    0.4.4

    ■ 期待する動作
    ヘッダー上部設定について
    特定ページでのヘッダー上部設定を変更したい。
    ボタンの文字列、リンク先。

    ■ 自分で試した事
    ヘッダートップのキャッチフレーズを入力することにより上部の説明は変更できました。
    電話番号はそのままで、ボタンの文字列、リンク先はわからないです。

    ■ 症状が発生するブラウザ
    safari

    ■ 実際の症状
    変更する場所がわかりません。

    #81179

    DRILL LANCER
    モデレーター

    Lightning のご利用誠にありがとうございます。

    さて、ご質問の件ですが、下記で可能です。

    1. VK All in One Expansion Unit をインストールしていない場合はインストール
    2. ExUnit > お問い合わせセクション が有効になっているのを確認
    3. ExUnit > メイン設定 > 連絡先情報 と進む
    4. 上記を編集すればその内容が反映されます。

    通常の手順は記載の手順になります。ただし、どこか特定のページのみ変更したい場合はその限りではございませんのでその旨ご返信いただければ幸いです。

    よろしくお願いします。

    Attachments:
    You must be logged in to view attached files.
    #81184

    gundam
    参加者

    お返事ありがとうございます。
    設定箇所のご指導ありがとうございます。
    ただし、今回は、特定のページのみ変更をかけたいのですが、可能でしょうか?
    コードを書くようになるとは思いますが、どこをどう書くのか、検討がつきません。

    よろしくお願いいたします。

    #81185

    DRILL LANCER
    モデレーター

    お世話になります。

    下記コードをご記載いただくことで可能です。

    
    function my_lightning_header_top_options( $value, $option ) {
    
    	if ( 381 === get_the_ID() ) { // 投稿 ID で判定
    		$value['header_top_tel_icon']     = '<i class="fa-solid fa-square-phone"></i>'; // 電話番号のアイコン
    		$value['header_top_tel_number']   = '111-1111'; // 電話番号
    		$value['header_top_contact_icon'] = '<i class="fa-regular fa-envelope"></i>'; // お問い合わせのアイコン
    		$value['header_top_contact_txt'] = 'お問い合わせはこちら'; // お問い合わせの文字
    		$value['header_top_contact_url'] = 'https://example.com/'; // お問い合わせ先URL
    	} elseif ( 478 === get_the_ID() ) { / 投稿 ID で判定
    		$value['header_top_tel_icon']     = '<i class="fa-solid fa-phone"></i>'; // 電話番号のアイコン
    		$value['header_top_tel_number']   = '222-2222'; // 電話番号
    		$value['header_top_contact_icon'] = '<i class="fa-regular fa-envelope"></i>'; // お問い合わせのアイコン
    		$value['header_top_contact_txt'] = 'お問い合わせはこちら'; // お問い合わせの文字
    		$value['header_top_contact_url'] = 'https://example.com/'; // お問い合わせ先URL
    	}
    
    	return $value;
    
    }
    add_filter( 'option_lightning_header_top_options', 'my_lightning_header_top_options', 10, 2 );
    

    投稿 ID につきましては編集画面を開いていただくと URL の欄に例えば
    https://www.example.com/wp-admin/post.php?post=42797&action=edit
    とある場合、42797が投稿 ID となります。

    以上よろしくお願いします。

    P.S.
    Lightning G3 + Lightning G3 Pro Unit の場合は
    外観 > カスタマイズ > Lightning ヘッダー上部設定 で切り替えるのが正解でした。
    失礼致しました。

    #81205

    gundam
    参加者

    ありがとうございます。
    思い通りのようにページによって分岐する事が出来ました。

5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • このトピックに返信するにはログインが必要です。