Artikel abtrennen

  • Hallo liebe Wordpress community!

    Kaum hier angekommen und schon eine Frage ;-)

    Ich bin gerade daran die Seite eines Freundes um zu gestalten. Es möchte das nach jedem Beitrag eine deutliche Abtrennung zu sehen ist. Dafür hat er eigens ein icon oder wie ihr dem auch sagen möchtet entworfen (kann zur Zeit kein Bild hochladen). Wie kann ich das in das CSS einbauen? Oder muss ich das über ein Template reinziehen?

    Danke euch schon jetzt herzlichst!

    Gruss Dual

    • 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

  • Hallo liebe Wordpress community!

    Kaum hier angekommen und schon eine Frage ;-)

    Ich bin gerade daran die Seite eines Freundes um zu gestalten. Es möchte das nach jedem Beitrag eine deutliche Abtrennung zu sehen ist. Dafür hat er eigens ein icon oder wie ihr dem auch sagen möchtet entworfen (kann zur Zeit kein Bild hochladen). Wie kann ich das in das CSS einbauen? Oder muss ich das über ein Template reinziehen?

    Danke euch schon jetzt herzlichst!

    Gruss Dual

    Das gehört ganz einfach in den Loop des Templates, per PHP.
    Mach nach jedem the_content() einfach ein
    <img src="myicon">
    ..und fertig

  • das hängt vom Theme ab ;)

    in der Regel kannst du z.B. in der index.php nach dem Postcontent den Imageslink einfügen oder in ein div packen um in eventuell noch über css ausrichten zu können
    das gleiche müsste dann in der archiv.php usw. auch gemacht werden

    aber wie geschrieben, hängt vom Theme ab

    ich hab eine extra entry.php, musste das also dort und somit nur einmal machen

  • in der Regel kannst du z.B. in der index.php nach dem Postcontent den Imageslink einfügen oder in ein div packen um in eventuell noch über css ausrichten zu können
    das gleiche müsste dann in der archiv.php usw. auch gemacht werden

    Auch das geht alles per css OHNE in 20 Seitentemplates rumzumachen. Entweder dem Postcontainer ein entsprechend großes padding-bottom verpassen und dann das Bild als Hintergrundbild entsprechend positioniert, oder, wenn er schon ein Hintergrundbild hat, lässt sich das auch per after erledigen Bsp.:

    Code
    .postcontainer:after{content: url(trenner.jpg); /* + weitere css-Eigenschaften für das Bild, bspw.: */ display:block; margin:10px 0; /* usw. etc. pp. */}
  • wow, danke leute für die schnellen antworten. Baue das gleich mal ein, sobald das ergebnis was hergibt poste ich den link!

    thx!

  • Hab den Postcontainer mal eingebaut, leider zeigt mir das bild gar nicht an.

    Code
    .postcontainer:after{content: 'http://wordpress.lalala.ch/abtrennen.jpg';
    }

    Was habe ich da genau falsch gemacht?

  • Naja, kannst ja nicht irgendwie das Bild da reinschreiben. Sofern die jetzt die Klasse postcontainer haben, und dein Bild auch im angegebenen Pfad liegt, solltest du jetzt so nach jedem Post dein Bild haben:

    Code
    .postcontainer:after{content: url(http://wordpress.lalala.ch/abtrennen.jpg);}
  • Hallo zusammen, hab es leider immer noch nicht geschafft die Artikel abzutrennen... Ich habe euch jetzt mal ein Beispiel raufgeladen: http://wordpress.tobijah.ch/ (Unterprojekt 3) Habs einfach als Bilder in den Artikel gepostet.

    Problem ist, das ich es als Frame um den ganzen Artikel will, aber ich schaff das mit dem .postcontainer erst gar nicht.

    Habt ihr noch eine Idee?

Jetzt mitmachen!

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