Support » Themes » Eigenes Theme – zweispaltige Startseite

  • Hallo,

    ich würde gern meine Startseite zweispaltig machen habe aber leider noch keine Lösung im Netz gefunden und hoffe hier kann mir jemand helfen. Ich weiss das das ein „beliebtes“ Thema ist, das hier bestimmt schon beantwortet. Sollte ich den passenden Forum-Eintrag übersehen habe bitte ich um Entschuldigung.

    Gruss
    Tom

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Mir fallen dazu spontan folgende Möglichkeiten ein:

    1. Du kannst im Textmodus den Inhalt in zwei <div>-Tags packen, denen du eine CSS-Klasse zuweist. Diese CSS-Klasse kannst du dann im Stylesheet eines Child Themes oder mit Simple Custom CSS wie gewünscht formatieren.
    2. Du kannst das Plugin Shortcodes Ultimate nutzen und damit zwei Spalten einfügen.
    3. Du kannst eines der so genannten Page Builder-Plugins nutzen, z.B. PageBuilder von SiteOrigin mit dem Widgets Bundle
    4. Wenn du nur auf der Startseite einen Text zweispaltig darstellen möchtest, kannst du auch in einem (Child-)Theme ein eigenes Template front-page.php schreiben und dem zwei Widget-Bereiche zufügen, in die du dann Text-Widgets platzierst.
    Thread-Starter blackbeetle

    (@blackbeetle)

    Hallo,
    danke für deine wirklich sehr ausführliche antwort!! der vierte Punkte habe ich häufigsten gefunden und hört sich für mich am besten an. Könntest du sofern es deine Zeit zulässt mir die variante etwas näher erklären so das ich es verstehe oder vielleicht hast du einen Link wo ich es nachlesen kann. am besten in Deutsch

    Vielen Dank
    Gruss
    Tom

    Zum Erstellen von Child Themes gibt es im Internet reichlich Tutorials.

    Um neue Widget-Bereich nutzen zu können, musst du sie zuerst durch folgenden zusätzlichen Code in der functions.php registrieren:

    
    <?php
    function pix_widgets_init() {
      register_sidebar( array(
        'name'          => 'Startseite links',
        'id'            => 'home_links',
        'before_widget' => '<div class="home_links">',
        'after_widget'  => '</div>',
      ) );
      register_sidebar( array(
        'name'          => 'Startseite rechts',
        'id'            => 'home_rechts',
        'before_widget' => '<div class="home_rechts">',
        'after_widget'  => '</div>',
      ) );
    
    }
    add_action( 'widgets_init', 'pix_widgets_init' );
    ?>
    

    Nun solltest du in Design > Widgets einen neuen Widgetbereich sehen, in den du beliebige Widgets ziehen kannst. Damit diese auch dargestellt werden, müssen wir sie noch im Template front-page.php einfügen:

    
    <?php if ( is_active_sidebar( 'home_links' ) ) : ?>
      <?php dynamic_sidebar( 'home_links' ); ?>
    <?php endif; ?>
    <?php if ( is_active_sidebar( 'home_rechts' ) ) : ?>
      <?php dynamic_sidebar( 'home_rechts' ); ?>
    <?php endif; ?>
    

    Im Stylesheet fügst du dann noch CSS-Regeln hinzu, damit sie hübsch nebeneinander stehen.

Ansicht von 3 Antworten - 1 bis 3 (von insgesamt 3)
  • Das Thema „Eigenes Theme – zweispaltige Startseite“ ist für neue Antworten geschlossen.