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

[zzz]

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

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

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

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

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

[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/

[zzz]

RICK様

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

早速実装してみます。

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

[投稿者]

投稿