はじめに
ユーザー設定/グループ設定
システム設定
サイトデザイン初期設定
ページ管理
ページ編集
ブロック
保守ツール
承認/ワークフロー
モバイル公式サイト
ページツリーインポート・エクスポート
マルチサイト
拡張ライブラリ
Tips
プラグイン
リリースノート
プラグインGoogle 翻訳プラグイン

Google 翻訳プラグインとは

Google のウェブサイト翻訳ツールを簡単に設置できるプラグインです。
対応出力先:PC/スマートフォン

【Google 翻訳プラグイン】を使えば、簡単に翻訳機能を追加できます。

GoogleTranslate001.png

プラグインの設置

「プラグインブロック」参照

プラグインの設定方法

プラグイン設定画面

表示モード
インライン:言語のセレクトボックスを表示します
縦
横
ドロップダウンのみ ドロップダウンのみ
タブ:ページの四隅に翻訳バナーを表示させるためのタブを表示します。
クリックすると翻訳バナーが表示されます。
  • 右下
  • 左下
  • 右上
  • 左上

右下配置の場合のイメージ

タブ表示イメージ

自動:ページ閲覧者のブラウザのデフォルト言語とページの言語が異なる場合に、翻訳バナーを自動的に表示させます。

補足 デザイン設定

【Google 翻訳プラグイン】のパラメータ設定内で、CSS クラス名の設定を行うことができます。
この設定を行うことでインライン表示時の位置などの設定を行うことができます。

※ インライン表示時以外で height の設定を行うと、意図しないデザインになる可能性がありますので
  ご注意ください。

例:設置位置をエリア内の右寄せにしたい

GoogleTranslate003.png

CSSクラス名で設定したクラス名を使って、CSS に設定・登録を行います。

CSSクラス名:googleTranslate

GoogleTranslate004.png

前頁の CSS 内容を登録すると、下図のように、エリア内右側に設置されます。

GoogleTranslate005.png

この例をもとに【くり返しブロック(横)】のソースを確認すると、以下のようになります。

GoogleTranslate006.png

PAGE TOP

© 2017 SITE PUBLIS CO.,Ltd All rights reserved.

このサイトはCMS SITE PUBLISを利用して構築・運営されています。