WebDesign by mts

Quicktag für Abkürzugen

in blogger, von mts

Quicktags für WordPress selber erstellen. Ein Tutorial, um für WordPress selber Quicktags zu erstellen. Denn mit diesen Quicktags kann man dann auch Code nutzen, den man sonst nicht tippen kann.

Abkürzungen

Gerne nutzen wir diese, doch nicht immer sind den Menschen, die unser Blog lesen auch diese Abkürzungen bekannt.

Daher ist es hilfreich diese “auszuzeichnen”. Html bietet dafür den tag:

<abbr title=" ">

Wir schreiben gern und viel, doch lieber ist es uns, wenn uns Tipparbeit abgenommen wird.

Die Datei quicktags.js im Ordner wp-admin -für WP 1.5.2 und für WP 2.0 aufwärts im Ordner wp-includes/js/ nimmt uns Schreibarbeit ab, denn alle Quicktags, die Du in Deinem Blog siehst, wenn Du einen Beitrag schreibst, stehen dort.

Sichere vorher die Originaldatei: quicktags.js ! Dann öffne sie mit einem Editor Deiner Wahl.

Ganz oben in dieser Datei steht:

<span lang="en" xml:lang="en">// new edit toolbar used with permission
 
// by Alex King</span>
// http://www.alexking.org/

Ungefähr in Zeile 28 findest Du den ersten Quicktag:edButtons[edButtons.length] = new edButton..
Genau oberhalb füge folgendes — am besten mit copy&paste -ein.

edButtons[edButtons.length] = new edButton('ed—abbr'
                                          ,'abbr'
                                          ,'<abbr title=" ">'
                                          ,'</abbr>'
                                          ,'p'
                                          );

Achtung:Jetzt musst Du noch den Bindestrich zwischen “ed—abbr” zu einem Unterstrich ändern!

Speicher die Datei lade sie in den Ordner wp-admin auf Deinen webspace. Gehe zu: “Beitrag schreiben” und jetzt müßtest Du genau neben “Quicktags:” abbr stehen haben. Klicke darauf und es muss:

<abbr title=" ">

erscheinen. Wenn nicht lösche Deinen browsercache in dem Du auf “refresh” klickst, wenn dann immer noch nicht, dann sieh nach, ob Du auch wirklich den ganzen code kopiert und eingefügt hast.

Jetzt musst Du nur mehr zwischen den beiden Anführungszeichen die Erklärung für Deine Abkürzung hineintippen, dann nach dem “>” die Abkürzung selber schreiben und zum Schluss nochmal auf “/abbr” klicken.

Ein Beispiel mit der Abkürzung AT für Austria

• 1. Klick auf “abbr”
• 2. Der leere tag erscheint:

<abbr title=" ">

• 3. Zwischen den Anführungszeichen die Erklärung hineintippen:

<abbr title="Austria ">

• 4. Die Abkürzung selber tippen:AT
• 5. Tag schließen mit klick auf: /abbr

Es geht schneller als hier beschrieben, doch ich nutze ja viele Abkürzungen regelmäßig und mag mir sogar die Tipparbeit zwischen den Anführungszeichen ersparen.

Sichere vorher die Datei: quicktags.js ! Dann öffne sie mit einem Editor Deiner Wahl.

Oberhalb des letzten eingefügten Qicktags s.o. füge folgendes — am besten mit copy&paste -ein.

edButtons[edButtons.length] = new edButton('ed—zb'
                                          ,'zB'
                                          ,'<abbr title="zum Beispiel">'
                                          ,'</abbr>'
                                          ,'p'
                                          );

Achtung:Jetzt musst Du noch den Bindestrich zwischen “ed—zb” zu einem Unterstrich ändern!

Speicher die Datei lade sie in den Ordner wp-admin auf Deinen webspace. Gehe zu: “Beitrag schreiben” und jetzt müßtest Du genau neben “Quicktags:” zB stehen haben.
Klicke darauf und es muss:

<abbr title="zum Beispiel">

zu sehen sein. Probier es einfach aus.

Anhand dieser Beispiele ist es Dir vielleicht möglich Deine eigenen Quicktags zu gestalten. Möchtest Du diese speziell gestalten, dann nutze die css Datei dafür.

Dies versteht auch der IE.

Viel Spaß beim Ausprobieren und im Namen aller Leser Deines Blogs jetzt schon ein “Danke”, dass Du “abbr” nutzt.

Basis Know-how CSS
Internetmarketing

• abbr für den IE
• Hier
• Anleitung für die Print.css, denn Datei -> Drucken ist nach wie vor sehr beliebt - das Drucklayout
• Bild mit Untertitel.
• Links im neuen Fenster

Top

6 zu : Quicktag für Abkürzugen