Dein WordPresstheme unterstützt keine Shortcodes? Hier sind einige!

Wer kennt nicht diese schicken Boxen in einigen Blogs:

Ich bin eine Information

Ich bin eine Warnung

Ich bin ein

Ich bin eine Notiz

Möchstes du sowas auch in deinem Blog nutzen, aber dein bietet dir keine solchen Stylesheets?

Du kannst diese Styles in das von deinem Theme genutzte Stylesheet einfügen, diee Datei liegt in der Regel im Stamm deines Themeverzeichnisses (/wp-content/themes/<themename>/ und heißt style.

Hier fügst du am Ende dann die gewünschten Shortcodes ein, für das Beispiel oben wäre das:

Bitte vergeweissere dich, dass dein Themestyle nicht schon über die Selektoren (alert, download,info, note) verfügt. Sollte das der Fall sein, dann benenne diese in meinem Style einfach um.

.alert { border-top:1px solid #f0baa2; border-bottom:1px solid #f0baa2; background:#ffd9c8 url(/images/alert.png) no-repeat 12px 13px; margin:10px 0 10px 0; padding:9px 10px 9px 36px; color: black }
.download { border-top:1px solid #d4ebaf; border-bottom:1px solid #d4ebaf; background:#edfcd5 url(/images/download.png) no-repeat 10px 13px; margin:10px 0 10px 0; padding:9px 10px 9px 36px; color: black  }
.info { border-top:1px solid #ccc; border-bottom:1px solid #ccc; background:#eee url(/images/info.png) no-repeat 12px 13px; margin:10px 0 10px 0; padding:9px 10px 9px 36px; color: black }
.note { border-top:1px solid #efe3ae; border-bottom:1px solid #efe3ae; background:#fef6d2 url(/images/note.png) no-repeat 14px 13px; margin:10px 0 10px 0; padding:9px 10px 9px 36px; color: black }

Selbstverständlich kannst du das Beispiel CSS anpassen, ändern oder weitere Styles hinzufügen. Ebenso lassen sich die Icon austauschen.

Die icons findest du im Anhang. Diese lädst du hier herunter und dann bitte in dein images Verzeichnis direkt im WordPress Ordner.

Wenn du das TinyMCA Advanced nutzt, dann kannst du dir seine Styles auch in der Dropdownliste anzeigen lassen.

Dazu änderst du die Datei tadv-mce.css im Ordner  /wp-content/plugins/tinymce-advanced/css und fügst folgende Zeilen ans Ende ein:

.alert {}
.download {}
.info {}
.note {}

Kann sein,  dass du dich aus und wieder einloggen must damit dir diese Styles in MCE angezeigt werden, das ist scheinbar ein bischen der Wurm drin.

Bitte beachte, dass die Änderungen in der css Datei verloren gehen wenn du dein Theme updatest, daher bitte eine anlegen!

Du kannst deine Styles auch in eine andere css Datei schreiben und diese dann unabhängig von deinem Theme in deine Seiten einbingen, dann klappt allerdings die Integration in TinyMCE nicht so ohne weitere Konfiguration. Einfach ausprobieren was am Besten klappt.

Hier kommen die Icons (rechte Maustaste, Grafik speichern unter:

Leave a Reply

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

eMail-Benachrichtigung bei weiteren Kommentaren.
Auch möglich: Abo ohne Kommentar.