Texte Gestalten bringt mehr Besuche

Oft lässt der Editor nur wenig Gestaltungsfreiheit zu. Das Strukturieren mit Rahmen und Hintergrundfarben hebt Deinen Bericht hervor aus dem weißen Einerlei. Nur bunte Werbung vergrault Besucher.

Sieh Dir die Einheitsberichte an: Texte in schwarzer Schrift auf weißem Hintergrund. Die Schrift fett hervorheben oder als Überschrift größere Zeichen ist das einzige Gestaltungsmerkmal. Halbe Spaltenbreite eingesetzt freut die Werbung genüsslich, Deine Texte aus dem Zusammenhang zu reißen. Gestalte und strukturiere Deine Texte mit wenigen Instruktionen über die Raute rechts im Editor. Bringe Farben und Rahmen ins Spiel. Da braucht es keine Programmiererfahrung. Kopiere Dir in Deinem Artikel den Text mit den zusätzlichen Möglichkeiten des Gestaltens. Du kopierst, wenn Du einen neuen Textbaustein brauchst, diesen "Vorlage-Baustein". Diese Vorlage enthält auch gleich die Werbesperre innerhalb des Textbausteins. Ohne Zutun sind so -zumindest innerhalb des Bausteins - Deine Texte geschützt vor Werbung. Die Vorlage enthält Rahmen, Hintergrundfarbe, Textausrichtung und Textfarbe. Was Du nicht brauchst, entfernst Du einfach nach dem Kopieren: Rahmen, Hintergrund, Schriftfarbe, Schriftausrichtung und Werbeschutz.

Mehr Gestalten bringt mehr Besuche t:Tv113 s:361 24.02.24 13:13

	24.2.24 361_f558-v1
Tipps zum Fotografieren, Schreiben, etc. - gelöscht	VG
Mehr Gestalten bringt mehr Besuche	Seite 4 von 6

Finde Ausflugs-Ziele im Allgäu - gelistet nach Gehzeit in Stunden

Tour oberstdorf sonthofen hindelang allgäu primapage

Kurz (3)

Halbtag (4)

Tour Halbtag oberstdorf sonthofen hindelang allgäu primapage

Halbtag (5)

oberstdorf sonthofen hindelang allgäu primapageTour

Tag (7)

Tour oberstdorf sonthofen hindelang allgäu nagelfluh primapage

Tag (11)

Von Seite VG zur folgenden oder vorgehenden Seite:

> Gewinne mehr Seitenbesuche mit Folgegruppen

< Artikel teilen - Vorteile für Besucher und Dich

Vom Text: gelöscht zum folgenden oder vorgehenden:

> Touren Leistung berechnen zum Vergleichen

< Golmer Höhenweg Lindauer Hütte Tour Montafon und Rätikon

Finde Ausflugsziel in den Listen aller Berichte nach

1 Allgäu-Touren nach Datum der Texterstellung mit Bild

2 Alpen-Touren nach Dauer, Länge, Höhendifferenz

Wandern Touren Oberstdorf Sonthofen Hindelang Nagelfluh primapage bildband

Auswahl

Lesen

Seite 4 von 6

Wähle weiteren Bericht

#NV #NV #NV

[1]
GewinnBs1

[2]
AlernSeit2

[3]
Artikelteilen

Touren in Bayern, Tirol, Vorarlberg, Berner Oberland + Savoyen

Zugspitze

Bayern Tirol

Karwendel

Adelboden

Savoyen

Fragen - Kommentare

Überschrift nicht in der Überschrift

Wir fangen mit der Überschrift an. Warum? Weil wir die auch gestalten wollen. Und dort, wo sie ein eigenes Textfeld hat, schaut es triste aus mit der Gestaltung.

Wir tippen hier die Überschrift im Text.

Dann wird der Text begonnen: Jetzt bist Du dran. Wenn der Text fertig ist, markieren wir die Überschrift mit der Maus. Das sieht dann so aus, wie ich es bereits markiert habe.

Jetzt klicken wir auf "Formate" im Menü des Editors und wählen im Klappmenü "Überschrift". Das sieht dann so aus:

Wir tippen hier die Überschrift im Text.

