Werbeblöcke außerhalb des Content einfügen

    Ich nutze das Theme Max Magazine. Es ist zweispaltig. Ich möchte aber außerhalb des Content, nach Möglichkeit auf der linken ungenutzten Fläche, ein Banner einfügen (s. Screenshot), um damit Werbung einzublenden. Weiß jemand eine einfache css/html-Lösung? Vielen Dank!


    Hier die sidebar.php:

    <?php
    /**
    * The Sidebar containing the main widget area.
    *
    * @file sidebar.php
    * @package max-magazine
    * @author Sami Ch.
    * Link http://gazpo.com
    */
    ?>
    <div id="sidebar">

    <?php if ( ! dynamic_sidebar( 'sidebar-1' ) ) : ?>

    <div class="widget widget_text">
    <h3><?php _e( 'Max Responsive Wordpress Theme', 'max-magazine' ); ?></h3>
    <div class="textwidget"><?php _e( 'Thank you for using this free theme. If you have questions, please feel free contact.', 'max-magazine' ); ?></div>
    </div>

    <div class="widget widget_search">
    <form method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div>
    <input class="searchfield" type="text" value="<?php _e('Search', 'max-magazine');?>" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" />
    </div>
    </form>
    </div>

    <?php the_widget('WP_Widget_Recent_Posts', 'number=5', 'before_title=<h3>&after_title=</h3>'); ?>

    <div class="widget">
    <h3><?php _e( 'Popular Categories', 'max-magazine' ); ?></h3>
    <ul><?php wp_list_categories( array( 'orderby' => 'count', 'order' => 'DESC', 'title_li' => '', 'number' => 10 ) ); ?></ul>
    </div>

    <div class="widget widget_archive">
    <h3 class="widget-title"><?php _e( 'Archives', 'max-magazine' ); ?></h3>
    <ul>
    <?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
    </ul>
    </div>

    <?php the_widget( 'WP_Widget_Tag_Cloud', array('title' => 'Popular tags', ), array('before_title' => '<h3>', 'after_title' => '</h3>')); ?>


    <?php endif; // end sidebar widget area ?>

    </div><!-- /sidebar -->

    UND DIE STYLE.CSS:

    <?php
    /**
    * The Sidebar containing the main widget area.
    *
    * @file sidebar.php
    * @package max-magazine
    * @author Sami Ch.
    * Link http://gazpo.com
    */
    ?>
    <div id="sidebar">

    <?php if ( ! dynamic_sidebar( 'sidebar-1' ) ) : ?>

    <div class="widget widget_text">
    <h3><?php _e( 'Max Responsive Wordpress Theme', 'max-magazine' ); ?></h3>
    <div class="textwidget"><?php _e( 'Thank you for using this free theme. If you have questions, please feel free contact.', 'max-magazine' ); ?></div>
    </div>

    <div class="widget widget_search">
    <form method="get" id="searchform" action="<?php echo home_url( '/' ); ?>">
    <div>
    <input class="searchfield" type="text" value="<?php _e('Search', 'max-magazine');?>" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}" />
    </div>
    </form>
    </div>

    <?php the_widget('WP_Widget_Recent_Posts', 'number=5', 'before_title=<h3>&after_title=</h3>'); ?>

    <div class="widget">
    <h3><?php _e( 'Popular Categories', 'max-magazine' ); ?></h3>
    <ul><?php wp_list_categories( array( 'orderby' => 'count', 'order' => 'DESC', 'title_li' => '', 'number' => 10 ) ); ?></ul>
    </div>

    <div class="widget widget_archive">
    <h3 class="widget-title"><?php _e( 'Archives', 'max-magazine' ); ?></h3>
    <ul>
    <?php wp_get_archives( array( 'type' => 'monthly' ) ); ?>
    </ul>
    </div>

    <?php the_widget( 'WP_Widget_Tag_Cloud', array('title' => 'Popular tags', ), array('before_title' => '<h3>', 'after_title' => '</h3>')); ?>


    <?php endif; // end sidebar widget area ?>

    </div><!-- /sidebar -->

    • 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)

    Mehr erfahren

    willkomen im forum :)

    das ist eher eine html/css uebung als dass es mit WordPress zu tun hat.

    finde im header.php eine stelle nach dem start der ersten oder zweiten div, und fuege da deine neuen divs mit den bannern ein; dann positioniere die neuen divs mit 'position: absolute;' nach links und/oder rechts ausserhalb vom bestehenden container; dann fuege evtl noch entsprechendes padding zum styles des bestehenden container an, damit die banner im browser-fenster erscheinen.

    http://www.w3schools.com/css/css_positioning.asp

    wenn du einen link zu deiner seite angibst (mit den ersten programmier-versuchen sichtbar), kann dir evtl jemnad mit den einzeleiten helfen.

    Dabke und Link

    Hallo, vielen Dank für die Hilfe. Ich habe jetzt mal meine ersten Schritte unternommen und ein wenig gebastelt. Zumindest auf meinem Laptop sieht es ganz gut aus. Problematisch wird es, denke ich, wenn größerer Monitore ins Spiel kommen. Wie kann es denn gewährleisten, dass die Werbung immer in der Nähe des Content stehen bleibt und nicht ganz nach links abwandert?

    http://www.alles-feuerwehr.com

    Hier die header.php (rot=von mir eingefügt, um werbung zu positionieren):

    <?php
    /**
    * The Header for our theme.
    *
    * Displays all of the <head> section and everything up till <div id="main">
    *
    * @file header.php
    * @package max-magazine
    * @author Sami Ch.
    * Link http://gazpo.com
    */
    ?>
    <!DOCTYPE html>
    <!--[if lt IE 7 ]> <html class="no-js ie6" <?php language_attributes(); ?>> <![endif]-->
    <!--[if IE 7 ]> <html class="no-js ie7" <?php language_attributes(); ?>> <![endif]-->
    <!--[if IE 8 ]> <html class="no-js ie8" <?php language_attributes(); ?>> <![endif]-->
    <!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" <?php language_attributes(); ?>> <!--<![endif]-->
    <head>
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta name="viewport" content="width=device-width" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title><?php wp_title('|', true, 'right'); ?><?php bloginfo('name'); ?></title>

    <link rel="profile" href="http://gmpg.org/xfn/11" />
    <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
    <?php
    if ( is_singular() && get_option( 'thread_comments' ) )
    wp_enqueue_script( 'comment-reply' );

    wp_head(); ?>
    </head>
    <body <?php body_class(); ?>>
    <div id="container" class="hfeed">
    <div id="header">
    <?php
    /**
    * Check if the logo image is set in theme options.
    */
    ?>
    <div class="header-wrap">
    <div class="logo">
    <?php if (max_magazine_get_option( 'logo_url' )) { ?>
    <h1>
    <a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); ?>">
    <img src="<?php echo max_magazine_get_option( 'logo_url' ); ?>" alt="<?php bloginfo( 'name' ); ?>" />
    </a>
    </h1>
    <?php } else {?>
    <h1 class="site-title">
    <a href="<?php echo home_url(); ?>" title="<?php bloginfo('name'); ?>">
    <?php bloginfo('name'); ?>
    </a>
    </h1>
    <h3>
    <?php bloginfo('description'); ?>
    </h3>
    <?php } ?>
    </div> <!-- /logo -->

    <?php if (max_magazine_get_option( 'ad468' )) {?>
    <div class="ad468">
    <?php echo max_magazine_get_option( 'ad468' ); ?>
    </div>
    <?php } ?>
    [COLOR=#ff0000]<div style="position:fixed; left:1px; top:1px; width: 600px; height: 160px;">
    <!-- BEGIN PARTNER PROGRAM - DO NOT CHANGE THE PARAMETERS OF THE HYPERLINK -->
    <a href="[/COLOR][COLOR=#ff0000]http://www1.belboon.de/adtracking/0353c508e59403846b004a0d.html[/COLOR][COLOR=#ff0000]" target="_blank"><img src="[/COLOR][COLOR=#ff0000]http://www1.belboon.de/adtracking/0353c508e59403846b004a0d.img[/COLOR][COLOR=#ff0000]" border="0" width="160" height="600" alt="Star Wars: The Old Republic" /></a><!-- END PARTNER PROGRAM -->
    </div>
    [/COLOR]
    </div><!-- /wrap -->

    <div id="nav">
    <?php wp_nav_menu( array( 'theme_location' => 'primary', 'fallback_cb' => 'max_magazine_menu_fallback',) ); ?>
    </div>

    <div class="clear"></div>

    </div> <!-- /header -->
    <div id="content-container">

    Einmal editiert, zuletzt von Florian13 (17. März 2013 um 13:10)

Jetzt mitmachen!

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

Benutzerkonto erstellen Anmelden