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

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

このトピックには2件の返信が含まれ、2人の参加者がいます。1 ヶ月、 2 週間前 zzz さんが最後の更新を行いました。

3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #19693

    zzz
    参加者

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

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

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

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

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

    #19701

    RICK
    参加者

    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は書き換えないで〜

    初心者向けオンライン勉強会 フォローアップ & 次回勉強会のお知らせ

    #19755

    zzz
    参加者

    RICK様

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

    早速実装してみます。

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

3件の投稿を表示中 - 1 - 3件目 (全3件中)

このトピックに返信するにはログインが必要です。