CSSセレクタを使用してHTMLコンテンツを翻訳から除外する

目次

翻訳から除外するウェブサイトコンテンツを追加する

コンテンツ除外は、CSS セレクターを使用して Web サイトのグローバル部分の翻訳を迅速に回避するグローバル ルールです。. 

これは、翻訳対象から除外するのに役立つ重要なルールです。例えば、ウェブサイトの大部分を翻訳対象から除外する場合などです。このルールを追加するには、 Linguiseダッシュボード「ルール」>「新しいルールを追加」をクリックします。

設定とオプションが表示されたルール管理インターフェースのスクリーンショット。

 

その後、主に以下の除外の詳細を追加できるようになります。

  • 翻訳除外を適用するHTMLコンテンツ
  • 除外が適用されるURL
  • 除外された言語
  • ルールのタイトル ( Linguise ダッシュボードでのみ表示されます)
翻訳からコンテンツを除外するための設定

HTMLコンテンツを翻訳から除外する

テキスト除外は、HTMLコンテンツの一部で、1つまたは複数のCSSセレクターを使用して実行できます。ブラウザのコードインスペクターを使用して任意のCSSセレクターを取得し、以下のように追加します。. 

CSS セレクター、クラス、または ID を取得します。

ウェブサイト上のHTMLコードのスクリーンショット

そして、それをルール設定に追加します。

CSSファイル削減のためのウェブページ設定パネル

この例では、すべての.blog CSSセレクタに含まれるHTMLコンテンツは翻訳から除外されます。

URL で HTML コンテンツを除外する

翻訳から除外する CSS セレクターを設定したら、Web サイトの URL (すべての URL オプションを使用) または特定のページの URL にも除外を適用できます。.

  • 元の URL / 翻訳された URL:元の言語の特定の URL または翻訳された言語の特定の URL を翻訳から除外します
  • ワイルドカード/正規表現:ワイルドカードまたは正規表現を使用して、特定の URL の翻訳テキストを置き換えます。
URLに適用ページで言語と方法を選択してください

この例では、 、www.domain.com/shop/で始まるすべてのウェブサイトURLの翻訳ページから翻訳から除外されます。

複数の URL 条件を組み合わせて、たとえば、複数の翻訳言語の URL をカバーすることができます。

言語別にHTMLコンテンツを除外する

追加したコンテンツの除外は、特定の言語のみ、またはすべての言語に適用できます。ウェブサイトの一部のCSSセレクターが翻訳の有無にかかわらず異なる場合があるため、これは非常に便利です。.

Google翻訳の言語追加オプション

この例では、 .blog CSS セレクターはスペイン語のみの翻訳から除外されます