Inline-Texteditor

Über den Inline-Texteditor

Die Inline-Texteditor ist eine Funktion, mit der Sie Text in Ihrem GemPages-Designbereich bearbeiten können. sofort.

Mit dem Inline-Editor können Sie Ihren Text schnell formatieren, z. B. Fettdruck, Kursivschrift, Ausrichtung, Links oder grundlegende Stile direkt dort anwenden, wo der Inhalt auf der Seite erscheint. 

Bei Verwendung des Inline-Editors:

• Sie können die Formatierung direkt auf der Arbeitsfläche anpassen.
• Es eignet sich ideal für schnelle inhaltliche Bearbeitungen und visuelle Optimierungen.
• Für einfache Änderungen müssen Sie die Seitenleisteneinstellungen nicht öffnen.

Wichtiger Hinweis zur Schriftgröße:

Sie können die Schriftgrößenoption im Inline-Editor verwenden, um bestimmte Wörter oder kurze Phrasen innerhalb eines Satzes hervorzuheben.

Um jedoch eine einheitliche Schriftgröße auf verschiedenen Geräten (Desktop, Tablet und Smartphone) zu gewährleisten, empfehlen wir, die Schriftgröße stattdessen in den Einstellungen der Seitenleiste des Elements anzupassen. Dadurch bleibt Ihr Design responsiv und wird auf allen Bildschirmgrößen korrekt angezeigt.

Weitere Informationen finden Sie in diesem Artikel: Textstile ändern

Wie kann ich in GemPages auf den Inline-Texteditor zugreifen?

Für den Zugriff auf Inline-TexteditorMarkieren Sie den Text, den Sie bearbeiten möchten. Die Bearbeitungsleiste wird oberhalb des Textes angezeigt.

Diese Funktion unterstützt alle Elemente, die bearbeitbaren Text enthalten (den Text, den Sie im GemPages-Editor bearbeiten können), wie zum Beispiel:

• Überschriftenelement
• Textblockelement
• Artikellistenelement
• Tab-Elemente
• Schaltflächenelement

Für den Text, den Sie in Shopify bearbeiten müssen (z. B. Produkttitel, Produktbeschreibung usw.), verwenden Sie den Inline-Texteditor. Funktion ist deaktiviert.

Inline-Einstellungen des Texteditors

Hier eine kurze Übersicht aller im Inline-Texteditor verfügbaren Einstellungen:

1. Schriftgröße

 Passen Sie die Schriftgröße an, um Ihren Text größer oder kleiner zu machen.

Hinweis: Diese Einstellung ist nicht responsiv, d. h. Änderungen der Schriftgröße werden einheitlich auf allen Gerätebildschirmen angewendet.

2. Fett

Markieren Sie Ihren Text fett, um wichtige Informationen hervorzuheben.

3. Kursiv

Kursivieren Sie Ihren Text, um ihn stärker hervorzuheben oder ihm mehr Stil zu verleihen.

4. Unterstreichen

Unterstreichen Sie Text, um wichtige Punkte hervorzuheben.

5. Durchgestrichen

Wenden Sie einen Durchstreicheffekt an, um veraltete oder entfernte Inhalte anzuzeigen.

6. Textfarbe

Passen Sie die Farbe Ihres Textes an das Thema Ihrer Marke an. Klicken Sie einfach auf das Symbol „Textfarbe“ und wählen Sie aus der Farbpalette.

7. Texthintergrundfarbe

Markieren Sie Text mit einer Hintergrundfarbe, um ihn hervorzuheben.

Ergebnis:

8. Nummerierte Liste

Organisieren Sie Inhalte in einer nummerierten Liste für ein strukturiertes Erscheinungsbild. Ideal für Schritt-für-Schritt-Anleitungen oder Listen.

9. Aufzählungsliste

Verwenden Sie Aufzählungszeichen, um Listen zu erstellen, die leicht zu überfliegen sind.

10. Index

Fügen Sie tiefgestellten Text hinzu, nützlich für chemische Formeln oder Fußnoten (z. B. Vitamin A1, B2)

11. Hochgestellt

Fügen Sie hochgestellten Text hinzu, perfekt für Exponenten oder Ordnungszahlen (z. B. 1., 2.).

12. Verknüpfung

Fügen Sie einen Hyperlink ein, indem Sie Text markieren, auf das Link-Symbol klicken und die URL eingeben. Dies eignet sich hervorragend, um Benutzer auf andere Seiten oder Ressourcen zu leiten.

13. Schaltfläche „Format entfernen“

Löscht die gesamte Formatierung aus dem ausgewählten Text und setzt ihn auf den Standardstil zurück.

Einstellung der responsiven Textgröße

Wenn Sie die Textgröße direkt im Inline-Texteditor, generiert der Editor einen benutzerdefinierten CSS-Code für diesen Text. Dadurch wird die Textgröße angewendet einheitlich auf allen Geräten (Desktop, Tablet und Mobilgerät).

Wenn Sie für jeden Bildschirm eine andere Textgröße festlegen möchten, empfehlen wir Ihnen, die Größe über die Einstellungen der linken Seitenleiste stattdessen.

Ejemplo:

• Verwendung des Inline-Texteditors: Textgröße = 20px auf allen Geräten, einschließlich Desktop, Tablet und Mobiltelefon.
• Verwenden der Einstellungen der linken Seitenleiste: Sie können 20 Pixel für den Desktop, 18 Pixel für das Tablet und 16 Pixel für Mobilgeräte unabhängig voneinander einstellen.

Auf diese Weise haben Sie auf verschiedenen Geräten die volle Kontrolle über Ihre Typografie.

Beziehen auf Dieser Artikel zu erfahren Sie mehr über Das responsive Webdesign von GemPages.