ページテキストエディター

ページ Pixpa の簡単なドラッグ アンド ドロップ ページ ビルダーで 100 以上のコンテンツ ブロックを使用して、あらゆる種類の情報ベースのページを作成できます。

また、ご購読はいつでも停止することが可能です 整理する、これらのコンテンツ ブロックを編集およびカスタマイズして、コンテンツを表示する独自のページを作成します。
また確認してください: セクションとスニペットを理解する。


ページビルダーでは、簡単に 加えます セクション ドラッグアンドドロップ スニペット 左側のサイドバーからページ キャンバス領域に移動します。

ページにセクションを配置した後、個々のスニペット アイテム (テキスト、画像、ボタン) を編集できます。

ページ キャンバス領域にカーソルを移動するだけで、マウス ホバー時にすべての個々のスニペットが強調表示されます。 次に、スニペットをクリックして同じものを編集します。

実際にコンテンツを編集する方法を参照してください。 


ページ キャンバス領域でできることは次のとおりです。 

  1. スニペットの順序付け.
  2. スニペットを複製します。
  3. 特定のスニペットを削除します。
  4. 最近の変更を元に戻します。
  5. 太字/斜体/下線などの書式をテキストに適用します。
  6. テキストの色とスニペットの背景色を変更します。
  7. テキストの書式を適用するか、フォント スタイルを変更します。
  8. 以下のスクリーンショットに示すように、ジョブタイプを 클라우드 기반 AI/ML및 고성능 컴퓨팅을 통한 디지털 트윈의 기초 – Edward Hsu, Rescale CPO 많은 엔지니어링 중심 기업에게 클라우드는 R&D디지털 전환의 첫 단계일 뿐입니다. 클라우드 자원을 활용해 엔지니어링 팀의 제약을 해결하는 단계를 넘어, 시뮬레이션 운영을 통합하고 최적화하며, 궁극적으로는 모델 기반의 협업과 의사 결정을 지원하여 신제품을 결정할 때 데이터 기반 엔지니어링을 적용하고자 합니다. Rescale은 이러한 혁신을 돕기 위해 컴퓨팅 추천 엔진, 통합 데이터 패브릭, 메타데이터 관리 등을 개발하고 있습니다. 이번 자리를 빌려 비즈니스 경쟁력 제고를 위한 디지털 트윈 및 디지털 스레드 전략 개발 방법에 대한 인사이트를 나누고자 합니다. アライメント。
  9. 順序付きリストと順序なしリストを作成します。
  10. テキストにハイパーリンクを適用します。
  11. シンボルを追加します。
  12. テキスト前の書式設定を削除します。
  13. ページ全体の HTML を編集します。

スニペット ツール ボックスと編集ツールバー

スニペットをクリックすると、 スニペット ツール ボックス 右側の個々のスニペットの 編集ツールバー 頂上で。

スニペット ツールバーには 4 つのオプションがあります。 

  • ドラッグ ( ) – ドラッグ アンド ドロップでスニペットを並べ替えるために使用されます。
  • 重複ファイル – スニペットを複製するために使用されます。
  • 要素ツール – 新しいスニペットの追加、スニペットの複製、スニペットの上下への移動、および個々のスニペットの削除オプションを表示するために使用されます。
  • 削除 – スニペットを削除するために使用されます。

 


1. スニペットの順序付け

  • ドラッグ アンド ドロップでスニペットを並べ替えることができます。 持ってるだけ かわいいです アイコンをクリックし、スニペットをページ上のすべてのブロックにドラッグして、目的の位置にドロップします。
実際のシーケンス スニペットを参照してください。

2. スニペットを複製します。

  • 複製アイコンをクリックすると、既存のスニペットを複製できます。
実際のスニペットの複製を参照してください。

3. スニペットを削除します

  • 削除アイコンをクリックすると、ページからスニペットを削除できます。
実際のスニペットの削除を参照してください。

4.最近の変更を元に戻す

  • を押すと、最近のテキストベースの変更を元に戻すことができます Ctrlキー (ウィンドウ)または ⌘ (マック) + Z。 

5.太字/斜体/下線/取り消し線など

  • スニペットのテキストは、クリックするだけで簡単に編集できます。 テキストを選択して編集ツールバーのアイコンをクリックするだけで、それぞれ太字、斜体、下線を付けることができます。

 

実際の動作を参照してください。

6. 文字色・文字背景とセクション背景色

テキストとテキストの背景の色は、次の 2 つの方法で選択できます。

  1. パレット
  2. カスタムカラー

パレット

このタブ内で使用可能なカラー オプションは、選択したカラー パレットのカラー オプションを反映します。 デザインセクション.

Web サイトのカラー パレットに変更を加えるたびに、それらは自動的に取得されて更新されます。 さらに詳しく カラーパレットについて。

カスタムカラー

ここには、色を選択し、利用可能なさまざまな色合いから選択できるカラーピッカーがあります。

さらに、16 進数のカラー コードを入力し、色の不透明度を微調整することもできます。

以下の手順に従って、テキストとテキストの背景の色を選択します。

  • 特定のスニペットをクリックし、テキストを選択して、 (1) アイコン。ポップアップウィンドウが表示され、色を選択できます。 パレットのカラーオプション または カスタムカラー とします。
  • ドロップダウンリストから テキストの色 & 塗りつぶしの色 (3) つまり、テキストの背景色です。
  • を調整する 不透明度 (4)スライダーを使って色の調整をします。
  • また、5 進カラー コード (XNUMX) を入力して、それをテキスト/テキスト背景に適用することもできます。
  • 最後に、 Save (6) 変更。

  •   Sセクションの背景色 (7) から変更できます。 カラースタイル オプションを選択します。

  • 適用された色/スタイリングを変更または削除することもできます。 テキストを選択して、 きれいなアイコン (8) 既存の配色を削除します。
  • Save (9) 変更。


