ホームページ > 記事 > ウェブフロントエンド > ドロップダウン メニューと CSS スタイルを使用して Google 翻訳をウェブサイトに統合するにはどうすればよいですか?
Web サイトへの Google 翻訳の統合
この質問は、提供されているさまざまなコード スニペットを使用して Google 翻訳を Web サイトに組み込むことを中心に展開しています。最初のコード スニペットは基本的な実装を提供しますが、CSS と言語選択用のドロップダウン メニューを使用してスタイルを設定する機能がありません。一方、2 番目のコード スニペットにはドロップダウン メニューが含まれていますが、ライブ サイトに貼り付けると動作しません。
解決策は、両方のコード スニペットを機能実装に組み合わせることにあります。必要な要素を含む修正されたマークアップは次のとおりです。
<code class="html"><div id="google_translate_element"></div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: 'en' }, 'google_translate_element'); } </script> <script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></code>
このコードには、最初のスニペットの基本機能と 2 番目のスニペットのドロップダウン メニュー マークアップの両方が組み込まれています。 Google 翻訳をウェブサイトに組み込み、CSS を使用して外観をカスタマイズできるようになります。
以上がドロップダウン メニューと CSS スタイルを使用して Google 翻訳をウェブサイトに統合するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。