Wie krieg ich html-Code in die Überschrift...?

  • Hallo liebe WP-Kollegen, Tag!

    Ich knobel schon wieder rum, aber dieses Mal kam ich besonders schnell an meine Grenzen und die Suchfunktion wusste auch net so richtig weiter :-)

    Ich würde sehr gerne hin und wieder eine kleine Grafik oder ein Icon in die eine oder andere Überschrift einbinden, also ganz einfach mit <img...> zum Beispiel. Im Eintragstext ist html ja kein Problem. In der Überschrift aber schon. Will heißen, dit geht gar net.

    Weiß vielleicht jemand, ob das doch irgendwie geht? Muss ich vielleicht nur in der einen oder andere Core-Datei was reinmachen oder rausnehmen, damit auch in der Überschrift kleine html-Codeschnipsel verarbeitet werden...?

    Beste Grüße und alles Gute!
    Herr Nack

    • 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

  • Wie äußert sich "dit geht gar net." ?

    Wenn du mit einfachen- statt mit doppelten Anführungszeichen arbeitest sollte auf HTML ohne Probleme in der Überschrift zu nutzen sein...inkl. Bildern

    Grüße
    Mo

  • Morris, hmm, wie meinst des mit den Anführungszeichen.

    Mein Code in der Überschrift sieht jetzt zum Beispiel so aus, kumma bitte:

    Code
    <a><img width="60" height="20" src="LINK ZUR GRAFIK" style="float:left;"></a>

    Daraufhin erscheint aber sowohl des Bild als auch die Überschrift doppelt,
    wie hier zu sehen. Woran könnte das denn liegen? Hab schonmal den einen oder anderen >-Haken rausgenommen, aber das tut irgendwie net. Weißt Du, woran das liegen könnte, bitte?

    Beste Grüße
    Herr Nack

  • Doppelte-Anführungszeichen = " (Shift + 2)
    Einfache-Anführungszeichen = ' (Shift + #)

    Ersetze alle Doppelte-Anführungszeichen in deinem IMG-Tag durch Einfache-Anführungszeichen und es sollte funktionieren.

    Grüße
    Mo

  • Das mit dem Link um das Bild geht nicht, weil WP ja bereits standardmäßig den Beitragstitel mit dem Permalink versieht. Also entweder auf Link um Bild verzichten oder Permalink im Template entfernen.

  • Morris und Marx, vielen Dank für die Hilfe!

    Hmm, nee, also hab mal die Anführungszeichen ersetzt, sieht jetzt so aus:

    Code
    <a><img width='60' height='20' src='LINK ZUR GRAFIK' style='float:left;'></a>

    Aber sieht immer noch so aus. Interessanterweise macht der ein " in die Überschrift rein. Wo mag das nur her kommen. Marx, weißte, ich will gar nicht, dass auf dem Bild ein (Perma-)Link liegt. Ich würde nur gerne beim einen oder anderen Eintrag gerne ein kleines Pic voranfügen. Zum Beispiel ein Symbol für "Mein 1. Tag in Berlin", dann die Überschrift.

  • Ich würde das über Benutzerdefinierte Felder machen.
    Dann muß das natürlich an den entsprechenden Stellen in den Theme-Dateien angepaßt werden.

    Gruß
    Ingo

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

  • Bei meinen Versuchen mit einer Basisinstallation klappte das mit dem Bild ohne Probleme.

    btw. da du XHTML nutzt, mußt du natürlich auch

    Code
    <img src='blabla.jpg' alt='' />

    schreiben (wichtig ist der / )

    Grüße
    Mo

  • Dankeschön! Klappt aber auch ohne <a> net. Irritiert mich etwas, dass das nicht geht, da einfach eine kleine Grafik voranzustellen. Jetzt sieht mein Code so aus:

    Code
    <img width='60' height='20' src='LINK ZUR GRAFIK'>testüberschrift

    Aber das Ergebnis ist immer noch unverändert.

    Benutzerdefinierte Felder wären vielleicht eine Idee, das wollte ich mir die Tage eh mal anschauen. Es sei denn, jemand weiß vielleicht noch eine Möglichkeit was ich tun könnte, damit die Überschriftszeile das bischen html schluckt...? Aber war das mit den benutzerdefinierten Feldern nicht so, dass das nur reinen Text frisst? Oder kann ich da auch lustig html reinmachen?

    Beste Grüße
    Herr Nack

  • Morris, danke Dir sehr, aber auch mit diesem alt klappt des net. Kinder is des Tricky :sad:

    Code
    <img width='60' height='20' src='LINK ZUR GRAFIK' alt='' />testüberschrift
  • Bei mir gehts auch, wie bei Morris, ohne Probleme. Einfach das <img src...> im Title davor geschrieben und es wird ohne Probleme angezeigt, inklusive Permalink auf den Beitrag. Intelligenterweise entfernt WP sogar das img im Titel-Tag im Header, also alles eigentlich ganz einfach.

    Ich hätte da eher mal wieder ein Plugin in verdacht, welches am Titel rumdoktert.

    Gruß
    Ingo

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

  • Hmm. Also ich hab da diese Permalinks im Verdacht. Oder es liegt einfach am Theme. In der "Normalansicht" erscheinen das Bild und die Überschrift doppelt. Wemmer dann aber auf den Permalink klickt, siehts genau richtig aus, wie hier zu sehen.

    Naja, is ja net so schlimm, wirds halt nur bischen aufwändiger für mich, da eine Lösung zu finden. Hab erst vor paar Tagen hier wo sone Anleitung gefunden, wie man das macht, da werd ich mal rumexperimentieren die Tage. Aber war da nicht was, dass man da nur Text reinmachen kann in diese benutzerdefinierte Felder? Oder kann ich da auch html-Code unterbringen?

    Beste Grüße
    Herr Nack

  • Da schein was generell bei Deinen Titeln nicht zu stimmen, nur ohne Bild fällt es nicht auf.
    Im <a href='...' kommt da dann ein Text, dem wohl der Attributbezeichner (title?) fehlt. Also das sieht dann so aus:

    HTML
    <a href="http://www.nackoswelt.de/?p=1127" Guckt eigentlich hin und wer jemand dieses Scarred auf MTV?" class="liinternal">

    Da ist irgendwas faul.

    Gruß
    Ingo

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

  • Intelligenterweise entfernt WP sogar das img im Titel-Tag im Header, also alles eigentlich ganz einfach.

    Das tuts beim OP aber anscheinend nicht, das <img> steht hier auch im title, daher der Fehler bei der Anzeige.

    Herr Nack, poste mal den Ausschnitt aus einem Template-File, wo der Beitragstitel eingebunden wird.

  • Das tuts beim OP aber anscheinend nicht, das <img> steht hier auch im title, daher der Fehler bei der Anzeige.


    Ich meinte im Header der Seite, da wird es entfernt.
    Das Problem tritt bei allen Beitragstiteln auf, nur fällt es bei denen ohne Bild nicht auf:
    http://forum.wordpress-deutschland.org/design/24440-w…html#post119728

    Gruß
    Ingo

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

  • Also vielen Dank nochmal, gell, ich weiß die Hilfe SEEEEHR zu schätzen!!

    Also so sieht meine index.php aus:

    Und so die single.php aus, das Template für einen einzelnen Artikel:

    Ich hoffe, das waren die richtigen Dateien...

  • Ah, die header.php sieht bei mir so aus:

  • Hier liegt der Fehler:
    <a href="<?php the_permalink() ?>" <?php the_title(); ?>">
    Da muß das so aussehen:
    <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>">

    Gruß
    Ingo

    Wenn ich helfen konnte, bitte [ Gefällt mir ] klicken. :-)

Jetzt mitmachen!

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