Hvordan Registrere Et Nytt Widget Område

I dag så tenkte jeg begynne på en ny serie med guider for Genesis Framework. Den første artikkelen vil dreie seg om hvordan man registrer et nytt widget område.

Hva bruker man et nytt widget område til? Man kan bruke widget områdene bland annet til å plassere annonser eller sette inn en slider som Royalslider.

Her på WordPress Tips har jeg lagt til 2 nye widget områder. I den ene så har jeg plassert relaterte innlegg i og i den andre så har jeg plassert at denne siden er publisert med hjelp av Genesis Framework. Du finner disse to widget områdene etter hvert innlegg.

For å registrere et nytt widget område i Genesis så trenger du å legge til følgende kode i din functions.php fil. Eksemplet nedenfor er ifra når jeg registrerte et widget område for relaterte innlegg og temaet jeg bruker heter news.

/** Register related */
genesis_register_sidebar( array(
    'id'    => 'related',
    'name'    => __( 'related', 'news' ),
    'description'    => __( 'This is the related section.', 'news' ),
) );

ID – dette gir Genesis og WordPress et internt navn (identitet) for å definere det nye widget området ved. ID brukes for å referere til widget området i den andre blokken med kode (legg til et widget område).

Du må velge et unikt ID navn og du må bruke små bokstaver, ingen spesielle tegn eller mellomrom, men du kan bruke tall.

Name – dette er navnet som vises i widget området i WordPress admin under Utseende> Widgeter. News er navnet på temaet jeg bruker.

Description – dette er beskrivelsen som vises for widgeten i WordPress admin under Utseende> Widgeter. Når du åpner opp widgeten så vil beskrivelsen vises der.

Etter du har lagt til koden ovenfor så vil widgeten vises under utseende>widgeter men du vil ikke kunne bruke innen du har lagt til widget området i din functions.php fil.

Du kan legge til et widget området hvor som helst på siden gjennom å bruke Genesis ‘hooks’.

Hvordan legge til et nytt widget område

Eksemplet som jeg viser her er widget området for relaterte innlegg som jeg har lagt til og som vises etter hvert innlegg og temaet jeg bruker heter news.

/** Add the Related widget after the post content */
add_action( 'genesis_after_post_content', 'news_related' );
function news_related() {
    if ( ! is_singular( 'post' ) )
    return;
    genesis_widget_area( 'related', array(
        'before' => '<div id="related widget-area">',
    ) );
}

add_action - forteller Genesis hvor du vil plassere det nye widget området og hvilken widget id som skal assosiere med det nye widget-området.

Siden jeg har brukt hooken genesis_after_post_content så kommer widgeten til å vises etter hvert innlegg. Id er news som er navnet på temaet mitt og related som jeg har døpt det nye widget området til.

funksjon () - forteller Genesis hva du skal gjøre når du har det skapt widgeten. I dette tilfellet er det bedt om å lage en funksjon med samme navn som widget-områdets id og å skape en dynamisk sidebar oppkalt etter Widget områdets id.

For å style det nye widget området så må legge til litt css kode i din style.css fil. Så hær har jeg stylet mitt related widget område:

.related{
background-color: #f5f5f5;
margin: 40px 0 40px;
overflow: hidden;
padding: 10px;
}

På WordPress Codex sine sider kan man lese mer om hvordan man registrerer et nytt widget område i WordPress.

I neste artikkel så tenkte jeg vise dere hvordan man registrerer og legger til et nytt widget område som kun skal vises på framsiden (hjem).

Hvordan Registrere Et Nytt Widget Område – Genesis