Ondersteuning » Thema en CSS/opmaak » Widgets onderaan

  • Opgelost Arie Blokland

    (@arie-blokland)


    Sinds een week ben ik bezig met http://www.zeebraracingteam.nl Ik werk volgens het boek KickstartWordPress 4e editie. Themetwelve.
    Inmiddels ben ik bij pagina 167 en probeer ik 3 widgets onderin de site te krijgen. Hoewel ik alles volgens het boek heb gedaan, is het resultaat niet goed.
    Heeft iemand hier ook ervaring mee en intussen de oplossing gevonden? Kun je mij dan helpen, ajb?
    Grt. Arie

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Thread starter Arie Blokland

    (@arie-blokland)

    Hey Arie,

    Het lijkt erop dat je één van de elementen in de functions.php niet juist hebt afgesloten. Daardoor komt er steeds , 'after_widget' => te staan. Kijk even bij functions bij:
    register_sidebar( array( 'before_widget' => '<li>','after_widget' => '</li>') );

    Hopelijk helpt dit je verder.

    Grts,
    Luigi

    Thread starter Arie Blokland

    (@arie-blokland)

    Hoi Luigi,

    Dank voor je reactie. Hieronder mijn functions bestand.
    Jij zegt dat ik één van de elementen niet juist heb afgesloten.
    Maar bedoel je dat ik bij alle drie widgets hieronder de li en /li (inclusief de apostrof en openingstekens, die ik niet in dit bericht getikt krijg) moet invullen?

    Grt.
    Arie

    <?php
    if ( function_exists(‘register_sidebar’) )
    register_sidebar(array(
    ‘name’ => ‘Footer Widgets Left’,
    ‘id’ => ‘left-footer’,
    ‘before_widget’ => “,
    ‘after_widget’ => “,
    ‘before_title’ => ‘<h3 class=”widget-title”>’,
    ‘after_title’ => ‘</h3>’
    ));

    if ( function_exists(‘register_sidebar’) )
    register_sidebar(array(
    ‘name’ => ‘Footer Widgets Center’,
    ‘id’ => ‘center-footer’,
    ‘before_widget’ => “,
    ‘after_widget’ => “,
    ‘before_title’ => ‘<h3 class=”widget-title”>’,
    ‘after_title’ => ‘</h3>’
    ));

    if ( function_exists(‘register_sidebar’) )
    register_sidebar(array(
    ‘name’ => ‘Footer Widgets Right’,
    ‘id’ => ‘right-footer’,
    ‘before_widget’ => “,
    ‘after_widget’ => “,
    ‘before_title’ => ‘<h3 class=”widget-title”>’,
    ‘after_title’ => ‘</h3>’
    ));
    ?>

    Ja, dat bedoelt Luigi, alhoewel ik denk dat li en /li (tussen < >) niet werkt, omdat de ul of ol ontbreekt. Je kunt div of span kiezen. Je geeft hiermee de widget-invulling een ‘omlijstend’ html-block, dat is het idee

    'before_widget' => '<div>',
    'after_widget' => '</div>',

    Of, als je lekker direct wil stylen

    'before_widget' => '<div class="verzin-maar-iets">',
    'after_widget' => '</div>',

    Succes!
    Lianne

    Thread starter Arie Blokland

    (@arie-blokland)

    Hoi Lianne,
    Hartelijk dank. In één keer goed.
    Die laatste met class=verzin maar iets begrijp ik nog niet, maar dat komt misschien wel.

    nu heb ik nog een probleem met de style denk ik, want de widgets staan nog niet mooi naast elkaar.
    Kun je mij daar ook mee helpen, ajb?
    Hieronder de style die ik uit Kickstart heb overgenomen.

    /*
    * Theme Name: TTChild
    * Theme URI: http://www.zeebraracingteam.nl/
    * Description: Child theme for- theme
    * Author: Arie Blokland
    * Author URI: http://www.blokmedia.nl
    * Template: twentytwelve
    * Version: 0.9.0
    * */

    @import url(“../twentytwelve/style.css”);
    #footerwidgets {
    width:100%;
    }
    #footerwidgets p {
    padding-bottom: .5em;
    }
    #footerwidgets li, #footerwidgets p {
    padding-bottom: .5em;
    line-height:1.1em;
    }
    #footerleft {
    width:30%;
    float:left;
    padding-right;2.5%
    }
    #footercenter{
    width:30%
    float:left;
    padding-left:2.5%;
    padding-right: 2.5%;
    }
    #footerright {
    width:30%;
    float:right;
    padding-left:2.5%;
    }

    Alvast bedankt.

    Grt. Arie

    Thread starter Arie Blokland

    (@arie-blokland)

    Hoi Luigi,
    Natuurlijk wil ik ook jou bedanken voor de hulp. Het eerste probleem is in elk geval opgelost.
    Grt.
    Arie

    Je mist in je declaratie van #footercenter een ; achter width:30%. Daarom gaat dit fout. Je moet in dit soort zaken heel precies zijn.

    groet,
    Lianne

    Thread starter Arie Blokland

    (@arie-blokland)

    Hallo Lianne,

    Geweldig!
    Daar had ik zelfs na 20 keer overlezen steeds overheen gekeken.

    Maar nu is het goed en staan de widgets mooi naast elkaar.

    Grt.
    Arie

    Thread starter Arie Blokland

    (@arie-blokland)

    Hallo LianneL,

    In je vorige antwoord zeg je: Als je lekker direct wilt stylen

    ‘before_widget’ => ‘<div class=”verzin-maar-iets”>’,
    ‘after_widget’ => ‘</div>’,

    Kun je mee een voorbeeld geven wat ik in zou kunnen invullen om te stylen?
    Kan ik bijvoorbeeld een kader en een andere achtergrondkleur voor de widget op die manier maken?
    Ik heb “block” ingevuld, maar dan gebeurt er niets.

    Grt.
    Arie

9 reacties aan het bekijken - 1 tot 9 (van in totaal 9)
  • Het onderwerp ‘Widgets onderaan’ is gesloten voor nieuwe reacties.