Erstellung einer Theme // Contentbereich - Class Zuweisung + Positioning

  • Aloah, ich bin gerade dabei ein Theme zu machen und brauche eventuell den richtigen Faden bezüglich den letzten paar Schritten.


    Aktuell ist das hier der Code, der für den Content Bereich zuständig ist:


    Was habe ich nun vor? Pro Post soll "left" + 262px zunehmen, allerdings bei 5 Beiträgen wieder bei 0 anfangen und den top Wert immer circa 30px Abstand zum Beitrag der Reihe darüber haben (wahrscheinlich irgendetwas mit Modulo). Auch habe ich vor, bei class="themeklasse" das so zu handhaben, dass aufgrund der Url des Beitrags (soll 'ne Art portal für Sharing-Posts sein) diese class zuzuweisen. Sprich, wenn die url von Blog a) abc.de ist, dann erhält das li die class "abc", bei b) xyz.de dann die class "xyz" usw.

    Einmal editiert, zuletzt von benjiton (27. Juli 2015 um 02:05)

    • 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 benjiton,

    das kannst Du bequem mit dem CSS-Selektor nth-child() lösen. Modulo ist da schon richtig, aber man verwendet einen Iterator.

    Beispiel:

    Code
    :nth-child(5n+1)
    :nth-child(5n+2)
    :nth-child(5n+3)
    :nth-child(5n+4)
    :nth-child(5n+5) /* oder auch :nth-child(5n) */

    5 - ist der Zyklus
    n - ist der Zähler (fängt bei 0 an)
    +1 - ist der Offset

  • Das 'Problem' mit den Columns habe ich heute Nacht noch geregelt, allerdings über jquery, danke trotzdem.
    Jedoch bleibt nun das mit der automatischen class Zuweisung offen. Zum Broadcast / Sharing von Beiträgen nutze ich: ThreeWp Broadcast, mit der Option, dass jeder Link direkt zum Blogeintrag führt, statt auf den kopierten Beitrag. Sprich irgendetwas von wegen: Wenn folgende URL den Begriff/die Domain abc enthält/ist, dann bekommt Platzhalter class k die class abc, wenn folgende URL den Begriff/die Domain xyz enthält/ist, dann die class xyz (also irgendetwas mit 'ne If function würde mir derzeit einfallen)

  • Wenn Du schon bei jQuery hängst (ginge ebenfalls direkt über PHP):

    Code
    var hostname = $('<a>').prop('href', url).prop('hostname');

    Ohne jQuery:

    Code
    function get_hostname(url) {
    	var d = url.match(/^http:\/\/[^/]+/);
    	return d ? d[0] : null;
    }

    Die Domain sollte dann kein Problem darstellen.

Jetzt mitmachen!

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