スマホ閲覧時ロゴの横にランキングボタンを配置できますでしょうか?

VWSとは フォーラム Lightning スマホ閲覧時ロゴの横にランキングボタンを配置できますでしょうか?

スマホ閲覧時ロゴの横にランキングボタンを配置できますでしょうか?

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

    zzz
    閲覧者

    スマホ閲覧時ロゴの横にランキングボタンを配置できますでしょうか?

    イメージは下記URLと添付画像のようなイメージです。

    https://www.datsureview.com/
    ※スマホで閲覧するとランキングボタンが表示されます。

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

    ・拡張デザインスキンであればバージョン
    Lightning ProとLightning Skin Charmの最新版使用を考えております。

    #19701

    DRILL LANCER
    モデレーター

    CSSでの調整が必要になりますが、HTMLを挿入するだけなら下記コードで実現可能です。

    /**
     * Insert HTML for ZZZ
     */
    function zzz_insert_ranking() {
    	if ( is_mobile() ) {
    		?>
    		<!-- ここより下にランキングのHTMLを挿入 -->
    
    		<!-- ここより上にランキングのHTMLを挿入 -->
    		<?php
    	}
    }
    add_action( 'lightning_header_logo_after', 'zzz_insert_ranking' );

    CSSでの調整をする際は下記が参考になると思います。

    全てのWordPressテーマで使える!デザインをピンポイントで変更する方法 〜親テーマのCSSは書き換えないで〜


    https://www.vektor-inc.co.jp/post/online-meeting-0718/

    #19755

    zzz
    閲覧者

    RICK様

    ご丁寧にご対応ありがとうございます!

    早速実装してみます。

    ありがとうございました。

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