Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
Bogoを利用した言語切り替えについて...
 
通知
すべてクリア

[解決済] Bogoを利用した言語切り替えについて(ヘッダーの文字も切り替えたい)

10 投稿
3 ユーザー
10 Likes
2,303 表示
fsigma
(@fsigma)
投稿: 7
メンバー
Topic starter
 

【やりたいこと】

・言語切り替えでヘッダーの言語も変更したい

・言語切り替えでトップページのメインビジュアルも変更したい

 

【現状】

プラグインの「Bogo」を利用してページごとの言語切り替えは出来たが、ヘッダー及びメインビジュアルは変更されない

(ヘッダー及びメインビジュアルは日本語のまま)

 

【聞きたいこと】

上記は実施可能なのか。固定ページからではなく別のセクションから設定等が必要なのか。

不可の場合はヘッダーを元から英語表記にし、メインビジュアルは日本語と英語どちらも記載する形になるのかなと考えております。

 

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

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, WordPress更新後、SWELLは最新版にしましたか?, Googleなどでも検索してみました, 自分で追加したコードに問題がないかチェック済みです
問題が確認できるページのURL
利用中のSWELL本体のバージョン
SWELL: 2.6.5
利用中のPHPバージョン
PHP: 8.0.17
OS
MacOS
利用中のWordPressバージョン
WordPress: 6.0.1
利用中のサーバー会社
AWS
ブラウザ
Chrome
利用中のプラグイン一覧

WPForms Lite、WP Mail SMTP、Widget Options、SEO SIMPLE PACK、Duplicate Page、Customizer Export/Import、Contact Form 7、CF7 Google Sheet Connector、Bogo

 
投稿済 : 16/08/2022 9:57 am
トピックタグ
山本大介
(@b4rskbe5)
投稿: 124
メンバー
 

翻訳用ファイルは用意されていますか?
全ての文言が用意されているわけではないので、自分で用意する必要があります。

https://users.swell-theme.com/forum/swell-forum/%E3%83%86%E3%83%BC%E3%83%9E%E5%86%85%E3%81%AE%E6%97%A5%E6%9C%AC%E8%AA%9E%E8%A1%A8%E8%A8%98%E3%82%92%E8%8B%B1%E8%AA%9E%E8%A1%A8%E8%A8%98%E3%81%AB%E5%A4%89%E6%9B%B4%E3%81%97%E3%81%9F%E3%81%84%E3%81%A7/

もしくは、Bogo の場合は、言語 → テキストの翻訳 から登録できると思います。

また、メインビジュアル内の文言はご自身で入力されていると思いますので、<span class="ja"> などで囲っておいて、<html> タグの lang 属性で表示非表示を切り替えるような CSS を追加すれば対応可能だと思います。
細かな設定方法や CSS はご自身で調べてみて下さい。

メニューは、Bogo の機能で言語ごとに表示非表示を切り替えられますので、使い方を調べて下さい。分からなければ Bogo のフォーラムで確認しましょう。

image

お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 16/08/2022 4:31 pm
suya, skillsharejp and reacted
fsigma
(@fsigma)
投稿: 7
メンバー
Topic starter
 

ご返信ありがとうございます。

それぞれのページに紐づけて翻訳ページは手動で作成しております。

ただ固定ページの作成という形のためヘッダーはそのままという状況でした。

 

また、メインビジュアル内の文言はご自身で入力されていると思いますので、<span class="ja"> などで囲っておいて、<html> タグの lang 属性で表示非表示を切り替えるような CSS を追加すれば対応可能だと思います。
→ありがとうございます。こちらについては別途調べて対応してみます。

 

>メニューは、Bogo の機能で言語ごとに表示非表示を切り替えられますので、使い方を調べて下さい。

→そうなのですね。再度調べて確認します。

 

また現状Bogoからの切り替えの挙動がうまくいかず、どのページでEnglishのボタンを押しても同じページに推移してしまいます。しかしカスタマイズの画面で同じ動きをしてみると正しく表示されます。