実際の動作を参照してください。

7. テキストのフォント スタイル

  • あなたが使用することができます XNUMXつの異なるタイプ で指定される、ページ上のフォント スタイルの (一度に) デザインセクション. これは、すべてのページで使用される共通のデザイン スタイルです。
    • ヘッダ1 スタイル → 見出しのフォント とスタイル → 鬼ごっこ
    • ヘッダ2 スタイル → タイトルのフォント とスタイル → 鬼ごっこ
    • ヘッダ3 スタイル → 字幕フォント とスタイル → 鬼ごっこ
    • ヘッダ4 スタイル → サブタイトル / バイラインのフォント とスタイル → 鬼ごっこ
    • 段落テキスト スタイル → 段落フォント とスタイル → 鬼ごっこ

  • でフォント スタイルを指定したら、 設計 ページ全体で効率的に使用できます。 テキストを選択し、ページ エディターで書式設定を適用するだけです。
    チェック: ウェブサイトのテキスト スタイル.
  • システムは、その特定のフォント スタイルのフォント、色、サイズ、太さを、選択したテキストに自動的に適用します。 ライブ サイトとエディターで同じ内容を確認できます。

 


実際の動作を参照してください。

テキストエディタで作業するときは、 ENTER (ウィンドウ)または RETURN (mac) 新しい段落を作成するには、新しい段落を強制せずに新しい行を挿入するには、 SHIFT キーを押してから、Enter または Return を押します。


8. テキストの配置

  • 編集ツールバーの配置アイコンをクリックして、スニペット テキストの配置 (左 / 中央 / 右) と両端揃えを管理できます。

 


実際の動作を参照してください。

9. リスト – 順序付きおよび順序なし / インデント / アウトデント

  • テキストをインデント付きのリストに簡単に変換して整理できます。
    • インデント – 強調表示されたテキスト領域がインデントされます。
    • インデント – ハイライトされたテキスト領域はインデントされません。 アウトデントするには、以前に適用した順序なし/順序付きリスト アイコンをクリックします。
    • 順不同リスト – 強調表示されたテキストは、箇条書きのように書式設定されます。 HTML では、これは一連のとタグ。
    • 注文リスト – 強調表示されたテキストは、番号付きリストのように書式設定されます。 HTML では、これは一連のとタグ。

 


実際の動作を参照してください。

注: 同じリスト/インデント アイコンをもう一度クリックすると、インデントを削除できます。

  • テキストへのリンク (ハイパーリンク/アンカー タグ) を簡単に追加できます。
  • テキストを強調表示し、  ボタンをクリックします。 既存の Web サイト ページまたは他の Web サイト/ブログ/PDF などを接続できます。
  • クリックすると、URL またはスラッグを入力できるポップアップ ウィンドウが表示され (1)、新しいウィンドウで開くかどうかを選択し (2)、リンク/ボタン テキスト (3)、タイトル – の場合に使用されます。画像のみ (4)。

 

注:

  • Pixpa サイト外の外部 Web サイトにリンクするには、次のように入力します。 http://たとえば、その後に Web アドレスが続きます。 http://www.example.com.
  • サイト内のギャラリー、ストア カテゴリ、またはページにリンクするには、URL スラッグを入力します。たとえば、 /gallery
  • 電子メール デスクトップ クライアントを開くリンクを作成するには、次のように入力します。 mailto: 後に電子メール アドレスを入力します。たとえば、 mailto:example@example.com.
  • 電話をかけるリンクを作成するには、次のように入力します。 tel:、その後に国コード付きの電話番号が続きます。たとえば、 tel:+0-123-456-7890
  • WhatsApp を開くリンクを作成するには、次のように入力します。 https://wa.me/<number> どこ <number> は、国際形式の完全な電話番号です。 電話番号を国際形式で追加する場合は、ゼロ、括弧、またはダッシュを省略します。 例: https://wa.me/15551234567 を取得する必要がある者 https://wa.me/+001-(555)1234567. もっと知る.
  • ファイル セクションにアップロードされた PDF またはその他のファイルにリンクするには、コピーしたリンクをここに入力します。 もっと知る.

チェック: テキスト/ボタンのリンク。


11. 記号を追加する

  • ページ エディターでシンボル (ソーシャル、アート、数字など) を簡単に追加または置換できます。
  • 任意のスニペットに移動し、新しいシンボルを追加する場所をクリックするか、既存のシンボルをクリックして同じものを置き換えます。
  • 次に、をクリックします 絵文字 記号を選択し、右の引き出しから記号を追加します。

 


ページにさまざまな種類のシンボルを追加する方法をご覧ください。

12. 貼り付けたテキストから書式設定を削除する

  • Word、Powerpoint、または任意のインターネット ページから事前に書式設定されたテキストを直接コピーすると、ページ エディターによってテキストが台無しになる傾向があります。
  • そのため、最初にテキストから事前書式設定を削除して、設定されている Pixpa フォント スタイルを適用できるようにする必要があります。 設計 のセクションから無料でダウンロードできます。
  • スニペットのテキスト全体を選択して、
  • ほとんどの場合、書式設定が削除され、段落テキスト スタイルがすべてのテキストに適用されます。
    もっと知る.

 


13. すべてのスニペットの HTML コード

  • ページのすべてのスニペットの HTML コードを一度にコピーまたは編集できます。
  • ページ上の既存のブロックを複製すると役立ちます。

 

チェック: ページ HTML の編集.


ページの HTML コードを表示する方法を参照してください。

お探しのものが見つかりませんか?

Pixpaエキスパートに連絡してください。