コンテンツ編集機能

コンテンツ編集機能とは

管理画面から対象のページのコンテンツを編集することができます。CSSとHTMLを編集・追加することができるので、単語数などの関係で崩れてしまったレイアウトや翻訳したページのリンク先の変更をスムーズに編集対応することができます。

仕様について
無料トライアルを含めた、全プランのお客様にご利用いただけます。ご利用の際は、編集画面の右上にある「コンテンツ編集」という部分を選択していただくことで編集が可能となります。編集すると左側のプレビュー画面に即時反映されるので変更内容を随時ご確認いただけます。

ご利用上のご注意点
コンテンツ編集機能を全ページに適用する場合、セレクタ「eq(index)」を正しく指定する必要があります。
安易に全ページに適用すると予期せぬ部分（テキストや画像等）が非表示となったり、逆に想定外の部分にHTMLやCSSが追加されることがございます。
また、HTMLのdiv idやdiv classを編集・追加することはできません。あくまで元サイトに存在する要素に対して編集・追加をすることが可能です。

1．コンテンツの編集方法

① 右上の「コンテンツ編集」をクリックする。

② 左のプレビュー画面から編集したい部分を選択する。

③ 右の編集画面にてコンテンツを編集する。

※上のキャプチャでは選択した部分のフォントサイズを変更しています。

④保存または、保存して公開する。

※「保存して公開する」を選択すると、実際の画面に反映されますのでご注意ください。

2．編集画面について

対象要素の選択方法

左のプレビュー画面で選択したコンテンツの対象要素が、青色に選択されます。
また、選択したコンテンツの対象要素の上の階層がグレーで表示されるため、グレー部分をクリックしていただくことで対象箇所を選択することができます。さらに、対象要素枠内の「編集」をクリックすると、編集したいコンテンツの対象要素を手入力で編集できます。eq()とインデックス番号から、直接対象要素を指定することも可能です。

①コンテンツの一部を非表示にする

選択したコンテンツの表示/非表示を選択することができます。

非表示の要素は網掛けになります。

②文字の色やフォントサイズを変更する

color
選選択したコンテンツのテキスト文字の色を編集することができます。
枠内をクリックするとパレットが表示され、色を選択することで文字色を変更することが可能です。また、色コードを入力することでも文字色を指定することができます。

font-size
選択したコンテンツテキストのフォントサイズの数字を入力することで変更することができます。

③リンクURLを変更する

リンクURLが含まれている要素を選択すると「リンクURL」が表示されます。任意のURLを入力することで、リンクURLを変更することができます。

＜機能例＞
PDFのダウンロードリンクを日本語資料から英語資料のダウンロードリンクに変更することなどができます。

④ソースコードを編集・追加する

CSS部分の枠内を編集することでスタイルの変更や追加ができ、HTML部分の枠内を編集することでHTMLの追加を行うことができます。HTMLの編集においては、追加内容を選択した対象要素の「直前」と「直後」に追加することが可能です。
例えば、崩れたレイアウトがある場合、CSSを使って修正し、またはHTML追加によって、多言語化用のオリジナルの要素を付け足すことが可能となります。

CSS
現在選択されているWEBサイトのHTLM内の対象要素が、グレー文字として表示されています。
かつ（）の中の数字は対象要素の表示順序を表しているので、その対象要素に対するスタイルの設定を行います。

HTML
選択されている対象要素の「直後」もしくは「直前」に要素を追加することができます。