(現状どこの画面でEnglishボタンを押しても"プラン詳細"の英語翻訳ページに推移しています。)

 

もし上記についても何か原因等お分かりでしたら、ご教示頂けますと幸いです。

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

 

 

 
投稿済 : 16/08/2022 6:06 pm
山本大介
(@b4rskbe5)
投稿: 124
メンバー
 
投稿者:: @fsigma

現状Bogoからの切り替えの挙動がうまくいかず

こちらは Bogo のプラグインフォーラムで確認したほうが良いと思います。

ダメ元で、パーマリンクの設定を空更新 (何も変更せず保存ボタンを押すだけ) したら解決するかもしれません。

メインビジュアルの切り替え以外はプラグインの使い方になってくるので、そちらのフォーラムの方が適切です。テーマの作り方との組み合わせで不具合が出る可能性が指摘されたら、新たにこちらでトピックを立ててみましょう。

頑張ってください!

お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 16/08/2022 11:03 pm
skillsharejp reacted
fsigma
(@fsigma)
投稿: 7
メンバー
Topic starter
 

ありがとうございます!
Bogoのフォーラムに聞いてみます!

ご丁寧にありがとうございました!

 
投稿済 : 17/08/2022 10:23 am
山本大介 reacted
山本大介
(@b4rskbe5)
投稿: 124
メンバー
 

@fsigma 

別件でソースコードを見ていて気付いたことがあります。

もしかしてですが、ヘッダーをキャッシュしていませんか?
SWELL 設定 → 高速化 → キャッシュ機能 に設定項目があります。

image

ソースコード上、このキャッシュが有効な場合にはキャッシュされた (つまりショートコードなども展開された状態の) ヘッダーが読み込まれます。そうすると、Bogo の言語切り替えがキャッシュされたタイミングのリンクで固定され、言語を切り替えても切り替わらないことが発生しそうです。

また、カスタマイザーのプレビューではキャッシュを使用しない処理もありましたので、発生している状況が再現できるかと思います。

一度お手数ですが、ヘッダーのキャッシュのチェックを外してテストを動作を確認してみて下さい。

お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 20/08/2022 10:07 am
skillsharejp and reacted
fsigma
(@fsigma)
投稿: 7
メンバー
Topic starter
 

ご連絡ありがとうございます!

速度改善の際にヘッダーキャッシュ削除設定しそのままにしてありました。

確かに言語切り替えの際には不具合に繋がりますね。

キャッシュを無効にしテストしたところ正常に作動しました!

本当にありがとうございます!

 
投稿済 : 22/08/2022 9:15 am
山本大介 reacted
山本大介
(@b4rskbe5)
投稿: 124
メンバー
 

ご確認ありがとうございます!
無事に動作したとのことで安心しました!!

多言語化はなかなか大変ですが、できあがると気持ちがいいので応援しています。

お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 22/08/2022 12:01 pm
fsigma reacted
skillsharejp
(@skillsharejp)
投稿: 943
SWELL高速化顧問
 
投稿者:: @fsigma

速度改善の際にヘッダーキャッシュ削除設定しそのままにしてありました。

確かに言語切り替えの際には不具合に繋がりますね。

言語切替等が必要なサイトでは使用するキャッシュも対応しているものを導入するのが良いと思います。互換性についてはそれぞれのキャッシュ機能提供者(開発者)に確認してください。

 

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 22/08/2022 12:23 pm
fsigma reacted
fsigma
(@fsigma)
投稿: 7
メンバー
Topic starter
 

ありがとうございます〜

まさに正常に作動して気持ちいいです!

これから韓国語と中国語版もあるので引き続き無事切り替わるように願います!笑

使用するキャッシュも対応しているもの

こちらについても確認します!

ありがとうございます!

 
投稿済 : 23/08/2022 10:55 am
共有: