Beiträge von matthias_ulrich

Liebe WP-Gemeinde

ich habe mir in meinem CSS einige Klassen geschrieben, welche ich jeweils dem einen oder anderen Bild mitgeben möchte.

Füge ich ein Bild in einen Beitrag ein, kann ich ja die Klasse im visuellen Editor bequem mit einem Klick auf das Thumbnail > Stift-Symbol > Erweiterte Optionen > Bild-CSS-Klasse eintippen.

Da ich aber immer wieder vergesse, wie denn die versch. Klassen heissen, muss ich jedesmal im CSS nachschauen gehen, was etwas umständlich ist.

Meine Frage:
Gibt es eine (einfache) Möglichkeit, bsp. eine Textzeile unter dem betr. Inputfeld einzupflegen?
Das muss nicht dynamisch sein, ich würde dort einfach die versch. Klassen auflisten, so als Gedankenstütze...

Wenn ich das richtig gesehen habe, stammt das «Bild-Details»-Fenster aus > wp-includes/media-template.phpund dort ab Zeile 1001 beginnt das label <label class="setting extra-classes">

<label class="setting extra-classes">    <span><?php _e('Image CSS Class'); ?></span>    <input type="text" data-setting="extraClasses" value="{{ data.model.extraClasses }}" /></label>

Direkt in diese Datei hineinschreiben möchte ich nicht, da die Datei ja wohl beim nächsten Update überschrieben wird...

vielen herzlichen Dank

Matthias

Zitat von Monika

bevor du dich mit save_post auseinandersetzt
erinner ich nochmals an diesen Kommentar von mir

http://forum.wpde.org/allgemeines/15…html#post676058

da ist ja die Lösung drin :-)
oder zumindest ein verdammt guter Ansatz...

ok - dann beschäftige ich mich gerne damit!

Allen ein herzliches Dankeschön!
Werde mich dann melden, wenn ich erfolgreich war!

Hallo Steral

vielen Dank für deine Antwort.

Zitat von Steral

Wieso benutzt du denn das caption überhaupt.
Das hat zwei entscheidende Nachteile:
- die data-attribute bzw. überhaupt eigene attribute sind für Menschen, die blind oder anderweitig auf Reader angewiesen sind, kaum mehr zu verstehen, bzw. die Reader können das nicht herauslesen - wenn du Pech hast, verlierst du dadurch Potenzielle User, da du hier ja anscheinend Content hineinpacken möchtest, wovon ich dir und generell auch abgeraten wird.
Ist ja auch irgendwo logisch - Stell dir mal vor, du bist auf einen ScreenReader angewiesen, der liest dir dann vor: "Link auf http://www.google.de, hat Eigenschaften 1.) data-slide eins 2.) data-changeclass fünfzehn 3.) data-caption Sehr schönes Bild 4.) data-read readonly ...
Da ist zwar das Caption dann dabei - aber woher will der Reader wissen, welche Attribute wichtig und welche nicht wichtig sind?

Das Zielpublikum sind meine Schüler, der Seiteninhalt Bildende Kunst...

Zitat

- Es gibt title und alt - wieso noch caption.
Streng genommen erfüllt title schon diese Aufgabe? Wieso nicht title benutzen, den herausrendern. Ist einfacher und geht schneller, als eigene Dinge zu basteln. (Ich habe nichts gegen eigene Dinge, aber hier ist das schon sehr gezwungen!)

Weil ich den Text minimal formatieren möchte, bzw. auch mal einen erzwungenen Zeilenumbruch einsetzen möchte. Soweit ich das gesehen habe, kann man das mit title, bzw. alt vergessen... nicht?

Zitat

Wie gesagt, ich würde das nicht so nutzen, vor allem aber nicht ohne data-*.

Wenn du es aber unbedingt so machen möchtest, dann würde ich da anders vorgehen.
Vor dem speichern in die Datenbank nimmst du den String, den der Editor ausspuckt, und generierst deinen Tag aus der Beschreibung des Bildes in den a-tag, der auch img-tags enthält.

Somit müsstest du nicht "unbequem" den Editor ändern und den User vielleicht noch verunsichern, sondern das wird einfach beim speichern gemacht.
Dazu gibt es mehrere Hooks, wie save_post oder ähnliche.

Wenn du noch weitere Fragen dazu hast, einfach laut schreien.

Vielen Dank

Aha - das schau ich mir gerne mal an.

Vielen Dank!

Zitat von Woogie-Design