Vorteile sind hier neben der Möglichkeit der Gestaltung - innerhalb eines Textblocks - Überschriften zu verwenden.

Text farbig zentriert auf Hintergrund gerahmt

Beispielsweise wollen wir der Überschrift ausstatten mit Farbschrift, Hintergrund, Rahmen und Schrift zentriert (in der Mitte). Hier der Vergleich zur Überschrift im Textblock:

Text farbig zentriert auf Hintergrund gerahmt

Jetzt das Geheimnis der einfachen Gestaltung:

Den nachfolgend, gerahmten Text kannst Du kopieren in Deinen zu bearbeitenden Artikel.

Kopiere den gerahmten Text mit Strg C.
Klicke in einem Deiner Textblöcke auf die Raute oben rechts im Editor.
Übertrage den Text mit Strg V (Paste).

Von dieser Basiskopie (Original) in Deinem Textblock kannst Du jederzeit den Kode kopieren und den Text durch Deinen ersetzen,

Nicht benötigte Instruktionen werden gelöscht und Farben und Attribute angepasst via Raute.

Quellcode Textfarbe Hintergrund Rahmen zum Kopieren

<div><p style="background: #ffe; border: 0.2em solid #c36; color: #c36; padding: 0.2em;
text-align: center;">------- Hier dazwischen Dein gesamter Text --------</p></div>

Tipp Vorgehensweise:

Kopiere roten Quellcode oben mit Paste Strg C
Lade in Deinen Textbaustein mit klick Quelleneditor <> mit Strg V Deinen Text
Weiter bearbeiten mit Texteditor (<> verlassen)
Deinen Text in Baustein einfügen
Tausche beliebig Eigenschaften wie #RGB 0.2em aus.
Unterdrücke nicht gewünschter Elemente mit Ändern:
Ausschalten Größe = 0em, Farbe = #fff weiß, #000 schwarz oder beliebig.
Rahmen (Border) oder Abstand (Padding) 1em = eine Zeichenbreite

Color = Farbe des Textes
padding = Raum (Abstand) zwischen Schrift und Rahmen
Text-align = Ausrichtung des Textes, center = mittig
<div> zu Beginn und </div> am Ende = Sperre für Werbetexte innert dieser Klammerung.

Diese fünf Instruktionen schenken uns eine wunderbare Freiheit des Gestalten und Strukturieren des Textes.

Die Eigenschaften zu den Instruktionen sind variabel (nach Belieben):

#RGB = Farbe Rot, Grün, Blau (siehe Artikel farbig gestalten in Pagewizz und Webseiten).
n.n em = Breite für Rahmen, Abstand, etc.
center = zentriert, weitere left, right, justify (Blocksatz).

Weitere Beispiele und Anregungen

Der folgende Textblock zeigt Dir sicher, wie wirksam die Instruktion style einsetzbar ist. Hier werden von mir bewusst auch kräftigere Farbtöne eingesetzt. Es ist das Angebot an meine Besucher, weitere meiner Berichte zu lesen. Beginnt die Textreise, dann verdoppelt sich die Besuchszahl. Das habe ich bereits in einem anderen Bericht vorgeschlagen.

Der Trick mit der rechten Maustaste oder Strg U

Mit dem Anzeigen des Seitenquelltextes und Suchen eines Textes zeigt sich Dir der Quellcode. Beispielsweise die Suche (Fn 3) nach "Dauer ab Stunden" verraten die Farbcodes der für mich angenehmen Hintergründe. Dem Besucher signalisieren sie die Dauer der Tour von grün bis violett. Damit schenken Farben dem Leser eine weitere, bildliche Information.

Diese Instruktionen werden Dir gezeigt. Allerdings nicht aufbereitet. Gesunder Menschenverstand hilft hier weiter:

Einfach den kompletten Seitenquelltext nach Libre Office oder Editierprogramm kopieren (paste),
jetzt bis Suchbegriff alles löschen,
dann nach "6,6" alles löschen.
Das Ergebnis sieht so aus (Rahmenbreite 0em, background:#eed, padding:2.0em)
Hier interessieren nur die Farben #RGB (Rot Grün Blau):