Sidebar
ein-/ausblenden

WordPress 2.6 Quicktipp für Theme-Autoren

Plugin für WordPress SEO

Anzeige

Seit WordPress 2.6 gibt es ein weiters Feld beim Uploaden von Bildern – caption bzw. Bildunterschrift. Damit kann man recht einfach und ohne große Kenntnisse in HTML die Unterschrift für ein Bild setzen. Die Lösung wurde mit divs realisiert, was nicht meinem Anspruch genügt, aber in darum soll es hier nicht gehen.

Wer sich nun an die Arbeit macht und ein Theme für WordPress erstellt und dieses der Öffentlichkeit preis gibt, der sollte eine Anzahl con Formatierungen im Stylesheet haben. Dies führt dann dazu, dass die Bilder, die man mit der Media-Funktionalität hoch lädt und in den Beitrag integriert, auch im für den Anwender verständlichen Aussehen erscheinen. Die Klassen sind im folgenden aufgelistet und gehören ab WordPress Version 2.6 bitte in jedes Theme, welches man anderen Anwendern übergibt.


/**
 * for WordPress classes at images
 *
 */
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.alignleft {
float: left;
}

.alignright {
float: right;
}

.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #fff;
padding-top: 5px;
margin: 10px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 1em;
line-height: 1.1em;
padding: 0 5px 6px;
margin: 0;
}

Die Formatierungen sind nur beispielhaft und sollen die Klassen besser verdeutlichen. Natürlich kann man das an seine Bedürfnisse anpassen. Grundlegend geht es nur darum, dass sie existieren und die schematische Vorschau im Adminbereich auch dann im Frontend unterstützen – so sollte alignleft schon ein Bild links floatend darstellen. Aber das nur am Rande.

Wer noch mehr Information zur Bildunterschrift wünscht, der liest den Beitrag „Bilder mit Bildunterschrift in WordPress 2.6“. Dort gibt es eine Reihe an Infos zu HTML und CSS.

* Mein Basis-Theme, welches ich zur Verfügung stelle um einen einfachen Start in ein neues Theme zu haben, erfährt demnächst ein Update. Ich habe viel geändert und erweitert, weil sich doch einiges in den letzten Versionen von WP geändert hat. Mal sehen, wann ich zu einem Upload komme und einen fertigen Stand habe.

Artikel #705, 1. August 2008 · Themes, Tipps · 12 Kommentare · Kommentar schreiben
Tags: , , , , , ,
Kommentar-Feed zum Artikel · TrackBack URL · Kurzlink

«
»

11 Kommentare und 1 Trackback zu „WordPress 2.6 Quicktipp für Theme-Autoren“

  1. 1
    Kommentar von Christian Heß-Grünig
    1. August 2008 um 12:23

    „… was nicht meinem Anspruch genügt, …“
    Mich würde interessieren, wie Du's machst, bzw. wie Du es für besser machen würdest.

  2. 2
    Kommentar von Frank Bültge
    1. August 2008 um 12:48

    @Christian Heß-Grünig: per Definitionsliste

    
<dl class="ImgRight">
  <dt><img src="bild.gif" alt="bild" title="Bildchen" /></dt>
  <dd><em>Bildunterschrift</em></dd>
</dl>
  3. 3
    Kommentar von Christian Heß-Grünig
    1. August 2008 um 17:26

    Auch nicht schlecht. Gefällt mir. Zeigt halt auch die semantische Zusammengehörigkeit.
    Danke.

  4. 4
    Kommentar von Markus
    1. August 2008 um 18:05

    Die Definitionsliste ist in meinen Augen auch schlüssiger. Zudem wird bei mir das [caption]-Tag nicht ausgewertet. Es erscheint im Quelltext des Artikels keine Beschreibung, und die Ausrichtung des Bildes stimmt demnach auch nicht.

  5. 5
    Pingback von Bildunterschriften in WP 2.6 » Cowboy of Bottrop
    1. August 2008 um 21:03
  6. 6
    Kommentar von Scream
    13. August 2008 um 19:43

    Freue mich schon auf dein neues Einstiegs-Template :)
    Wann ungefähr können wir damit rechnen?

  7. 7
    Kommentar von Frank Bültge
    13. August 2008 um 20:05

    @Scream: Dazu gibt es keine Aussage, kann man aber als Plugin laden, so viel ich weis.

  8. 8
    Kommentar von Scream
    13. August 2008 um 20:15

    was meinst du genau mit als Plugin laden?
    ich steh wohl auf dem schlauch......

  9. 9
    Kommentar von Frank Bültge
    13. August 2008 um 21:01

    @Scream: so viel ich wies, kann man Quickview als Widget für den Dashboard aktivieren, aber da musst du mal suchen oder im Forum bei WPD fragen.

  10. 10
    Kommentar von Scream
    13. August 2008 um 21:30

    ähm sorry aber ich weiß jetzt nicht wovon du redest ;)

    ich wollte eigentlich nur fragen wann ungefähr du dein Basis-Theme anpassen wirst und du antwortest mir:

    Dazu gibt es keine Aussage, kann man aber als Plugin laden, so viel ich weis.

  11. 11
    Kommentar von Frank Bültge
    13. August 2008 um 21:52

    @Scream: Sorry, ich war bei einem anderen Thema - Quickview für das Dashoard. Nun aber zum Basis-Theme ;-) Wird noch einige Tage dauern, da ich iegentlich per SVN updaten wollte, so dass ich meine Stände besser verwalten kann. Dauert das aber noch länger, dann werde ich die aktuelle Version als zip wieder bereit stellen.
    Nochmal Sorry, eventuell sollte ich Schluss machen.

  12. 12
    Kommentar von Scream
    13. August 2008 um 22:39

    herzlichen dank!
    ich dachte immer der fehler liegt bei mir ;)
    war wohl ein klassiches missverständnis

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

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

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.