言語切り替えスイッチャーの設置について

VWSとは フォーラム Lightning 言語切り替えスイッチャーの設置について

言語切り替えスイッチャーの設置について

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #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.
    #121128

    石川@Vektor,Inc.
    キーマスター

    Lightning でやる場合はCSSで非表示部分をいろいろ調整する必要がありますが、具体的に対応するには該当URLとどういうレイアウトにしたいのかの表示を提示いただいて、それに対して何度もCSSで調整が必要になり、プロが受託で行うレベルの作業となりますのでフォーラムでの回答は難しいです。
    とりあえず該当URLと希望のレイアウトの図を提示いただくか、
    プロの制作者様へのご相談を検討ください。

    WordPressを活用したウェブ制作・運用のプロフェッショナル・パートナー

    ただ、どれくらい作業進んでいるか不明ですが、Lightning で多言語サイトを作るのは後々厳しくなると思います。
    ブロックテーマならほぼノーコードで対応可能です。

    知ってました?WordPressのブロックテーマって実は多言語サイトにめちゃめちゃ相性がいいんです。

    慣れるまで「よくわからん」な感じになると思いますが、多言語サイトを作るなら、ブロックテーマの方がおすすめです。

    [ 動画・スライドあり ] VWSオンライン勉強会 #047 ゼロから覚えたくない WordPress の最新フルサイト編集 を開催しました

    #121172

    takesho
    参加者

    丁寧なご回答ありがとうございます。

    良く分からない部分がありますが、こちらが出来れば十分です。

    ちなみにこちらのプラグインを入れてみたのですが、Englishと日本語に囲みがつかず、マウスを置くと文字が白になってしまいます。

    こちらCSSで調整できますでしょうか。

    また、デモサイトのようにスマホで表示した場合も表示されるようにできたらと思います。

    現状Lightning G3を利用、ヘッダーレイアウトで、「ヘッダーウィジェットあり&ナビ貫通」を選択しています。

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

    Attachments:
    You must be logged in to view attached files.
    #121174

    石川@Vektor,Inc.
    キーマスター

    すみません、先ほどの添付した解説のURLは基本的にテーマ X-T9 での使用を想定しています。

    Lightning でやろうとすると、該当サイトURLも提示いただけてないので、こちら側で環境も用意した上で何度もやりとりをする必要が発生し、普通に個別の受託案件のような形になりますので、そのあたりは弊社としてはサポート対象外です。

    お助けしたいのはやまやまですが、私としてもそこまで余裕がないのが実情でございます。

    CSSのカスタマイズについては下記など参考に調整してみてください。

    できる!WordPressカスタマイズ #01 簡単なデザイン(CSS)カスタマイズ方法徹底解説

    ただ、Lightning などのクラシックテーマで多言語サイトを作り切るにはそれなりに PHP と CSS の知識がないと難しいです。この件を解決できても他の箇所で翻訳があてれないなどの問題にぶつかる可能性が非常に高いです。

    そのため、よくわかっていない場合はそもそも日本語サイトと英語サイトを別の WordPress で構築するか、Lightningではなくブロックテーマでの構築をおすすめしています。
    先の記事に記載の通り、最初からブロックテーマを使った多言語サイトのデモサイトも VK FullSite Installer からインポートできるようにしています。

    1. 一度開発環境を別途用意(レンタルサーバーで別のディレクトリなどに WordPress を新規インストールあるいはローカル開発環境を用意)

    WordPressのローカル開発環境をつくる

    2. VK FullSite Installer で 「X-T9 多言語サイト」をインポート

    HOME

    3. いろいろ編集して試す。いけそうならそのまま構築。

    をご検討ください。

    弊社としてフォーラムでサポートできるのはここまでとなります。

    ここまでの情報で難しい場合は、

    * まずはCSSの基本を勉強する
    * 別途有志の方の回答を待つ
    * 他の制作者様への有償依頼

    をご検討くださいませ。
    もし受託制作をされているという事であればこれくらいの調整は日常茶飯事ですので、これを機会にCSSの勉強をおすすめします。

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

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。