Ondersteuning » Thema en CSS/opmaak » Footer aanpassen over breedte site

  • Voor onze site http://www.stabio.nl willen we de footer aanpassen over de gehele breedte van de pagina met daarbij de mogelijkheid om de kleur ook zelf te bepalen. We willen graag 3 kolommen beschikbaar hebben.

    We gebruiken het thema “Responsive”

    Een voorbeeld van een site die het heeft zoals wij het willen en die ook hetzelfde thema gebruiken is: http://www.mbmassageterapi.se/

    Waar moeten we dit aanpassen? Is dit eenvoudig CSS aanpassen of moet er een compleet nieuwe code geschreven worden?

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Als je iemand van het WordPress forum je website wilt laten installeren dan hoef je het alleen maar te vragen hoor 🙂 Ik zie nu namelijk het installatie proces van WordPress op jouw link… niet echt veilig maar je zult er wel mee bezig zijn 😉

    Thread starter Remss

    (@remss)

    Ja je hebt gelijk, ik heb de verkeerde link erin geplaatst. Vandaag heeft de hoster de locatie aangepast van de site en op de directe link kom je niet op de juiste pagina. Kan ik mijn eerste post wijzigen?

    De juiste link is: http://wordpress.stabio.nl/wordpress.stabio.nl/

    Je kunt je post een tijdje wijzigen maar daarna niet meer.

    Zo 123 zie ik niet hoe je gemakkelijk de footer kunt aanpassen naar wat jij graag zou willen. Reden hiervoor is dat je gebruikt maakt van een responsive grid/framework en je footer binnenin je container zit. Tevens is de gehele 2e rij van je content (die 3 tekstblokken) deel van je footer zijn. Niet heel gebruikelijk maar het kan 🙂

    Beetje lastig om je een passend antwoord te geven zonder je code in zijn geheel te kunnen zien. Ik zie alleen wat de server aan mij terug geeft.

    Thread starter Remss

    (@remss)

    Bedankt voor je reactie.

    De website waarvan ik die link heb weergegeven heeft hetzelfde thema. Ik kan er alleen niet uithalen hoe zij het gedaan hebben.

    Weet je een andere mogelijkheid die ervoor zorgt dat de footer over de hele breedte van de site wordt weergegeven? Ik vind dit niet zo mooi en wil het meer een geheel laten lijken.

    Als ik de code inplak kan je daar dan wat mee? Is footer.php dan voldoende?

    De inhoud van footer.php is dan voldoende ja.

    Thread starter Remss

    (@remss)

    Ik weet niet of het de bedoeling is om op deze manier script te plakken, maar hoor het anders graag van je voor een volgende keer. Ik hoor graag als je een idee hebt.
    **************************************************************************
    <?php

    // Exit if accessed directly
    if ( !defined( ‘ABSPATH’ ) ) {
    exit;
    }

    /**
    * Footer Template
    *
    *
    * @file footer.php
    * @package Responsive
    * @author Emil Uzelac
    * @copyright 2003 – 2014 CyberChimps
    * @license license.txt
    * @version Release: 1.2
    * @filesource wp-content/themes/responsive/footer.php
    * @link http://codex.wordpress.org/Theme_Development#Footer_.28footer.php.29
    * @since available since Release 1.0
    */

    /*
    * Globalize Theme options
    */
    global $responsive_options;
    $responsive_options = responsive_get_options();
    ?>
    <?php responsive_wrapper_bottom(); // after wrapper content hook ?>
    </div><!– end of #wrapper –>
    <?php responsive_wrapper_end(); // after wrapper hook ?>
    </div><!– end of #container –>
    <?php responsive_container_end(); // after container hook ?>

    <div id=”footer” class=”clearfix”>
    <?php responsive_footer_top(); ?>

    <div id=”footer-wrapper”>

    <?php get_sidebar( ‘footer’ ); ?>

    <div class=”grid col-940″>

    <div class=”grid col-540″>
    <?php if ( has_nav_menu( ‘footer-menu’, ‘responsive’ ) ) {
    wp_nav_menu( array(
    ‘container’ => ”,
    ‘fallback_cb’ => false,
    ‘menu_class’ => ‘footer-menu’,
    ’theme_location’ => ‘footer-menu’
    ) );
    } ?>
    </div><!– end of col-540 –>

    <div class=”grid col-380 fit”>
    <?php echo responsive_get_social_icons() ?>
    </div><!– end of col-380 fit –>

    </div><!– end of col-940 –>
    <?php get_sidebar( ‘colophon’ ); ?>

    <div class=”grid col-300 copyright”>
    <?php esc_attr_e( ‘©’, ‘responsive’ ); ?> <?php echo date( ‘Y’ ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>”>
    <?php bloginfo( ‘name’ ); ?>

    </div><!– end of .copyright –>

    Thread starter Remss

    (@remss)

    dit lijkt nergens op….hoe kan ik de footer.php bij een post voegen?

    Je kunt het op http://jsfiddle.net/kL8d3g0r/1/ proberen.

    De footer.php die je stuurde, is dat uberhaupt de versie van http://wordpress.stabio.nl/wordpress.stabio.nl/?

    Thread starter Remss

    (@remss)

    Dit lijkt er meer op.
    Deze pagina is de footer.php van het thema “Responsive”
    Denk jij dat ik een andere moet hebben?
    ***************************************************************************
    <?php

    // Exit if accessed directly
    if ( !defined( ‘ABSPATH’ ) ) {
    exit;
    }

    /**
    * Footer Template
    *
    *
    * @file footer.php
    * @package Responsive
    * @author Emil Uzelac
    * @copyright 2003 – 2014 CyberChimps
    * @license license.txt
    * @version Release: 1.2
    * @filesource wp-content/themes/responsive/footer.php
    * @link http://codex.wordpress.org/Theme_Development#Footer_.28footer.php.29
    * @since available since Release 1.0
    */

    /*
    * Globalize Theme options
    */
    global $responsive_options;
    $responsive_options = responsive_get_options();
    ?>
    <?php responsive_wrapper_bottom(); // after wrapper content hook ?>
    </div><!– end of #wrapper –>
    <?php responsive_wrapper_end(); // after wrapper hook ?>
    </div><!– end of #container –>
    <?php responsive_container_end(); // after container hook ?>

    <div id=”footer” class=”clearfix”>
    <?php responsive_footer_top(); ?>

    <div id=”footer-wrapper”>

    <?php get_sidebar( ‘footer’ ); ?>

    <div class=”grid col-940″>

    <div class=”grid col-540″>
    <?php if ( has_nav_menu( ‘footer-menu’, ‘responsive’ ) ) {
    wp_nav_menu( array(
    ‘container’ => ”,
    ‘fallback_cb’ => false,
    ‘menu_class’ => ‘footer-menu’,
    ’theme_location’ => ‘footer-menu’
    ) );
    } ?>
    </div><!– end of col-540 –>

    <div class=”grid col-380 fit”>
    <?php echo responsive_get_social_icons() ?>
    </div><!– end of col-380 fit –>

    </div><!– end of col-940 –>
    <?php get_sidebar( ‘colophon’ ); ?>

    <div class=”grid col-300 copyright”>
    <?php esc_attr_e( ‘©’, ‘responsive’ ); ?> <?php echo date( ‘Y’ ); ?>” title=”<?php echo esc_attr( get_bloginfo( ‘name’, ‘display’ ) ); ?>”>
    <?php bloginfo( ‘name’ ); ?>

    </div><!– end of .copyright –>

    <div class=”grid col-300 scroll-top”>“><?php _e( ‘↑’, ‘responsive’ ); ?></div>

    <div class=”grid col-300 fit powered”>
    ” title=”<?php esc_attr_e( ‘Responsive Theme’, ‘responsive’ ); ?>”>
    Responsive Theme

    <?php esc_attr_e( ‘powered by’, ‘responsive’ ); ?> ” title=”<?php esc_attr_e( ‘WordPress’, ‘responsive’ ); ?>”>
    WordPress

    </div><!– end .powered –>

    </div><!– end #footer-wrapper –>

    <?php responsive_footer_bottom(); ?>
    </div><!– end #footer –>
    <?php responsive_footer_after(); ?>

    <?php wp_footer(); ?>
    </body>
    </html>

    Thread starter Remss

    (@remss)

    Toch weer niet volledig, als ik het script plak in de post dan staat alles er, maar als ik het plaats dan is de helft weg. Is er een andere manier om een pagina te plakken?

10 reacties aan het bekijken - 1 tot 10 (van in totaal 10)
  • Het onderwerp ‘Footer aanpassen over breedte site’ is gesloten voor nieuwe reacties.