Tools für Webmaster und Redakteure

Texte einfügen

Beim Erstellen oder Editieren eines Posts sollte man niemals Inhalte per Copy & Paste direkt in der Editor-Ansicht einfügen. Dabei werden oft unsichtbare unerwünschte Formatierungen aus der ursprünglichen Quelle übernommen, wie Schriftarten, Farben oder Abstände. Diese können das Design des Blogs erheblich stören oder sogar das Layout "zerschießen". 

Um solche Probleme zu vermeiden, empfiehlt es sich, Inhalte zunächst in der HTML-Ansicht einzufügen. Dort wird der Text neutral ohne zusätzliche Formatierungen eingefügt. 

Anschließend kann man wieder zur Editor-Ansicht wechseln und die Inhalte wie gewünscht anpassen. So bleibt das Design konsistent und sauber!

Silbentrennung

Der Text wird auf allen Seiten automatisch silbengetrennt. 

Durch das Setzen von em-Tags kann die Trennung und der Umbruch aber vermieden werden. Normalerweise wird der em-Tag verwendet, um einen Text hervorzuheben (em = emphasis). Dabei wird der Text meistens kursiv gestellt. Für unsere Homepage haben wir die Kursivierung ausgeschaltet und dafür die Eigenschaft eingeschaltet, dass der Text nicht silbengetrennt oder umgebrochen wird. Sinnvoll kann das z. B. bei Namen oder Überschriften sein.

<em>Text, der nicht getrennt oder umgebrochen werden soll</em>.

Über Labels

Labels könnte man auch als Stichworte oder Etiketten bezeichnen. Auf unserer Homepage werden diese Labels nach außen "Themen" genannt, weil dies am besten zu unseren Zwecken passt. Durch das Setzen eines Labels (im Editor rechts oben) wird dann dieser Post einem bestimmten Thema (oder auch mehreren) zugeordnet. Diese lassen sich dann als "Gruppe" sortiert anzeigen.

Beispiel: Das Label wäre "Mitgliedschaft". Dann kann über https://www.ueberschnitt.de/search/label/Mitgliedschaft diese Gruppe angesteuert werden, wobei der Hinweis ausgegeben wird: Beiträge zum Thema "Mitgliedschaft" werden angezeigt.

Diese Möglichkeit und Vorgehensweise ist wichtig, um den Besuchern bei ihrer Informationssuche qualifizierte Angebote zu machen.

Farben

Unsere Farb-CI und dazu gehörige Farbabstufungen

Signalfarbe Hex RGB -90% #FFF4F2 rgb(255, 244, 242) -80% #FFEFE9 rgb(255, 239, 233) -70% #FFDCDC rgb(255, 220, 220) -60% #FFC8C0 rgb(255, 200, 192) -50% #FFB3A3 rgb(255, 179, 163) -40% #FF9E86 rgb(255, 158, 134) -30% #FD8A6A rgb(253, 138, 106) -20% #FB754D rgb(251, 117, 77) -10% #F86030 rgb(248, 96, 48) Signalfarbe ORIGINAL #F44D14 rgb(244, 77, 20) +10% #DB4512 rgb(219, 69, 18) +20% #C33D10 rgb(195, 61, 16) +30% #AA350E rgb(170, 53, 14) +40% #922E0C rgb(146, 46, 12) +50% #7A260A rgb(122, 38, 10) +60% #611E08 rgb(97, 30, 8) +70% #491706 rgb(73, 23, 6) +80% #300F04 rgb(48, 15, 4) +90% #180702 rgb(24, 7, 2)

