言語切り替えスイッチャーの設置について
言語切り替えスイッチャーの設置について
- このトピックには3件の返信、2人の参加者があり、最後に
石川@Vektor,Inc.により5日、 7時間前に更新されました。
-
投稿者投稿
-
2026年5月7日 1:16 PM #121078
takesho参加者■ WordPress のバージョン
6.9.4■ テーマ・プラグインは全て最新版で確認してください。
確認しました。■ テーマの種類
Lightning ( G3 ) + Lightning G3 Pro Unit■ テーマのバージョン
15.35.1■ Pro Unit のバージョン
0.30.1■ スキンの種類
Origin III■ 期待する動作
九州国立博物館のサイトのように、画面上部に言語スイッチャーを設置して、PC・スマートフォンいずれでも常時操作できるようにしたい。
https://www.kyuhaku.jp/■ 自分で試した事
Bogoのプラグインを利用して日本語に加え、英語のページを作成しています。色々なサイトを見ながらスイッチャーを設置しようとしていますが、PCでは表示されるがスマートフォンだと表示されない、もしくはこちらのフォーラムを見てスマートフォンの検索画面に表示させることは出来ましたが、画面に常時表示させたいと思います。
■ 症状が発生するブラウザ
Google chrome■ 実際の症状
PCでは表示されるがスマートフォンだと表示されない、もしくはこちらのフォーラムを見てスマートフォンの検索画面に表示させることは出来ました。Attachments:
You must be logged in to view attached files.2026年5月7日 2:52 PM #121128
石川@Vektor,Inc.キーマスターLightning でやる場合はCSSで非表示部分をいろいろ調整する必要がありますが、具体的に対応するには該当URLとどういうレイアウトにしたいのかの表示を提示いただいて、それに対して何度もCSSで調整が必要になり、プロが受託で行うレベルの作業となりますのでフォーラムでの回答は難しいです。
とりあえず該当URLと希望のレイアウトの図を提示いただくか、
プロの制作者様へのご相談を検討ください。ただ、どれくらい作業進んでいるか不明ですが、Lightning で多言語サイトを作るのは後々厳しくなると思います。
ブロックテーマならほぼノーコードで対応可能です。慣れるまで「よくわからん」な感じになると思いますが、多言語サイトを作るなら、ブロックテーマの方がおすすめです。
[ 動画・スライドあり ] VWSオンライン勉強会 #047 ゼロから覚えたくない WordPress の最新フルサイト編集 を開催しました
2026年5月7日 10:33 PM #121172
takesho参加者丁寧なご回答ありがとうございます。
良く分からない部分がありますが、こちらが出来れば十分です。
ちなみにこちらのプラグインを入れてみたのですが、Englishと日本語に囲みがつかず、マウスを置くと文字が白になってしまいます。
こちらCSSで調整できますでしょうか。
また、デモサイトのようにスマホで表示した場合も表示されるようにできたらと思います。
現状Lightning G3を利用、ヘッダーレイアウトで、「ヘッダーウィジェットあり&ナビ貫通」を選択しています。
よろしくお願い致します。
Attachments:
You must be logged in to view attached files.2026年5月7日 11:14 PM #121174
石川@Vektor,Inc.キーマスターすみません、先ほどの添付した解説のURLは基本的にテーマ X-T9 での使用を想定しています。
Lightning でやろうとすると、該当サイトURLも提示いただけてないので、こちら側で環境も用意した上で何度もやりとりをする必要が発生し、普通に個別の受託案件のような形になりますので、そのあたりは弊社としてはサポート対象外です。
お助けしたいのはやまやまですが、私としてもそこまで余裕がないのが実情でございます。
CSSのカスタマイズについては下記など参考に調整してみてください。
ただ、Lightning などのクラシックテーマで多言語サイトを作り切るにはそれなりに PHP と CSS の知識がないと難しいです。この件を解決できても他の箇所で翻訳があてれないなどの問題にぶつかる可能性が非常に高いです。
そのため、よくわかっていない場合はそもそも日本語サイトと英語サイトを別の WordPress で構築するか、Lightningではなくブロックテーマでの構築をおすすめしています。
先の記事に記載の通り、最初からブロックテーマを使った多言語サイトのデモサイトも VK FullSite Installer からインポートできるようにしています。1. 一度開発環境を別途用意(レンタルサーバーで別のディレクトリなどに WordPress を新規インストールあるいはローカル開発環境を用意)
2. VK FullSite Installer で 「X-T9 多言語サイト」をインポート
3. いろいろ編集して試す。いけそうならそのまま構築。
をご検討ください。
弊社としてフォーラムでサポートできるのはここまでとなります。
ここまでの情報で難しい場合は、
* まずはCSSの基本を勉強する
* 別途有志の方の回答を待つ
* 他の制作者様への有償依頼をご検討くださいませ。
もし受託制作をされているという事であればこれくらいの調整は日常茶飯事ですので、これを機会にCSSの勉強をおすすめします。以上よろしくお願いいたします。
-
投稿者投稿
- このトピックに返信するにはログインが必要です。

