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

[zzz参加者]

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

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

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

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

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

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

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

[zzz参加者]

RICK様

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

早速実装してみます。

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

[投稿者]

投稿