Ersten Buchstabe im Artikel durch Grafik ersetzen

  • Hallo zusammen,

    ich habe schon gesucht, aber noch nichts Passendes gefunden.
    Ich würde gerne den ersten Buchstaben des Artikels auslesen und durch eine Grafik ersetzen - leider sind meine Fähigkeiten in der Programmierung ziemlich begrenzt, deswegen frage ich hier mal, ob mir jemand weiterhelfen kann?

    Vielen Dank schon mal im Voraus!

    • 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

  • So in etwa:

    PHP
    function replace_first_letter( $content ) {
    
    
      $first = substr($content, 0, 1);
      $tail = substr($content, 1);
    
    
      return '<img src="' . get_bloginfo('template_url') . '/img/letter-' . strtolower($first) . '.png" alt="' . $first . '" />' . $tail;
    }
    add_filter('the_content', 'replace_first_letter', 8);


    Die Priorität "8" ist dazu da, den Buchstaben zu ersetzen, bevor weitere Filter wie z.B. wpautop (automatische <p>-Elemente) ausgeführt werden.

    Die Funktion prüft auch nicht, ob das 1. Zeichen wirklich ein Buchstabe ist. Das kannst du als Hausuafgabe selbst noch einbauen. ;-)

Jetzt mitmachen!

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