Bildergalerie bzw. Design

    • 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

  • Das kann auf vielerlei Arten gemacht sein. Und wenn ich aufgefordert würde, etwas umzusetzen, das aussieht wie das in deinem Screenshot, würde ich einfach die Kategorieseite / Archivseite so einrichten, dass die Posts der Kategorie ferienhaeuser so dargestellt werden.

    Gruß
    helix

  • So, habe es hinbekommen und es schaut jetzt auch soweit gut aus. Wie bekomme ich jetzt diese Beträge in der Kategorie etwas besser organisiert bzw. kann ich am Rand der Kategorie wie an der Hauptseite Widgets aktivieren ?

  • Allgemein: Verändere deine category.php entsprechend deinen Vorstellungen. Falls du die Standardausgabe zur Darstellung anderer Kategorien brauchst, erstelle eine category-ferienhaeuser.php
    Sinnigerweise, wenn es nicht ein selbsterstelltes Theme ist, machst du dafür ein Child-Theme.

    Konkret: es hängt immer vom verwendeten Theme ab.

    Gruß
    helix

  • Danke, das habe ich nachgelesen weiß aber nicht wie ich es hinbekommen dass ich zusätzlich zum Beitragsbild noch einen Vorschautext in der Übersicht angezeigt bekomme. Weiß auch nicht wie ich das Design entsprechend in der category.php ändern kann, leider nicht viel Erfahrung damit !

    http://www.ferienhaus-florida.biz/category/ferienhaeuser/

  • Weiß auch nicht wie ich das Design entsprechend in der category.php ändern kann, leider nicht viel Erfahrung damit !

    Naja, dann ist doch die erste Frage, ob du
    a) hier und jetzt einsteigen willst, diese Erfahrung allmählich anzusammeln

    oder ob du lieber
    b) dir ein Theme suchen willst, das eine Kategorieübersichtsseite schon so ausgibt, wie du es haben magst.

    Bei b) sollte dir klar sein, was zu tun ist.
    Bei a)
    => Schritt 1) erstelle ein Child-Theme und aktiviere dieses. Anleitungen dafür gibt es zuhauf.

    Und dann gehst du Schritt für Schritt vor: Was willst du anders haben als im Parent-Theme? Welche Datei im Parent-Theme ist für die Ausgabe verantwortlich? Diese Datei aus dem Theme-Ordner des parent-Themes per FTP auf deinen Rechner laden, bearbeiten, unter gleichem Namen abspeichern und wieder hochladen, aber in den Theme-Ordner des Child-Themes. Dann greift WordPress auf diese veränderte Datei zu.

    Z.B. im Fall

    zusätzlich zum Beitragsbild noch einen Vorschautext in der Übersicht

    steht das in der Datei content-home.php (die in der category.php referenziert ist).
    Hier könntest du in der Zeile unter

    HTML
    </header><!-- .entry-header -->


    einfügen:

    PHP
    <div class="vorschautext">
        <?php the_excerpt(); ?>
    </div>

    Gruß
    helix

  • Klar bin ich bereit da etwas zu lernen. Das Child-Theme ist angelegt und aktiv. Habe die content-home.php entsprechend modifiziert und in den Child-Theme Ordner abgelegt.

    http://www.ferienhaus-florida.biz/category/ferienhaeuser/

    Jetzt erscheint der Vorschautext aber die Formatierung ist etwas dürftig. Wie gehe ich hier jetzt weiter vor ?
    Wie kann ich die Anordnung der einzelnen Beiträge in dieser Kategorie beeinflussen ?

  • Ah, du hast dich in der Zeile vertan und den Codeschnipsel unter das öffnende <header>-Tag gepackt, statt unter das schließende. Damit hast du jetzt verschachtelten Code, es wird erst dein Exzerpt ausgegeben und drunter erst der Titel, alles zusammen im (Beitrags-)Header.

    Bitte nochmal umstellen. Dann müsste dein Exzerpt / Vorschautext schon von alleine unter dem dunkelgrauen Kasten erscheinen.
    Über die Klasse .vorschautext kannst du den Text noch weiter formatieren (deswegen habe ich dir die Klasse da reingeschrieben).

    Meinst du „Anordnung“ im Sinne von Layout oder im Sinne von Sortierreihenfolge?

    Gruß
    helix

  • Habe das geändert, sieht aber immer noch gleich aus. Ich meinte mit Anordnung das Layout. Will eben jedes Haus untereinander sortiert haben und nicht nebeneinander, mit einer "Tabellenstruktur" wie im ersten Post das Beispiel !

  • Im Moment ist nur Vorschaubild und Titel zu sehen, insofern kann ich nicht mehr dazu sagen.

    Zur Layoutanordnung: Du hast in der main.css (Themeordner, Unterordner css) stehen:

    Code
    .homepage-article {
        background: #2a2622 none repeat scroll 0 0;
        float: left;
        margin-right: 25px;
        max-height: 220px;
        padding: 10px;
        width: 230px;
        word-wrap: break-word;

    Ändere float: left; in float: none; dann erscheinen die Boxen untereinander.
    Den Abstand rechts brauchst du nicht mehr, also margin-right: 0;
    Die Boxen sind dann aber immer noch so schmal wie zuvor. Wenn du sie breiter haben willst, bei width mehr Pixel eingeben oder eine Prozentzahl deiner Wahl, d.h. nach Geschmack.

    Gruß
    helix

  • Habe das Child-Theme aktuell wieder deaktiviert solange ich noch daran bastle.

    Das sollte ich dann natürlich auch im Child-Theme tun, also sich die main.css in den Child-Ordner ?

    EDIT: Jetzt hat es das Layout völlig verspult

  • Ja, alle Änderungen im Child-Theme.

    Auf deinem Bildschirmfoto kann ich nicht wirklich erkennen, was du meinst, sorry …

    Also langsam, und nochmal einen Schritt zurück:

    Ich hatte gemeint, dass du den Codeschnipsel zur Ausgabe des Vorschautextes unter die drittletzte Zeile in der content-home.php kopieren solltest. Damit wäre der Text noch innerhalb des <article>-Tags. Semantisch eigentlich richtig. Aber von der Styling-Vorgabe mit dem dunklen Hintergrund versehen, d.h. du müsstest dann dort weiter / genauer anpassen.
    Du kannst alternativ auch mal ausprobieren, was passiert, wenn du den Codeschnipsel zwischen vorletzte und letzte Zeile packst: Dann kommt der Text unter das dunkle Kästchen (unter <article>), steht noch im <div> mit der Klasse article-wrapper. Diese Box ist nach rechts breiter … Aber das wolltest du ja sowieso im nächsten Schritt ändern.

    Gruß
    helix

  • Indem du rausfindest, auf welches Template die Seiten zugreifen, die rechts eine Sidebar haben (page.php?) und dann die Layoutstruktur dieser Seite auf deine category.php überträgst. (Und dann die angepasste category.php wieder ins Child-Theme.)

    Ziemlich sicher taucht dort eine Zeile

    PHP
    get_template_part(sidebar);

    auf.
    Aber damit ist es möglicherweise nicht getan, weil du deine Inhaltsboxen so mit IDs oder Klassen ausgezeichnet haben musst / in der Stylesheet-Datei entsprechend formatieren musst, damit für die Sidebar überhaupt Platz ist. So wie die Ferienhäuser-(Übersichts-)Seite im Moment ausgegeben wird, nimmt sie ja die ganze Breite ein und ist rechts gar kein Platz für eine Sidebar.

    Gruß
    helix

  • Gut, das war jetzt etwas zu hoch für mich. Wo soll ich Deiner Meinung nach beginnen und was kann ich zuerst mal machen ?

    Ich würde gerne die Beiträge trennen also mit einem Leerraum versehen, wie im Beispiel im ersten Post. Wie bekomme ich das hin ?

  • Gut, das war jetzt etwas zu hoch für mich. Wo soll ich Deiner Meinung nach beginnen und was kann ich zuerst mal machen ?

    Habe ich doch eigentlich geschrieben: auf welches Template greifen die Seiten zu, die rechts eine Sidebar haben? (Das ist doch wohl dein Vorbild / die Analogie, die du herstellen willst).

    Der Oberbegriff zum näheren Einlesen heißt „Template Hierarchy“.
    Das Angelesene mit dem abgleichen, was du in deinem Theme vorfindest – also wie sind die Theme-Dateien benannt, daraus geht hervor, wofür sie gut sind, welche Art bzw. welchen Teil des Inhalts sie ausgeben sollen.

    Die Datei, die du so ermittelst, strukturell mit deiner category.php vergleichen. Und dann versuchen, der category.php ergänzend die gleiche Struktur zu verleihen, so dass dort auch eine Sidebar ausgegeben wird.

    Ich würde gerne die Beiträge trennen also mit einem Leerraum versehen, wie im Beispiel im ersten Post. Wie bekomme ich das hin ?


    Solange das Browserfenster nicht allzu schmal ist, sind – für mein Verständnis – die Beiträge getrennt. Der strukturelle Unterschied ist der, dass im zuerst geposteten Beispiel die kompletten Beiträge: Bild + Beitragstitel + Vorschautext in einem Kasten mit einheitlicher Hintergrundfarbe zusammengefasst sind. Wenn du dein <div> für den Vorschautext vor das schließende </article>-Tag stellst, sollten die Beiträge komplett diesen dunklen Hintergrund erhalten. Das wäre eigentlich deiner Vorlage ähnlicher. Und die Hintergrundfarbe kannst du ja im css ändern …

    Ein bisschen musst du dich schon selber mit den strukturellen Fragen auseinandersetzen. Geht ja wohl irgendwie schlecht, dass das Forum dir auf Zuruf deine Seite zurechtbürstet?

    Gruß
    helix

Jetzt mitmachen!

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