% Änderung Hex RGB -90% #f7fdf2 rgb(247, 253, 242) -80% #effae5 rgb(239, 250, 229) -70% #e7f8d7 rgb(231, 248, 215) -60% #dff6ca rgb(223, 246, 202) -50% #d7f4bd rgb(215, 244, 189) -40% #cff1b0 rgb(207, 241, 176) -30% #c7efa3 rgb(199, 239, 163) -20% #bfed95 rgb(191, 237, 149) -10% #b7ea88 rgb(183, 234, 136) ±0% CI GRÜN ORIGINALFARBE #AFE87B rgb(175, 232, 123) +10% #9de35d rgb(157, 227, 93) +20% #8add3f rgb(138, 221, 63) +30% #78d425 rgb(120, 212, 37) +40% #67b520 rgb(103, 181, 32) +50% #56971a rgb(86, 151, 26) +60% #457915 rgb(69, 121, 21) +70% #345b10 rgb(52, 91, 16) +80% #223c0b rgb(34, 60, 11) +90% #111e05 rgb(17, 30, 5)

Links in Blau Hex RGB -90% #FAFBFF rgb(250, 251, 255) -80% #F0F5FF rgb(240, 245, 255) -70% #E5EBFF rgb(229, 235, 255) -60% #CCD4FF rgb(204, 212, 255) -50% #B3BBFF rgb(179, 187, 255) -40% #99AAFF rgb(153, 170, 255) -30% #8099FF rgb(128, 153, 255) -20% #6688FF rgb(102, 136, 255) -10% #3366E5 rgb(51, 102, 229) Links ORIGINALFARBE #0044CC rgb(0, 68, 204) +10% #3451A9 rgb(52, 81, 169) +20% #2E4896 rgb(46, 72, 150) +30% #283F83 rgb(40, 63, 131) +40% #223670 rgb(34, 54, 112) +50% #1D2D5E rgb(29, 45, 94) +60% #17244B rgb(23, 36, 75) +70% #111B38 rgb(17, 27, 56) +80% #0B1225 rgb(11, 18, 37) +90% #050912 rgb(5, 9, 18)

Öffentlichkeitsarbeit

• Grundsätze bei der Informationsvermittlung

  1. Das Wichtigste zuerst: Was, wann, wo, wer, dann evt. wie und warum
  2. Den Zusammenhang, um den es geht, sofort und komplett formulieren; Niemals die Empfänger sich aus verschiedenen Daten selbst etwas zusammenreimen lassen!
  3. Eventuelle Erläuterungen erst danach und nur, wenn nötig
  4. Bei Aushängen und Drucksachen: Niemals so knapp, dass es im Zusammenhang wie Befehlston wirkt und immer freundliche Abschlussformel

• Wenn es um Beiträge geht: Leitfaden für gute Texte – Kurz und Knapp

  1. Zentrale Aussage festlegen:
     • Fasse in 2–3 Sätzen zusammen, worum es geht und welchen Mehrwert du bietest.
     • Lies deinen Text aus der Perspektive eines Außenstehenden – weckt er Lust auf mehr?
  2. Klare Struktur schaffen:
     • Überlege dir eine logische Gliederung (z. B. vom Allgemeinen zum Besonderen oder als Schritt-für-Schritt-Anleitung).
     • Nutze Zwischenüberschriften, die den Inhalt der folgenden Abschnitte kurz wiedergeben.
  3. Inhalt formulieren:
     • Schreibe klar und direkt und passe die Sprache an deine Zielgruppe an.
     • Verwende kurze Sätze, übersichtliche Absätze und unterstützende Elemente wie Bilder oder Listen.
  4. Den passenden Schluss schreiben:
     • Finde einen Abschluss, der zusammenfasst, zum Weiterdenken anregt oder auf weitere Themen verweist.
     • Vergiss nicht, ggf. Quellen anzugeben!
  5. Überarbeiten und Kürzen:
     • Lege den Text kurz zur Seite und lies ihn später laut vor, um holprige Formulierungen zu entdecken.
     • Streiche Füllwörter und Abschnitte, die nicht zum Kern beitragen. Wenn nötig: Kill your darlings.
     • Prüfe auf Grammatik und Rechtschreibung, um den Text zu verfeinern.

• Links für unsere Öffentlichkeitsarbeit

  Artikel im St. Georgener Boten einreichen | Termine | BZ Tischtennis

  Leseempfehlung: Wirklich gute Pressemitteilungen schreiben

Text-Counter für Pressemeldungen