Hvordan Widgetize WordPress Body

Hvordan Widgetize WordPress Body


Selv om WordPress kaller sine widgetized områder "sidebars", kan du widgetize noen del av tema, for eksempel bunnteksten eller til og med kroppen. Uansett hvor du plasserer en widgetized område, kan du plassere widgets - små plugin-lignende programmer du kan legge til ditt nettsted for å bygge sidebars - bruker "Widgets" skjerm i WordPress dashbordet. Registrer en ny sidepanelet og plassere den i kroppen til widgetize en del av eller hele nettstedet kropp. Bruk Cascading Style Sheet (CSS) kode for å kontrollere størrelsen, formen og stilen på widgetized område.

Bruksanvisning

1 Åpne temaets malfiler i en kode editor eller Notisblokk. Du må redigere hver mal der du ønsker en widgetized kroppen, så hvis du ønsker å widgetize kroppen av bloggen indeksen og enkeltinnleggssidene deretter redigere både index.php og single.php. Rediger page.php hvis du ønsker å widgetize statiske sider. Åpne functions.php filen for temaet også.

2 Legg til følgende kode i functions.php filen:

if (function_exists ( 'register_sidebar')) {

register_sidebar (

array(

'Name' => 'Body Widget-området ",

'Before_widget' => '& lt; div class = "body_widget">,

'After_widget' => '& lt; / div> ",

'Before_title' => '& lt; h3>',

'After_title' => '& lt; / h3>'

);

}

Koden ovenfor kontrollerer at du kan registrere sidefelt og registrerer deretter et sidepanel som heter "Body Widget-området." Det er navnet du vil se på "Widgets" side i WordPress dashbordet. Uansett hvor du plasserer koden for å inkludere dette widgetized "sidebar", WordPress vil legge div koder med en klasse med "body_widget." Hver widget tittelen vil bli pakket inn i H3 tag.

3 Legg til følgende kode til en mal filen der du vil ha en widgetized område skal vises i kroppen på siden:

<? Php if (function_exists ( 'dynamic_sidebar') || dynamic_sidebar ( 'Body Widget-området ")!):?>

<? Php endif; ?>

Dette hvis setningen sjekker for å se om "sidebar" eksisterer eller ikke. Hvis det ikke skjer, utfører det noen fallback kode. Plasser manuelle samtaler til widgets mellom de to linjer med kode for å sette din reserve. Denne koden legger også til "sidebar" uansett hvor du plasserer den på siden.

4 Åpne style.css fil av tema og legge inn denne koden:

.body_widget {

bredde: XXpx;

høyde: XXpx;

}

Erstatt "XX" med verdiene du vil, i piksler. Legg noen annen CSS-koden du vil bruke for div inneholder widgetized området. CSS-koden går mellom krøllparenteser.

5 Last opp dine redigerte filer til riktig tema filen under / wp-content / themes / på serveren din. Besøk wp-admin-katalogen av nettstedet ditt og logge deg på dashbordet. Naviger til "Widgets" og klikk på pil ned på "Body Widget Area" å utvide "sidebar" boksen. Du kan nå dra og slippe widgets i til kroppens widgetized området, og de vil dukke opp i kroppen din WordPress innlegg og sider.

Hint

  • Sikkerhetskopiere tema filer før du redigerer dem. Hvis du støter på en "hvit skjerm" feil, re-laste den opprinnelige tema filer for å komme tilbake i til WordPress.