Schreiben kann man viel in Tags aber, die sind damit nicht mehr valide oder?
Eigene Attribute in HTML5 werden mit "data-" hinzugefügt damit diese wieder valide sind.

Aber man lernt ja nie aus :D

Danke - das stimmt

Zitat von Monika

nicht überall wird alles angezeigt, was auch sinnvoll ist.

Eine Bildunterschrift, soll kurz und knackig zeigen worums geht => caption

die Bildbeschreibung ist für Galerien gedacht, wenn man zum Attachment verlinkt.

Man kann eine Galerie ja auch auf das "große Bild" verlinken, dann kann man eine Lightbox nutzen.

Um rauszufinden was wo da ist,
schreibe einfach mal bei einem Bild bei der Bildunterschrift in das Feld "Bildunterschrift" etc rein,
also hol dir die INFO indem du in das input Feld das reinschreibst was als Label da steht,
beim Alternativtext musst im Quelltext nachsehen.

Magst im normalen Beitrag ein Bild mit viel Text, tät ich das direkt in den Inhalt des Beitrags schreiben. Ist erstens bequemer und ich muss das System nicht nachhaltigst verändern.

Alles anzeigen

Meinst du, mal in sämtliche Felder (Alternativtext, Bildunterschrift, Beschreibung, usw.) einen Text zum Testen reinzuschreiben?
Das habe ich natürlich schon längstens getan.

Ich hätte einfach gerne den Inhalt immer in das selbe Feld geschrieben, egal ob Einzelbild oder Galerie...
Einen eigenen Tag dafür zu erstellen, macht dahingehend Sinn, dass der Text formatiert (fett,...) angezeigt wird, was beispielsweise beim alt-Tag verworfen wird.

Herzlichen Dank für die Antworten!

Monika
Ah, ja das tönt interessant.
Aber: bei Galerien erscheinen die Bildunterschriften nicht im HTML-Markup...

Woogie-Design
eigene Attribute sind seit HTML erlaubt.
Und ja, der Code funktioniert so.

Hallo allerseits

irgendwie habe ich mich in einem Problem verrannt und vielleicht kann mir jemand einen Schubs in die richtige Richtung geben.
Das wäre sehr nett.

Mein Problem:
Ich möchte gerne das von Wordpress generierte HTML verändern. Konkret: Wenn ich in einem Beitrag ein verlinktes Bild einfüge, erscheint im Texteditor folgendes:

<a href="http://www.xyz.ch/bild.jpg"><img class="alignnone wp-image-3820 size-thumbnail" src="http://www.xyz.ch/bild-212x150.jpg" alt="Alternativtext" width="212" height="150" /></a>

Nun möchte ich gerne ein zusätzlicher tag (caption) nach dem a-tag einfügen. Dieser soll gefüttert werden mit der Beschreibung des Bildes aus der Mediathek. Also:

<a caption="<strong>Legende:</strong>Das ist die Beschreibung zum Bild" href="http://www.xyz.ch/bild.jpg"><img class="alignnone wp-image-3820 size-thumbnail" src="http://www.xyz.ch/bild-212x150.jpg" alt="Alternativtext" width="212" height="150" /></a>

Lustigerweise hab ich das Ganze hingekriegt, wenn es sich um mehrere Bilder (als Galerie) handelt (eingefügt als Shortcode).
Die Lösung sieht so aus:

/* Funktioniert erst bei Gallerien, nicht bei einzeln eingesetzten Bildern*/
function add_title_attachment_link($link, $id = null) {
    $id = intval( $id );
    $_post = get_post( $id );
    //Nimmt Beschreibung, wenn vorhanden,
    $post_title = esc_attr( $_post->post_content );
    echo ($id);
    if( empty( $post_title ) ) {
    
        $thumb_id = intval( $id );
        //Nimmt Alternativtext, falls vorhanden
        $post_title = get_post_meta($thumb_id, '_wp_attachment_image_alt', true);
       // echo $post_title;
        
        if( empty( $post_title ) ) { 
            //Nimmt Titel-Attribut, falls vorhanden
            $post_title = esc_attr( $_post->post_title );
        }
     }
    return str_replace('<a href', '<a caption="'. $post_title .'" href', $link);    
}
add_filter('wp_get_attachment_link', 'add_title_attachment_link', 10, 2);

Wenn mir jemand einen Tipp geben könnte, wäre ich sehr dankbar!

beste Grüsse

Matthias