Bild mit umfließendem Text zusätzlich unter dem Bild aber Autoreninformation

  • Da ich mit der Suche nichts entsprechendes gefunden habe:
    Ich möchte die Möglichkeit haben Bilder (unter CC-Lizenz) von Flickr als Teaser einzubinden. Der Text soll dann umfließen. So weit, so gut. Mein Problem ist nun, dass ich zusätzlich unter dem Bild einen kleinen Abschnitt haben möchte, wo ich eine kleine Grafik (das CC-Logo) und den Text mit Link "Foto von URL_des_Flickr_Users" unterbringen kann. Per [caption] gelingt mir das nicht, weil ich da kein HTML mit reinnehmen kann.

    Das habe ich bisher. Funktioniert aber nicht, da der Link zum Fotografen auch schon zum umfließenden Text gezählt wird.
    Irgendwie klar was ich meine?

    HTML
    <small>
    <img src="URL" width="375" height="500" style="float:left; margin-right:20px;
      margin-bottom:10px" alt="Text?"><a href="AUTOR-URL">Von Fotograf</a></small>
    
    
    Hier der umfließende Text
    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • Per [caption] gelingt mir das nicht, weil ich da kein HTML mit reinnehmen kann


    Dann bau doch das HTML nach, was der Caption-Shortcode erzeugt. ;-) Eventuell kann man auch den Caption-Shortcode modifizieren bzw. ein eigenes Shortcode-Plugin mit erweiterten Funktionen auf dieser Basis erstellen. Sollte kein allzu großer Aufwand sein.

  • Dann bau doch das HTML nach, was der Caption-Shortcode erzeugt. ;-) Eventuell kann man auch den Caption-Shortcode modifizieren bzw. ein eigenes Shortcode-Plugin mit erweiterten Funktionen auf dieser Basis erstellen. Sollte kein allzu großer Aufwand sein.

    hm. das wär ne Idee. Hast du zufällig ne Ahnung, wo der Caption-Shortcode definiert wird bzw. abgelegt ist?

    Edit: per http://codex.wordpress.org/Shortcode_API [caption] wird wohl einfach mit einem span-Tag, dass die Klasse: Caption enthält, ersetzt. Aber in welcher der vielen CSS-Dateien wird jetzt wieder dieses Caption-Klasse definiert? Und wo wird [caption] definiert? In der shortcodes.php steht nichts?

    Einmal editiert, zuletzt von grummeljs (16. Mai 2009 um 17:57)

  • Vielleicht geht es so

    HTML
    <div style="float:left;margin-right:20px;margin-bottom:10px">
    <img src="URL" width="375" height="500" style="float:top" alt="Text?">
    <small>
    <a href="AUTOR-URL">Von Fotograf</a></small>
    </div>
    
    
    Hier der umfließende Text
  • Vielleicht geht es so

    HTML
    <div style="float:left;margin-right:20px;margin-bottom:10px">
    <img src="URL" width="375" height="500" style="float:top" alt="Text?">
    <small>
    <a href="AUTOR-URL">Von Fotograf</a></small>
    </div>
    
    
    Hier der umfließende Text


    Das kommt dem was ich brauche schon sehr nahe. Jedoch wird nach dem Bild noch umgebrochen (siehe Anhang)

  • Aber in welcher der vielen CSS-Dateien wird jetzt wieder dieses Caption-Klasse definiert? Und wo wird [caption] definiert? In der shortcodes.php steht nichts?


    Viele CSS-Dateien? Normal gibts nur eine, die für dich interessant ist: die style.css des Themes. Wenn das noch keine Styles für die Caption kennt (.wp-caption), dann schau mal in der aktuellen Version des Default-Themes und passe die Styles für dein Theme an.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!