icons für Artikelüberschrift

    • 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

  • Ja, schon. Du kannst entweder a) vor jedem Titel ein <img> Element setzen, oder zB einen <span> mit background. Je nach Lust und Laune, entweder mit WP und the_title beschäftigen oder beim Css fürs Span-Element anfangen.

    Ps. Du solltest den Großteil Deiner JavaScripts in wp_footer() verschiebene. Die Ladezeit ist elendiglich lange.

  • hey vielen Dank für die Antwort.

    Hab noch ne Frage...und zwar wie kann ich denn vor jedem Artikel ein <span> Tag setzen.....bei wordpress wird mir wenn ich auf artikel bearbeiten gehe nicht der html code vom Titel gezeigt.

    Das Icon soll automatisch vor jeder Artikelüberschrift erscheinen wenn man ein neuen Artikel online stellt


    Wie meinstn das mit JavaScripts in den Footer verschieben? Was meinstn genau

    sorry für die blöden Fragen :(

    Danke fürs helfen!!

  • Ad Footer) Schau einmal in die Codex-Doku zu wp_enqueue_script - Der letzte Paramter auf "true" und schon ist das Script in den wp_footer() hook eingehängt. Den sollte Dein Theme allerdings aufweisen. falls nicht, ganz am Ende des Footers einfach wp_footer(); einfügen. http://codex.wordpress.org/Plugin_API/Act…rence/wp_footer

    Ad Title) http://codex.wordpress.org/Function_Reference/wp_title

    Code
    <style>
    // gehört in Deine zB style.css und mit px-Einheiten und url zum Img befüllt
    .my_title_icon { width: XYpx; height: XYpx; background-image: url(); }
    </style>
    wp_title('<span class="my_title_icon"',true,'left');

    Alles klar? Codex hilft manchmal wirklich...

  • ok danke dir werde ich mir nochmal in ruhe ansehen!

    Nochmal zurück zu den Icons.

    Möchte es so haben wie hier:


    Kann mir das nochmal jemand genauer erklären wie das geht oder gibst ne Anleitung irgendwo.

    Ist wirklich wichtig das ich das hinbekomme

    Danke euch

    Einmal editiert, zuletzt von alex1234 (10. Juli 2010 um 13:50)

  • suche mal in der style.css

    Code
    #main  h2, #main h3, #main h2 a, #main h3 a {
    border:0 none;
    color:#22477A;
    font-family:arial,verdana;
    font-size:22px;
    font-weight:bold;
    line-height:1.1em;
    margin:10px 0;
    text-decoration:none;
    }

    und ändere es in

    das "padding-left" verschiebt die Schrift nach rechts, die "20px" also nach Bedarf anpassen
    das "post-titleicon.png" in den images-Ordner deines Themes, kannst natürlich auch anders nennen oder anderes Datei-Format(jpg,gif..usw.)

  • Hey ich danke dir vielmals!!!!!!!!!

    Es geht so weit habe es mal hier getestethttp://casinoblog24.de/ ...allerdings taucht das Icon 2 mal auf :(...einmal zum draufklicken und einmal ohne.....ich will nur das wo man nicht drauf klicken kann...was müsste ich da noch ändern???

    Hab den Code so eingebaut wie du geschrieben hast.


    Danke euch!!!!

  • Ich dachte du hast es zweimal eingefügt, einmal über <span> und einmal meine Version als Hintergrund.

    nimm mal den Code oben wieder raus und füge statt dessen diesen Code in die style.css ein

    Code
    #main .title {
    background:url("bild/post-titleicon.png") no-repeat scroll 0 0  transparent;
    padding-left:20px;
    }
  • jjjjaaa das geht :) danke dir :)!!!!

    Bekomm ich das auch hin das z.B vor den Widgets auch ein Symbol kommt? Also z.B vor "Kategorien" und "Seiten" usw???

    danke danke

  • da ist ja schon ein Hintergrund definiert

    also einfach einen neuen erstellen, auf dem auch das Icon ist
    die 10px bei padding ist der Seitenabstand der Schrift

    Alternativ kannst mal versuchen die Bildadresse vor die Schrift zu setzen.
    Also im z.B Widget Kategorien, mal

    Code
    <img src="http://casinoblog24.de/wp-content/themes/business-pro/bild/post-titleicon.png"> Kategorien

    einfügen.
    Kann aber sein das dies nicht angenommen wird

  • Du könntest es auch mit jQuery und .prepend probieren.

    Code
    $(function() {
        $("#main .title")
            .prepend('<img src="/bild/post-tilteicon.png" alt="empty">');
    });

    //Rafa

Jetzt mitmachen!

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