MultiLipiのビジュアルエディターは、コードを1行も書かずに、翻訳されたページの外観と表現を微調整できるように設計されています。フォント、スタイル、CSS、およびデスクトップ、タブレット、モバイルなどの画面固有のレイアウトを変更するオプションを備えた、リアルタイムのWYSIWYGスタイル編集を提供します。

ビジュアルエディターの使用手順

 

1. プロジェクトダッシュボードを開く

MultiLipiダッシュボードに移動し、カスタマイズするプロジェクトを選択します。

「翻訳」の下に「URL」が強調表示されたナビゲーションメニューを示すMultiLipiダッシュボードのスクリーンショット。

2. 「翻訳」の下の「URL」に移動します。

をクリックします URLの タブの下の 翻訳 節。これにより、ドメインに関連付けられた翻訳済みパスのリストが表示されます。 ドメインパスのリストとビジュアルエディターのアイコンが強調表示されたスクリーンショットセクション。

 

3. ビジュアルエディターアイコンをクリックします

各 URL 行の右側にある ビジュアルエディターのアイコン (正方形内のブラシ) をクリックして、そのページのリアルタイム エディターを起動します。 multilipi仮想エディタが編集ツールと公開パネルを開くスクリーンショット。

カスタマイズできるもの

エディターが読み込まれると、画面の上部にあるさまざまなカスタマイズツールにアクセスできるようになります。

 

4.デバイス間の切り替え

翻訳の表示方法を簡単にプレビューして調整できます デスクトップ , 錠剤 そして モビール デバイスのドロップダウンを使用します。 Dropdown menu, Tablet, and Mobile.

5.スタイリング用のCSSを編集します

をクリックします 「CSSの編集」 ボタンをクリックして、元のレイアウトを変更せずに翻訳されたコンテンツのスタイルを変更するカスタムCSSを記述します。 MultiLipiビジュアルエディタのツールバーでハイライトされている[CSSを編集]ボタン。

6.GoogleFontsCSSを追加します

翻訳されたコンテンツに別のフォントが必要ですか?あなたの Googleフォント 「フォントCSSの追加」オプションにリンクします。

MultiLipiビジュアルエディタのポップアップボックスで、ユーザーにGoogleFontsCSSリンクを貼り付けるように促します。

7. 変更を公開する

編集内容に問題がなければ、 著す 右上のボタンをクリックして、ライブ翻訳ページを即座に更新します。

右側に [公開] ボタンが表示されたツールバーを表示し、翻訳されたブログ記事のアクティブな編集を行うビジュアル エディター。
ビジュアルエディターを使用する理由

 

  • コーディングは不要 –技術者以外のユーザー向けの直感的なインターフェース

  • リアルタイムプレビュー – 翻訳がライブでどのように表示されるかを確認する
  • フルコントロール –言語またはデバイスごとにフォント、レイアウト、スタイルをカスタマイズ
  • シームレスなパブリッシング –編集を即座に適用

ビジュアルエディターについてご質問やフィードバックがありますか?私たちのサポートチームに連絡してください、私たちは助けるためにここにいます!