Hvordan legge til en Widgetized bunntekst til WordPress Temaer

October 9

Legg en widgetized bunntekst til en WordPress blogg eller nettside tema for å tillate enkel manipulering av elementene i nettstedet bunnteksten. WordPress ' "widgets" funksjonen kan du dra og slippe elementer som lister over populære innlegg eller sider, koblinger eller plugin verktøy som integrerer sosiale medier i deler av området som er "Widgetized." Widgetize WordPress bunntekst med en kombinasjon av PHP koding og styling ved hjelp av CSS.

Bruksanvisning

1 Logg inn på WordPress. Bla til "Utseende" -panelet langs venstre side av skjermen, og velg "Editor".

2 Klikk på "functions.php" fil. Bla til en tom linje i filen og lim inn følgende kode i:

register_sidebars (1,

array (

'Name' => 'bunntekst Widget ",

'Before_widget' => '<li class = "widget% 2 $ s" id = "% 1 $ s"> ",

'After_widget' => '</ li>',

'Before_title' => '<h3>',

'After_title' => '</ h3>'

)

);

funksjon footer_widget () {?>

<? Php if (! Function_exists ( 'dynamic_sidebar') ||! Dynamic_sidebar ( 'bunn Widget ")) {?>

<Li class = "widget"> <h3> <? Php _E ( 'bunn Widget'); ?> </ H3> Du kan redigere innholdet som vises her ved å gå til Widgets panel og modifisere <em> gjeldende widgets </ em> der. </ Li> <? Php}?>

</ Ul>

</ Div>

<? Php}

Pass på å ikke legge noen ekstra tegn eller slette alle tegn som finnes for øyeblikket. Gjør du det hindrer deg i å få tilgang til WordPress blog eller dashbordet - og fikse feilen krever at du går inn på nettstedet ditt kontrollpanel. Lagre filen.

3 Open "style.css" og lim inn følgende kode i:

.custom .sidebar ul.sidebar_list {position: relative;}

.custom # footer_widget_1 ul.sidebar_list li.widget {position: relative; text-align: left; display: block; top: 4px; venstre: 0px; width: 468px; }

.custom # footer-sosiale-ikoner et img {float: left; }

.custom # footer-sosiale-ikoner {text-align: left;

width: 600px;}

}

Rediger tallene bak "width" for å endre bredden på widgetized del av bunnteksten, og klikk deretter på "Lagre".

4 Klikk på "Widgets" under "Utseende" side. En bunntekst widget område foreligger nå i widget-skjermen. Dra og slipp alle tilgjengelige widget inn i bunnteksten widgeten området for å gjøre widgeten vises i bunnteksten.