プラグイン「Bogo」を使用し、固定ページのヘッダーに言語表記をしたい

 
カスタマイザー（外観／カスタマイズ）→デザイン→ヘッダー内の「ヘッダーコンテンツ」にショートコード [bogo] を入れてみてはいかがでしょうか？

♥ 1

いいねをした人:

ただ、モバイル版でも表記させたくて、「モバイル版でもヘッダーコンテンツを表示する」にチェック

この機能は比較的単純なものだといいのですが、複雑になりそうなときや自由度の高い要素を入れたい場合は「モバイル版でもヘッダーコンテンツを表示する」にチェックはいれず、フックでハンバーガーメニューの隣にショートコード [bogo] が表示されるように my-snow-monkey.php に書いちゃいます。
今回だとこんな感じです。
 

add_action( 
	'get_template_part_template-parts/header/hamburger-btn',
	function( ) {
	?>
 	<div class="mobile_bogo">
		<?php echo do_shortcode( '[bogo]' ); ?>
	</div>
	<?php
	}
);

これだけだと並びがおかしいので、CSSで少し調整します。
※適宜調整してください。
 

ul.bogo-language-switcher {
	/* 翻訳ボタンを横並びに */
	display: flex;
}

/* 従来のハンバーガーメニューと一緒に横並びに */
.u-invisible-lg-up {
	display: flex;
}

/*  bogoのボタンとハンバーガーメニューにマージン */
.mobile_bogo {
	margin-right: 1em;
}

ただ、PC版では背景色はないのですが、モバイル版だと背景色が入り、その分FVが下に下がってしまします。（本来は、FVに重なるようにロゴとハンバーガーメニューが表記されます）
これは、SnowMonkeyの仕様でしょうか。それともBogoの方でしょうか。cssで背景色を消せないか調整していますができない状態です。

コンテンツ部分が下がってしまうように見えるので、これは、Snow Monkeyのスマートフォン表示時のヘッダーコンテンツを表示する部分が関係していると思います。
ここを無理やりCSSで調整するよりかは、上のような方法のほうがスマートだと思います。
お試しくださいませ。

マニュアル [ 開発者向け ]

子テーマのつくり方 / Snow Mokey カスタマイズ用プラグイン（My Snow Monkey）について…

snow-monkey.2inc.org

【Snow Monkey】My Snow Monkeyの設定方法を初心者向けに解説【画像付】

Snow Monkeyのカスタマイズは子テーマより『My Snow Monkey』がオススメです。この記事ではMy Snow Monkeyの設定方法を初心者向けに解説しています。画像付きでステップ毎…

flex-box.net

♥ 2

いいねをした人: