Der Seitentext-Editor

Seiten Mit dem einfachen Drag-and-Drop-Seitenersteller von Pixpa können Sie jede Art von informationsbasierten Seiten mit über 100 Inhaltsblöcken erstellen.

Du kannst dich organisieren, bearbeiten und passen Sie diese Inhaltsblöcke an, um einzigartige Seiten zu erstellen, auf denen Ihre Inhalte angezeigt werden.
Überprüfen Sie auch: Abschnitte und Snippets verstehen.

Im Page Builder können Sie ganz einfach hinzufügen Abschnitte und Drag-and-Drop Snippets von der linken Seitenleiste auf den Zeichenbereich der Seite.

Nachdem Sie einen Abschnitt auf Ihrer Seite platziert haben, können Sie einzelne Snippet-Elemente (Text, Bilder, Schaltflächen) darin bearbeiten.

Bewegen Sie einfach den Mauszeiger auf den Bereich der Seitenleinwand, alle einzelnen Snippets werden beim Bewegen der Maus hervorgehoben. Klicken Sie dann auf ein beliebiges Snippet, um es zu bearbeiten.

Sehen Sie, wie Sie den Inhalt in Aktion bearbeiten: 

Folgendes können Sie im Seitenbereich tun: 

1. Sequenzieren Sie die Schnipsel.
2. Duplizieren Sie die Schnipsel.
3. Löschen Sie ein bestimmtes Snippet.
4. Machen Sie die letzten Änderungen rückgängig.
5. Wenden Sie Fett/Kursiv/Unterstrichen und andere Formatierungen auf den Text an.
6. Ändern Sie die Textfarbe und die Hintergrundfarbe des Snippets.
7. Wenden Sie die Textformatierung an oder ändern Sie den Schriftstil.
8. Ändern Sie die Text Ausrichtung.
9. Erstellen Sie geordnete und ungeordnete Listen.
10. Wenden Sie einen Hyperlink auf den Text an.
11. Fügen Sie ein Symbol hinzu.
12. Entfernen Sie die Vortextformatierung.
13. Bearbeiten Sie den HTML-Code einer ganzen Seite.

Snippet-Toolbox und Bearbeitungs-Toolbar

Wenn Sie auf ein beliebiges Snippet klicken, sehen Sie die Snippet-Toolbox des einzelnen Snippets auf der rechten Seite und die Werkzeugleiste bearbeiten an der Spitze.

Es gibt 4 Optionen in der Snippet-Symbolleiste: 

• Ziehen ( ✥ ) – Wird verwendet, um die Snippets per Drag and Drop anzuordnen.
• Duplikat – Wird verwendet, um das Snippet zu duplizieren.
• Element-Werkzeuge – Wird verwendet, um das Hinzufügen eines neuen Snippets anzuzeigen, ein Snippet zu duplizieren, ein Snippet nach oben/unten zu verschieben und die Option eines einzelnen Snippets zu löschen.
• Löschen – Wird verwendet, um das Snippet zu löschen.

1. Reihenfolge der Snippets

• Sie können Ihr Snippet per Drag-and-Drop sequenzieren. Halten Sie einfach die liebe Symbol und ziehen Sie das Snippet über alle Blöcke auf einer Seite und lassen Sie es an der gewünschten Position fallen.

Sehen Sie Sequenzierungsausschnitte in Aktion:

2. Duplizieren Sie Ihr Snippet

• Sie können jedes vorhandene Snippet duplizieren, indem Sie auf das Duplizieren-Symbol klicken.

Sehen Sie sich das Duplizieren von Snippets in Aktion an:

3. Löschen Sie Ihr Snippet

• Sie können jedes Snippet von Ihrer Seite löschen, indem Sie auf das Löschsymbol klicken.

Sehen Sie sich das Löschen von Snippets in Aktion an:

4. Machen Sie die letzten Änderungen rückgängig

• Sie können die letzten textbasierten Änderungen rückgängig machen, indem Sie auf drücken Ctrl (Fenster) oder ⌘ (Mac) + z. 

5. Fett / Kursiv / Unterstrichen / Durchgestrichen etc

• Sie können Ihren Snippet-Text ganz einfach bearbeiten, indem Sie darauf klicken. Wählen Sie einfach den Text aus und klicken Sie auf das Symbol der Bearbeitungssymbolleiste, um ihn entsprechend fett, kursiv oder unterstrichen darzustellen.

In Aktion sehen:

6. Textfarbe / Texthintergrund und Abschnittshintergrundfarbe

Sie können eine Farbe für Text und Texthintergrund auf zwei Arten auswählen:

1. Palette
2. Custom Color

Palette

Auf dieser Registerkarte spiegeln die verfügbaren Farboptionen diejenigen der ausgewählten Farbpalette wider Abschnitt Design.

Sie werden automatisch abgerufen und aktualisiert, wenn Sie Änderungen an der Farbpalette Ihrer Website vornehmen. Mehr erfahren über Farbpaletten.

Custom Color

Hier finden Sie einen Farbwähler, mit dem Sie eine Farbe auswählen und aus verschiedenen verfügbaren Farbtönen auswählen können.

Darüber hinaus können Sie einen Hex-Farbcode eingeben und auch die Deckkraft der Farbe feinabstimmen.

Befolgen Sie die unten aufgeführten Schritte, um eine Farbe für Text und Texthintergrund auszuwählen:

• Klicken Sie auf ein bestimmtes Snippet, wählen Sie den Text aus und klicken Sie auf Farbe (1) Symbol. Es erscheint ein Popup-Fenster, in dem Sie eine Farbe auswählen können Palettenfarboptionen oder eine Custom Color (2).
• Wählen Sie ein Textfarbe und Füllfarbe (3) dh die Texthintergrundfarbe.
• Verstelle die Deckkraft (4) der Farbe mit dem Schieberegler.
• Sie können auch einen Hex-Farbcode (5) eingeben und diesen auf den Text/Texthintergrund anwenden.
• Schließlich Speichern (6) die Änderungen.

• Das SAbschnitt Hintergrundfarbe (7) kann von geändert werden Color Style .

• Sie können die angewendete Farbe/den Stil auch ändern oder entfernen. Wählen Sie einfach den Text aus und klicken Sie auf den Sauberes Symbol (8) um das vorhandene Farbschema zu entfernen.
• Speichern (9) die Änderungen.

In Aktion sehen:

7. Schriftstil des Textes

• Sie können verwenden vier verschiedene Typen von Schriftstilen auf Ihren Seiten (zu einem Zeitpunkt), die in der angegeben würden Abschnitt Design. Dies ist ein allgemeiner Designstil, der auf allen Seiten verwendet wird.
  • 1 Kopf Stil → Schriftart für die Überschrift und Stil → Schild
  • 2 Kopf Stil → Überschrift und Stil → Schild
  • 3 Kopf Stil → Schriftart für Untertitel und Stil → Schild
  • 4 Kopf Stil → Untertitel / Bylines-Schriftart und Stil → Schild
  • Absatztext Stil → Absatzschrift und Stil → Schild

• Sobald Sie den Schriftstil in der festgelegt haben Design Abschnitt können Sie sie effizient auf der gesamten Seite verwenden. Wählen Sie einfach den Text aus und wenden Sie die Formatierung im Seiteneditor an.
  Überprüfen Sie auch: Website-Textstil.
• Das System wendet automatisch die Schriftart, Farbe, Größe und Stärke dieses bestimmten Schriftartstils auf den ausgewählten Text an. Sie können dasselbe auf der Live-Site und im Editor überprüfen.

In Aktion sehen:

8. Ausrichtung des Textes

• Sie können die Textausrichtung Ihres Snippets verwalten – Links/Zentriert/Rechts und ausrichten, indem Sie auf das Ausrichtungssymbol in der Bearbeitungssymbolleiste klicken.

In Aktion sehen:

9. Liste – Geordnet und Ungeordnet / Einzug / Auszug

• Sie können Ihren Text ganz einfach in Listen mit Einrückung umwandeln und diese organisieren.
  • Einzug – Ein markierter Textbereich wird eingerückt.
  • Ausbrüten – Ein markierter Textbereich wird nicht eingerückt. Klicken Sie zum Ausrücken auf das Symbol für die ungeordnete/geordnete Liste, das Sie zuvor angewendet haben.
  • Ungeordnete Liste – Hervorgehobener Text wird wie eine Aufzählung formatiert. In HTML verwendet dies eine Reihe von und Stichworte.
  • Bestellliste – Hervorgehobener Text wird wie eine nummerierte Liste formatiert. In HTML verwendet dies eine Reihe von und Stichworte.

In Aktion sehen:

10. Fügen Sie einen Link hinzu

• Sie können Ihren Text ganz einfach mit einem Link versehen (Hyperlink/Anchor-Tag).
• Markieren Sie den Text und drücken Sie die Link Schaltfläche in der Bearbeitungssymbolleiste. Sie können Ihre bestehenden Website-Seiten oder andere Websites/Blogs/PDFs usw.
• Beim Klicken sehen Sie ein Popup-Fenster, in dem Sie die URL oder den Slug (1) eingeben, auswählen können, ob Sie in einem neuen Fenster öffnen möchten (2), den Link-/Schaltflächentext (3), den Titel – verwendet im Falle von nur Bilder (4).

Überprüfen Sie auch: Verlinkungstext/Schaltfläche.

11. Fügen Sie ein Symbol hinzu

• Sie können im Seiteneditor ganz einfach ein Symbol (Social, Art, Number usw.) hinzufügen oder ersetzen.
• Gehen Sie zu einem beliebigen Snippet und klicken Sie auf die Stelle, an der Sie Ihr neues Symbol hinzufügen möchten, oder klicken Sie auf ein vorhandenes Symbol, um es zu ersetzen.
• Dann klicken Sie auf die emoji Symbol und füge die Symbole aus der rechten Schublade hinzu.

Sehen Sie, wie Sie Ihrer Seite verschiedene Arten von Symbolen hinzufügen:

12. Entfernen Sie die Vorformatierung aus dem eingefügten Text

• Wenn Sie vorformatierten Text direkt aus Word, Powerpoint oder einer beliebigen Internetseite kopieren, neigt der Seiteneditor dazu, den Text durcheinander zu bringen.
• Sie müssen also zuerst die Vorformatierung aus Ihrem Text entfernen, damit Sie den in eingestellten Pixpa-Schriftstil anwenden können Design .
• Wählen Sie einfach den gesamten Text des Snippets aus und klicken Sie auf reinigen .
• In den meisten Fällen wird die Vorformatierung entfernt und der Absatztextstil auf den gesamten Text angewendet.
  WEITERE INFORMATIONEN .

13. HTML-Code aller Snippets

• Sie können den HTML-Code aller Snippets einer Seite auf einmal kopieren oder bearbeiten.
• Es würde Ihnen helfen, Ihren vorhandenen Block auf einer Seite zu duplizieren.

Überprüfen Sie auch: Seiten-HTML bearbeiten.

Sehen Sie, wie Sie den HTML-Code einer Seite anzeigen:

Weitere Artikel:

• Abschnitt Einstellungen.
• Abschnitt – Inhaltsstil.
• Arten von Abschnitten.