Twenty Eleven – Probleme mit Bildunterschriften

  • Avatar von Unbekannt
    robincamino · Mitglied ·

    Hi,

    ich versuche gerade, einen neuen Blog aufzubauen, habe aber Probleme mit der Darstellung von Bildern. Will ich eine Bildunterschrift eingeben, erscheint als Ergebnis vor der Beschriftung immer sowas wie ein Gedankenstrich, der den Text unter dem Bild verschiebt. Das sieht einfach blöd aus. Gibt es eine Möglichkeit, dies abzustellen?

    Bitte besonders einfach erklären, sonst check ich es nicht ;)

    Danke im Voraus!

    Der Blog bei dem ich Hilfe benötige heißt (nur für angemeldete Benutzer sichtbar).

  • Avatar von Unbekannt
    iqatrophie · Moderator ·

    Die Darstellung der Bildunterschriften wird leider von Twenty Eleven so vorgegeben.

    Der Benutzer panos hat auf seinem Blog ein Lösung erläutert, die sich für den Einzelfall eignet: Image captions with no dash in Twenty Eleven.

    Ansonsten hilft nur das kostenpflichtige „Individuelles Design“-Upgrade (Custom Design) weiter. Damit lässt sich der CSS-Code entsprechend anpassen.

    Als letztes bleibt selbstverständlich immer noch ein Theme-Wechsel, wenn dir dir Darstellung von Twenty-Eleven nicht zusagt.

    Gruß
    Martin(IQ)

  • Avatar von Unbekannt
    robincamino · Mitglied ·

    Sorry, die Beschreibung verstehe ich nicht, dazu reicht mein Englisch (und mein technisches Verständnis) nicht aus. Ich weiß auch nicht, was ein CSS-Code ist.

    Das Theme ist für meine Zwecke perfekt, deshalb habe ich wirklich keine Lust, es nur wegen so etwas Blödem zu wechseln. Aber so lassen kann ich es auch nicht. Gibt’s nicht jemand, der sich dazu erbarmt, es mir nochmal auf Deutsch und einfach zu erklären?

  • Avatar von Unbekannt
    robincamino · Mitglied ·

    Ich habe nun erstmal ein anderes Theme aktiviert, damit ich weiter basteln kann, bin aber weiterhin an einer Lösung interessiert. Nur fürs Protokoll ;)

  • Avatar von Unbekannt
    iqatrophie · Moderator ·

    Ich will es gern einfacher erklären. :) Der von dir erwähnte Gedankenstrich ist fest im CSS des Themes codiert. CSS ist das Kürzel für Cascading Style Sheets. Dabei handelt es sich um eine Auszeichnungssprache mit der das Aussehen der HTML-Inhalte der Website verändert wird. Näheres dazu findest du z.B. bei SelfHTML.

    Da der Gedankenstrich wie gesagt im CSS-Code steht, kannst du um das Problem nur herumarbeiten. Der einfachste Weg wäre ein Wechsel des Themes, der für dich wie gesagt nicht in Betracht kommt.

    Die nächste Option wäre das schon erwähnte kostenpflichtige „Individuelles Design“-Upgrade (Custom Design). Mit diesem kannst du den CSS-Code an deine Bedürfnisse anpassen und den Bindestrich entfernen.

    Als dritte und letzte Möglichkeit bleibt der erwähnte Blogbeitrag von Panos. Dort beschreibt er, wie man mit Hilfe von HTML-Code im Editor ebenfalls das Problem umschiffen kann. Der Nachteil dabei ist, dass du den HTML-Code selbst im Text-Editor deines Blogs einfügen musst. Und das bei jedem Beitrag, in dem du ein Bild einfügen möchtest. Ist also eine Menge Handarbeit.

    Panos erwähnt in seinem Beitrag drei Workarounds (A, B, C). Workaround A ist für Bilder gedacht, die nicht anklickbar sein sollen und maximal so groß sind wie die Inhaltsbreite deiner Beiträge. Der einzufügende HTML-Code dafür sieht folgendermaßen aus:

    <div class="wp-caption alignleft" style="width:ZZZpx;"><img src="URLdesBILDES" alt="BESCHREIBUNG" title="DATEINAME" /><p style="text-align:center;color:#666;font-family:Georgia;font-size:12px;margin:10px 5px 4px;">BILDUNTERSCHRIFT</p></div>


    ZZZ sollte hier 10 Pixel größer sein, als die Breite des einzufügenden Bildes. Ist das Bild also 300 Pixel breit, wäre ZZZ dann 310px.

    Workaround B ist für Bilder gedacht, die ebenfalls nicht anklickbar sein sollen, aber größer als die maximale Inhaltsbreite sind.

    <div class="wp-caption alignleft" style="width:ZZZpx;"><img style="width:YYYpx;" src="URLdesBILDES" alt="BESCHREIBUNG" title="DATEINAME" /><p style="text-align:center;color:#666;font-family:Georgia;font-size:12px;margin:10px 5px 4px;">BILDUNTERSCHRIFT</p></div>

    YYY entspricht der gewünschte Breite des Bildes im Beitrag – jedoch nicht größer als die maximal verfügbare Inhaltsbreite. ZZZ ist wieder 10 Pixel größer. Hier passt WordPress die Größe des Bildes automatisch an (skalieren). Da dabei die Bildqualität leidet, wird normalerweise davon abgeraten.

    Workaround C ist schließlich für Bilder, die auf eine größere Version des Bildes in deiner Mediathek verlinken soll.

    <div class="wp-caption alignleft" style="width:ZZZpx;"><a href="URLdesBILDES"><img style="width:YYYpx;" src="URLdesBILDES" alt="BESCHREIBUNG" title="DATEINAME" /></a><p style="text-align:center;color:#666;font-family:Georgia;font-size:12px;margin:10px 5px 4px;">BILDUNTERSCHRIFT</p></div>

  • Das Thema ‘Twenty Eleven – Probleme mit Bildunterschriften’ ist für neue Antworten geschlossen.