Im Startseiten-Template bei Twenty Twelve gibt es 2 Widget Bereiche, ein breiter links und ein schmalerer rechts.
Darüber möchte ich gern waagerecht 3 gleich breite Widgets integrieren.
Kann mir dabei jemand helfen?
Twenty Twelve weitere Sidebar auf Startseite
-
-
- Gerade eben
- 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)
-
Hab mir jetzt etwas gebastelt und es wird richtig angezeigt. Vielleicht kann trotzdem jemand kucken, ob das alles stimmt oder hier und da Verbesserungen möglich sind.
Ich habe eine Child Theme erstellt.
Dort sind die Dateien:style.css
sidebar-front.php
functions.phpstyle.css:
Code
Alles anzeigen/* Theme Name: Twenty Twelve Child Theme URI: http://www.xyz.com Description: Child theme for the Twenty Twelve theme Author: Joerg Stephan Author URI: http://www.joerg-stephan.com Template: twentytwelve Version: 1.0.0 */ @import url("../twentytwelve/style.css"); .widget-area .widget h3 { margin-bottom:0; } #frontpagewidgets { width:100%; } #frontpagewidgets p { padding-bottom: .5em; } #frontpagewidgets li, #frontpagewidgets p { padding-bottom: .5em; font-size:80%; line-height:1.1em; } #sidebar-4 { width:30%; float:left; padding-right:2.5%; } #sidebar-5 { width:30%; float:left; padding-left:2.5%; padding-right: 2.5%; } #sidebar-6 { width:30%; float:right; padding-left:2.5%; } .site-content article { border-bottom:none; } @media only screen and (max-width:481px) { #sidebar-4, #sidebar-5, #sidebar-6 { float:left; padding-left:0; padding-right:0; padding-top:1em; width:100%; } }functions.php
PHP
Alles anzeigen<?php if ( function_exists('register_sidebar') ) register_sidebar(array( 'name' => 'Third Front Page Widget Area', 'id' => 'sidebar-4', 'before_widget' => '', 'after_widget' => '', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>' )); if ( function_exists('register_sidebar') ) register_sidebar(array( 'name' => 'Fourth Front Page Widget Area', 'id' => 'sidebar-5', 'before_widget' => '', 'after_widget' => '', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>' )); if ( function_exists('register_sidebar') ) register_sidebar(array( 'name' => 'Fifth Front Page Widget Area', 'id' => 'sidebar-6', 'before_widget' => '', 'after_widget' => '', 'before_title' => '<h3 class="widget-title">', 'after_title' => '</h3>' )); ?>sidebar-front.php
PHP
Alles anzeigen<?php /** * The sidebar containing the front page widget areas. * * If no active widgets in either sidebar, they will be hidden completely. * * @package WordPress * @subpackage Twenty_Twelve * @since Twenty Twelve 1.0 */ /* * The front page widget area is triggered if any of the areas * have widgets. So let's check that first. * * If none of the sidebars have widgets, then let's bail early. */ if ( ! is_active_sidebar( 'sidebar-2' ) && ! is_active_sidebar( 'sidebar-3' ) && ! is_active_sidebar( 'sidebar-4' )&& ! is_active_sidebar( 'sidebar-6' ) && ! is_active_sidebar( 'sidebar-6' )) return; // If we get this far, we have widgets. Let do this. ?> <div id="frontpagewidgets"> <div id="sidebar-4"> <ul> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Third Front Page Widget Area') ) : ?> <li> <?php endif; ?> </ul> </div> <div id="sidebar-5"> <ul> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Fourth Front Page Widget Area') ) : ?> <li> <?php endif; ?> </ul> </div> <div id="sidebar-6"> <ul> <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Fifth Front Page Widget Area') ) : ?> <li> <?php endif; ?> </ul> </div> <div id="secondary" class="widget-area" role="complementary"> <?php if ( is_active_sidebar( 'sidebar-2' ) ) : ?> <div class="first front-widgets"> <?php dynamic_sidebar( 'sidebar-2' ); ?> </div><!-- .first --> <?php endif; ?> <?php if ( is_active_sidebar( 'sidebar-3' ) ) : ?> <div class="second front-widgets"> <?php dynamic_sidebar( 'sidebar-3' ); ?> </div><!-- .second --> <?php endif; ?> </div><!-- #secondary -->
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!