Beitrags Übersicht bearbeiten - Optimieren

  • Hallo zusammen.
    Ich verzweifel gerade da ich bis morgen mit dem Problem fertig sein muss und wenn ich alles zusammen zähle habe ich bereits 7-8 Stunden mit nix anderem verbracht.
    Daher hoffe ich auf eure Hilfe.

    Ich nutze das Template layla. Ich habe eine Kategorie angelegt. Name: Mitarbeiter.
    In dieser Kategorie ist für jeden Mitarbeiter ein Beitrag vorhanden.
    Wenn ich jetzt im Menü auf die Kategorie Mitarbeiter klicke, öffnet sich eine Übersicht über alle Mitarbeiter in der Kategorie.

    Ich nutze für jeden Mitarbeiter ein Beitragsbild mit seinem Foto. Somit werden die Beitragsbilder auch schon in der Kategorienübersicht angezeigt.
    Zudem ist es bei diesem Theme so das der Beitragsname als Überschrift genutzt wird und dieser den link zum Beitrag also zum Mitarbeiter kommt:
    Ich habe es mal versucht hier visuell darzustellen :

    Problem an der ganzen Sache ist:
    Wenn ich im schwarzen bereich klicke passiert nix !
    Nur wenn man exakt auf den Namen klickt dann kommt man zum Beitrag.
    Ich muss es also irgendwie schaffen das auch wenn man im schwarzen Bereich klickt das man auch dann auf den Beitrag weiter geleitet wird.
    Ich habe wie gesagt schon viele Stunden dieses versucht aber leider nicht geschafft.

    Die o.g. Seite wird über die Datei content-blog.php erzeugt die wie folgt aussieht:

    Der Link soll ja später über den gesamten Bereich des <article> gehen wenn ich das selber richtig verstanden habe.... also über den jeweiligen einzelnen schwarzen kasten.
    Da aber in diesem "Article"-Bereich mehrere div´s und und und vorkommen verstehe ich nicht wie ich dort dem ganzen Kasten einen Link zuweisen soll?

    Vielen Vielen Dank im voraus für jede Hilfe ! ! ! ! ! ! !

    • 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

  • Hy,

    am einfachste wäre auch einen link zur seite zu posten.
    Da man jetzt nicht nur php arbeiten muss sonder auch in der css datei

  • Hallo Henk... hätte ich gerne gemacht .... allerdings ist das alles leider nur Lokal .... und somit leider nicht möglich....
    Ich weiss das es nicht die schönste sache der welt ist.... aber hier mal die Original css:

    https://pastebin.com/ztV1LYp1


    Vielen Dank schon einmal für deine Antwort !

  • sorry.... da kann ich dir nicht helfen.
    Da ich mir jetzt das template jetzt installieren möchten, und evtl. deinen änderungen auf meine test umgebung einzuspielen.

    Dazu fehlt mir die zeit ,)))

  • Das beste Ergebnis hatte ich per css und
    .a {
    display : block
    }
    somit war der ganze a bereich schon mal anklickbar ....
    Allerdings hat es mir natürlich das ganze andere Design zerschossen.....
    Ich verstehe einfach nicht wie ich das lösen soll

  • Wie henk1060 schon sagt:
    Das Problem wird sich nur lösen lassen, wenn wir die Seite in Aktion sehen.

    Das "Problem" ist, dass du (bzw. das Theme) das Beitragsbild als Background-Image per CSS einfügt. Das lässt sich nicht so ohne weiteres verlinken.

    Mögliche Lösungsansätze:

    1. Das Bild als <img /> einfügen und verlinken.

    2. Einen transparenten Link einfügen (also opacity 0 oder einfach keinen Text eingeben), den Link auf display:block setzen und die Größe so einstellen, dass er den gesamten schwarzen Bereich ausfüllt.

Jetzt mitmachen!

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