sidebar wordpress. WordPress-sidefelt, WordPress-sidefeltopprettelse. Standard WordPress-widgeter
Viser det første aktive widgetpanelet (en sidefelt er et panel som inneholder minst én widget). Du kan spesifisere ID eller nummer til panelet, hvilket som skal vises hvis nettstedet har mer enn ett widgetpanel.
dynamic_sidebar() returnerer true eller false, med returresultatet som også viser widgetlinjen. Returverdien kan for eksempel brukes til å bestemme om kode som erstatter widgets skal behandles når det ikke er widgets i panelet (se eksempel #1).
returnerer
sant hvis widgetpanelet ble funnet. usann hvis panelet ikke eksisterer eller ikke inneholder noen widgets.
Bruk
$indeks (streng/nummer) Panel-ID-en spesifisert i id-parameteren til register_sidebar()-funksjonen da panelet ble registrert. Hvis et tall er gitt, vil panelet med ID-sidefelt-$index bli søkt.Standard: 1 (sidefelt-1)
Eksempler
#1 Vis sidefeltet hvis det finnes.
Dette eksemplet viser hvordan du viser det første ikke-tomme sidefeltet (sidefelt-ID-en ble ikke spesifisert under registreringen), eller hvis den ikke finnes, behandle den angitte koden:
#2 Vis ønsket sidefelt.
#3 Sjekk for tilstedeværelsen av panelet og vis det
I eksempel 2 sjekket vi ikke for tilstedeværelsen av et panel og widgets i det. I dette eksemplet vil vi sjekke for tilstedeværelsen av et panel for ikke å vise unødvendig HTML-tagger (
- ) hvis sidefeltet er tomt:
- Global. Array. $wp_registered_sidebars Registrerte sidebars.
- Global. Array. $wp_registered_widgets
- Dynamisk sidefelt: en beholder for et sett med widgets som brukeren kan installere gjennom administrasjonspanelet -> Widgets-delen.
- Sidefeltmal: Dette er sidefeltet som vises av nettstedsmalen.
Flere sidefelt
Når du registrerer mer enn ett widgetpanel med register_sidebar() , er det mer praktisk å spesifisere en id for hvert panel.
Vi kan ikke spesifisere id, da vil panelet motta et serienummer. Men i dette tilfellet, når du redigerer temaet, vil det være vanskelig å forstå hvilket panel som er hvilken, fordi tallene 1, 2, 3 ikke betyr noe. Men hvis du angir navnet, blir det mye klarere:
// --- tall// registrering register_sidebar(); // output dynamic_sidebar(1); // --- Strenger// registrering register_sidebar(array("id" => "top_menu")); // output dynamic_sidebar("top_menu");
Fra eksemplet er det tydelig at det er mer praktisk med strenger: ser inn i emnet og ser dynamic_sidebar("top_menu"), er det umiddelbart klart at panelet for hovedmenyen blir kalt.
ID-argumentet må ikke inneholde mellomrom, store bokstaver, kyrilliske bokstaver. Du kan bruke en bindestrek - og en understrek _ i den. Det må også være unikt. Ved å spesifisere ID-en kan vi også spesifisere navn, beskrivelse og oversettelser for dem:
Register_sidebar(array("id" => "toppmeny", "navn" => __("Toppmeny", $text_domain), "description" => __("Denne sidelinjen er plassert over alderslogoen.", $tekstdomene))))
Notater
Liste over endringer
| Siden versjon 2.2.0 | Introdusert. |
Kode dynamisk sidefelt: wp-includes/widgets.php WP 5.3.2
$value) (if (sanitize_title($value["navn"]) == $index) ( $index = $key; break; ) ) ) $sidebars_widgets = wp_get_sidebars_widgets(); if (empty($wp_registered_sidebars[ $index ]) || empty($sidebars_widgets[ $index ]) || !is_array($sidebars_widgets[ $index ])) ( /** Denne handlingen er dokumentert i wp-includes/widget. php */ do_action("dynamic_sidebar_before", $index, false); /** Denne handlingen er dokumentert i wp-includes/widget.php */ do_action("dynamic_sidebar_after", $index, false); /** Dette filteret er dokumentert i wp-includes/widget.php */ return application_filters("dynamic_sidebar_has_widgets", false, $index); ) /** * Utløses før widgets gjengis i en dynamisk sidebar. * * Merk: Handlingen utløses også for tomme sidefelt, og på både frontenden * og bakenden, inkludert sidefeltet Inaktive widgets på Widgets-skjermen. * * @siden 3.9.0 * * @param int|streng $index Indeks, navn eller ID for den dynamiske sidelinjen. * @param bool $has_widgets Om sidefeltet er fylt med widgets. * standard sant. */ do_action("dynamic_sidebar_before", $index, true); $sidebar = $wp_registered_sidebars[ $index ]; $did_one = usann; foreach ((array) $sidebars_widgets[ $index ] som $id) ( if (! isset($wp_registered_widgets[ $id ])) (fortsett; ) $params = array_merge(array(array_merge($sidebar, array("widget_id" => $id, "widget_name" => $wp_registered_widgets[ $id ]["name"],)), (array) $wp_registered_widgets[ $id ]["params"]); // Erstatt HTML-id og klasse attributter inn i before_widget $classname_ = ""; foreach ((array) $wp_registered_widgets[ $id ]["classname"] som $cn) (if (is_string($cn)) ( $classname_ .= "_" . $cn; ) elseif (is_object($cn)) ( $classname_ .= "_" . get_class($cn); ) ) $classname_ = ltrim($classname_, "_"); $params["before_widget"] = sprintf($ params["before_widget"], $id, $classname_); /** * Filtrerer parametrene som sendes til en widgets display-tilbakekalling. * * Merk: Filteret evalueres både på front- og backend, * inkludert for sidefeltet for Inaktive Widgets på Widgets-skjermen.* * @siden 2.5.0 * * @se register_sidebar() * * @param array $params ( * @type array $args ( * En rekke widgetvisningsargumenter. * * @type string $name Navnet på sidefeltet widgeten er tilordnet. * @type string $id ID for sidefeltet widgeten er tilordnet til. * @type string $description Sidefeltbeskrivelsen. * @type string $class CSS-klasse brukt på sidefeltbeholderen. * @type string $before_widget HTML-oppmerking som skal legges foran hver widget i sidefeltet. * @type string $after_widget HTML-markering for å legge til hver widget i sidefeltet. * @type string $before_title HTML-oppmerking som skal legges foran widgettittelen når den vises. * @type string $after_title HTML-merking som skal legges til widgettittelen når den vises. * @type string $widget_id ID for widgeten. * @type string $widget_name Navnet på widgeten. * ) * @type array $widget_args ( * En matrise av multi-widget-argumenter. * * @type int $number Antall inkrement brukt for multipler av samme widget. * ) * ) */ $params = apply_filters("dynamic_sidebar_params", $params); $callback = $wp_registered_widgets[ $id ]["callback"]; /** * Utløses før en widgets display-tilbakeringing kalles. * * Merk: Handlingen utløses både på front- og backend, inkludert * for widgets i sidefeltet for inaktive widgeter på Widget-skjermen. * * Handlingen er ikke utløst for tomme sidefelt. * * @siden 3.0.0 * * @param array $widget_id ( * En assosiativ rekke widget-argumenter. * * @type string $name Navn på widgeten. * @type string $id Widget-ID. * @type array|callbar $callback Når kroken utløses på frontenden, er $callback en array * som inneholder widgetobjektet. Avfyrt på bakenden, er $callback * "wp_widget_control", se $_callback.* @type array $params En assosiativ array av multi-widget-argumenter.* @type string $classname CSS-klasse brukt på widgetbeholderen.* @type string $description Widgetbeskrivelsen.* @type array $_callback Når kroken avfyres på baksiden end, $_callback er fylt * med en matrise som inneholder widget-objektet, se $callback.* ) */ do_action("dynamic_sidebar", $wp_registered_widgets[ $id ]); if (is_callable($callback)) ( call_user_func_array($callback, $params); $did_one = true; ) ) /** * Utløses etter at widgets er gjengitt i en dynamisk sidefelt. * * Merk: Handlingen utløses også for tomme sidefelt, og på både frontenden * og bakenden, inkludert sidefeltet Inaktive widgets på Widgets-skjermen. * * @siden 3.9.0 * * @param int|streng $index Indeks, navn eller ID for den dynamiske sidelinjen. * @param bool $has_widgets Om sidefeltet er fylt med widgets. * standard sant. */ do_action("dynamic_sidebar_after", $index, true); /** * Filtrerer om en sidefelt har widgets. * * Merk: Filteret blir også evaluert for tomme sidefelt, og på både frontend * og bakenden, inkludert Inaktive Widgets sidebar på Widgets-skjermen. * * @siden 3.9.0 * * @param bool $did_one Om minst én widget ble gjengitt i sidefeltet. * standard false. * @param int|string $index Indeks, navn eller ID for den dynamiske sidelinjen. */ return application_filters("dynamic_sidebar_has_widgets", $did_one, $index); )Hei venner! Som lovet har jeg laget et emne om WordPress sidefelt. Dette er en liten guide til bruk og tilpasning av sidefelt på WordPress-nettsteder.
I denne tråden vil jeg avsløre en liten hemmelighet for alle malutviklere: sidefelt har alltid vært en viktig del av WordPress-systemet og har blitt kraftig forbedret de siste årene.
Med tanke på den siste utviklingen, skal jeg vise deg trinnvis prosessen med å lage og bruke sidefelt for WordPress-temaer.
Hva er en WordPress-sidefelt?
Faktisk kan begrepet "sidefelt (sidefelt)" bety to fullstendig urelaterte konsepter i WordPress-systemet:
I de fleste tilfeller har enkle maler en dynamisk sidefelt som laster alle plasserte widgets fra administrasjonspanelet. Denne prosessen kan også foregå i henhold til en annen algoritme, men oftest i henhold til denne ordningen. Likevel er det viktig å forstå at en dynamisk sidefelt og en sidefeltmal er to forskjellige ting. Alt er premium, jeg jobber hovedsakelig med Sidebar-malen.
Vanligvis brukes begrepet 'sidefelt' i forhold til den dynamiske sidefeltet, som vil bli diskutert i denne artikkelen. Jeg vil imidlertid berøre sidefeltmalen også.
Det som har skuffet meg mest i å bla gjennom mange temaer er at utviklerne ikke drar full nytte av de kraftigste funksjonene til WordPress-systemet. De fleste temaer har bare ett sidefelt, i beste fall to. Men tross alt vil disse temaene skape enorme sider med et sett med alternativer som enkelt kan behandles ved hjelp av widgets, og innholdet deres kan plasseres direkte i malen. Jeg foretrekker å bruke mange sidefelt i et tema for å lage et fleksibelt, funksjonsrikt nettsted.
Registrere, legge til og lage et WordPress-sidefelt
Mange temaer lever ofte under kvalitetsstandarder, så hvis du er en malutvikler, la oss sørge for at du tar dette problemet på alvor. Å skape en passende dynamikk WordPress sidefelt er den viktigste delen av prosessen, fordi det du angir i den vil være relatert til alle andre sidefeltfunksjoner.
For å opprette en eller flere sidefelt, må du registrere dem via en fil funksjoner. php Temaet ditt, hvert tema har sin egen fil som inneholder alle malinnstillingene. Å lagre funksjoner. php Du kan legge til eller fjerne temainnstillinger.
Koden nedenfor viser hvordan du kan lage en sidefelt i WordPress ved å bruke funksjonen register_sidebar(). I dette tilfellet vil vi lage en sidefelt kalt 'primær' som vil tjene som et eksempel å jobbe med.
"primær", "navn" => __("Primær"), "description" => __("Sidefeltbeskrivelse (synlig i administrasjonspanelet)."), "before_widget" => "
", "before_title" => "", "after_title" => "
")); /* Du kan gjenta register_sidebar()-funksjonen for andre widgets, id-feltet må være unikt (primær, sekundær, moiwidget, osv. */ ) ?>add_action("widgets_init" , "registriruem_sidebari" ); funksjon register_sidebari() ( /* Registrer den "primære" sidefeltet. */ register_sidebar( array( "id" => "primær" , "navn" => __("Primær") , "beskrivelse" => __( "Beskrivelse av sidefeltet (synlig i administrasjonspanelet).") , "before_widget" => "" , "before_title" => " "etter_tittel" => "" /* Du kan gjenta register_sidebar()-funksjonen for andre widgets, id-feltet må være unikt (primær, sekundær, moiwidget osv. */ |
Som du kan se, er det en veldig enkel oppgave å registrere en sidefelt hvis du har informasjon om hvordan du gjør det.
Argumenter for å lage en dynamisk sidefelt dynamic_sidebar()
Funksjon register_sidebar() aksepterer bare én parameter, den kalles $args og inneholder et sett med argumenter som spesifiserer hvordan sidefeltet med widgetene skal gjengis. Deretter kan du vurdere eksempler på hvordan du bruker argumenter manuelt.
ID
Argument id, er sannsynligvis et av de viktigste argumentene for å skrive (sjekk ut eksempelet på dårlig skrevet kode nedenfor og se hvorfor du definitivt bør skrive det). WordPress vil bruke id for å tilordne widgets til en bestemt sidefelt, og du trenger id for å fylle sidefeltet ytterligere - sidefelt.
Hver id må være unik. WordPress vil som standard foreskrive det for sidefelt-$i(Hvor $i
//vår widget-ID, som bare tildeles én gang "id" => "primær",
Navn
Du kan skrive hvilket som helst navn du synes best representerer ditt WordPress sidefelt. Oftest er sidefelt gitt navn som brukeren kan bestemme hvilke aspekter av emnet de berører (for eksempel venstre eller høyre sidefelt). Dette argumentet kan internasjonaliseres (dvs. lokaliseres for andre språk). Så sørg for at du skriver riktig tekstdomene når du forbereder emnet for oversettelse. Argumentet er som standard skrevet som sidefelt $i(Hvor $i er ordensnummeret til det opprettede sidefeltet).
//widgetnavn, i eksemplet bruker jeg Primær som navnet på widget-IDen "name" => "Primær",
beskrivelse
Argument beskrivelse ble først introdusert i WordPress 2.9. Dette argumentet lar deg beskrive widgeten din, beskrivelsen vises i administrasjonspanelet i Widgets-delen. Dette argumentet er som standard skrevet på en tom streng. Det kan også internasjonaliseres (dvs. skrevet på kyrillisk eller andre språk).
//beskrivelse vil være synlig i widgetseksjonen "description" => __("Widget for venstre kolonne på nettstedet"),
før_widget
Argument før_widget dette er åpningselementet til widgeten som er tilordnet sidefeltet. Det må også være et blokknivåelement HTML markup (f.eks. tag < li > , < p > , < div > etc.). Dette argumentet har et par funksjoner som du kan skrive for eksempel i id="" eller klasse="": attributter id="" er skrevet slik: (%1$s) og attributter klasse="" Så: (%2$s).
Som standard vil WordPress liste dem som et listeelement: < li id = "%1$s" > . Jeg er ikke tilhenger av å lage listeelementer for sidefelt-widgeter. Jeg bruker alltid < div > . Jeg er ikke tilhenger av å lage listeelementer for sidefelt-widgeter. Sist gang jeg bruker det, fordi i mangel av en widget på siden, vil du ikke se ekstra HTML tagger, men videre vil vi vurdere hvordan vi kan bli kvitt dem.
etter_widget
Argument etter_widget ganske enkelt å lage. Dette er det avsluttende elementet for widgeten som er tilordnet sidefeltet. Du trenger bare å lukke elementet som er spesifisert for argumentet før_widget. Som standard vil WordPress skrive det som < li > .
"after_widget" => "
[ fargestift - 5e1ff7d787fb8042608178 inline = "true" ] "after_widget" => "" , |
før_tittel
De fleste widgets viser en tittel hvis brukeren skriver inn den. Argument før_tittel dette er åpningselementet i widgetens tittel. Som standard skriver WordPress det som < h2 > . For å bruke tagger < h2 > ikke verdt det, i dette tilfellet vil tagger gjøre det < h3 > Og < h4 > . For intuitivitet og lesbarhet av koden, ikke lag klassenavn uten bindestreker, slik at det ville være mer praktisk for deg å lese navnet selv, det er veldig viktig hvis du ikke har jobbet med siden på en stund.
etter_tittel
Argument etter_tittel dette er det avsluttende elementet spesifisert i argumentet før_tittel. Som standard skriver WordPress det som <
/
h2
>
.
Du må sørge for at verdien samsvarer med verdien spesifisert i argumentet før_tittel.
"etter_tittel" => ""
"etter_tittel" => "" |
Vise en dynamisk sidefelt dynamic_sidebar()
Når opprettelsen av sidefeltet er fullført, kan du begynne å vise det inne i temaet. WordPress har laget en funksjon for dette kalt < a title = "Codex Wordpress-funksjon dynamic_sidebar()" href= "http://codex.wordpress.org/Function_Reference/dynamic_sidebar" target="_blank" > dynamic_sidebar()< / a > . Denne funksjonen spør alltid etter en parameter $indeks, som samtidig kan lokaliseres både i argumentet id, og i argumentasjonen Navn(spesifisert under opprettelsen av sidefeltet). Selv om det er teknisk mulig å bruke begge, er det mye tryggere å bruke den du har foreskrevet. id.
Ved å bruke koden nedenfor i en av malene dine kan du plassere sidefeltet hoved beskrevet rett ovenfor. noter det div Med klasse Og id Du kan endre etter eget skjønn og skru ulike css stiler.
< div id = "id-vidgeta-primary" class = "moi-saidbar" > // kall opp visningsfunksjonen til sidelinjen
< / div > |
Vanligvis er denne koden plassert i filen sidefelt - primær . php, som du vil lære om på et øyeblikk når vi snakker om sidefeltmaler. derimot dynamic_sidebar() kan kalles hvor som helst i temaet ditt.
- Vi gjør og
Standard innholdsvisning
Noen temautviklere viser sitt eget innhold hvis brukeren ikke har festet noen widgets til en bestemt sidefelt. For å se etter widgets i sidefeltet, bruk den betingede taggen is_active_sidebar() .
Akkurat som en funksjon dynamic_sidebar(), brukes til å fylle sidefeltet, funksjonen is_active_sidebar() spør alltid om en parameter $indeks, som burde være ID sidefeltet du sjekker.
Med koden nedenfor kan vi teste sidefeltet hoved for widgets. Hvis det er widgets, vil vi vise dem; hvis ikke, vil vi vise innholdet som vi har spesielt forberedt.
< div id = "id-vidgeta-primary" class = "moi-saidbar" >
< / div > |
Viser ikke sidefelt uten widgets
Den forrige delen viste deg hvordan du plasserer manglende innhold når et bestemt sidefelt ikke er aktivt, men du har også muligheten til å skjule (ikke vise noe) en sidefelt når sidefeltet ikke er aktivt.
Vi vil igjen bruke funksjonen is_active_sidebar() for å sjekke sidefeltet hoved for widgets.
< div id = "id-vidgeta-primary" class = "moi-saidbar" >
< / div >
|
Forresten, her kan du tenke på noen interessante ting. Du kan for eksempel lage en dynamisk sidefeltbredde for innholdet ditt basert på hvilke sidefelter som er aktive og hvilke som ikke er det. Mer om dette i de neste artiklene.
Sidefeltmaler - Sidefelt
Vi har berørt alle aspekter ved å lage og jobbe med en dynamisk sidefelt, men det skal bemerkes at det er andre interessante funksjoner. Så la oss ta en titt på sidefeltmaler.
Sidefeltmalen brukes til å være vert for den dynamiske sidefeltkoden (se "Dynamisk sidefeltvisning" ovenfor). I gjennomsnitt har alle WordPress-temaer én mal kalt sidefelt. php. Hvis temaet ditt har én sidefelt, er denne malen tilstrekkelig.
Sidefeltmaler fylles inne i temaet ved hjelp av funksjonen get_sidebar().Koden nedenfor er det jeg vanligvis bruker for å fylle ut en fil sidefelt. php.
[ fargestift - 5e1ff7d788042260898923 inline = "true" ] |
get_sidebar() spør også alltid om en parameter $ navn, som lar deg fylle ut mer spesifikke mønstre. For eksempel ber koden nedenfor om en malfil sidefelt - primær . php.
[ fargestift - 5e1ff7d788051693571425 inline = "sant" ] |
For å holde temaet ditt i orden og skille koden, må du lage en spesifikk mal for hver dynamisk sidefelt. Jeg foreslår at du først oppretter to dynamiske sidefelt med unike id: hoved Og sekundær. For bedre organisering, lag to filer: sidefelt - primær . php og sidefelt-sekundær. php.
Du trenger koden nedenfor for å lage begge malene.
[ fargestift - 5e1ff7d788066428860015 inline = "sant" ]
|
Ovenfor er den tradisjonelle koden jeg bruker for å lage maler. Du kan endre den litt for å passe dine personlige behov best. Du må fortsatt sørge for at du bruker funksjonen get_sidebar() når du fyller ut sidefeltmalen.
Husk at sidefeltmaler ikke alltid viser dynamiske sidefelter. De kan teknisk sett inneholde kodet brukerinnhold som kan reflektere hva som helst. Husk også at du kan plassere en dynamisk sidefelt i nesten hvilken som helst fil i malen din for å vises på forskjellige sider på nettstedet.
Dårlig sidestrekkode
Det er en rekke feil som gjentar seg fra kode til kode, som ikke er akseptable på gode nettsteder. Ikke alle av dem er selvfølgelig teknisk feil, men de kan føre til funksjonsfeil eller er rett og slett en ekstra belastning med kode.
Problem 1: Rotete kode dumpet inn funksjoner. php
Hvis du utvikler temaer, må du vite at WordPress innebygde kroker fungerer med kroker. Det er nødvendig ikke bare å kjenne dem godt, det er viktig å bruke dem. Det største problemet jeg har funnet er at koden bare blir dumpet inn funksjoner. php. Du bør opprette en registreringsfunksjon for sidefelt og deretter legge den til widgets_init. Du kan se et eksempel på hvordan du gjør dette ovenfor i delen Registrer og opprett en dynamisk sidefelt.
Som en sidenotat: Du bør glemme at du bare kan dumpe koden inn funksjoner. php. Bruk alltid hooks-funksjonen i WordPress, dette vil sikre at funksjonene dine er 100 % komplette.
Problem 2: ingen registrerte IDer
Det er viktig å forstå at hvis id-en ikke er tydelig stavet ut, vil dette sikkert ha visse konsekvenser. Når du bruker register_sidebar() eller register_sidebars() uten å foreskrive en person id, oppretter WordPress automatisk indikatorer id, teller antall sidefelt som allerede er opprettet. Og det ser ut til at alt er fantastisk. Men dette er en stor feil. Tross alt, når en plugin eller barn tema oppretter et nytt sidefelt, tildeles sidefeltet id 1 (hvis det er det første i strømmen), noe som fører til at IDen til alle andre sidefelt endres. Når brukeren får tilgang til sidefeltet, vil han se at alle widgetene hans er tilordnet en annen sidebar.
Widgets er knyttet til den dynamiske sidepanelet, i henhold til dens id. Hvis id endringer, flytter også widgetene. Det er derfor det er så viktig å foreskrive riktig id mens du oppretter sidefeltet. Over, i delen "Registrering og opprettelse av en dynamisk sidefelt", kan du se hvordan du gjør det riktig.
En annen fordel med tydelig skriving id er at du vet nøyaktig hva id beregnet på å brukes i andre funksjoner som f.eks dynamic_sidebar() Og is_active_sidebar function_exists() det trengs ikke. Som nevnt tidligere i denne artikkelen, har dynamiske sidefelt eksistert siden 2007. Du kan bare bruke denne typen sjekk for bakoverkompatibilitet. De fleste temaer er imidlertid ikke bakoverkompatible, og jeg anbefaler ikke å bruke det siden forrige versjon.
En av de vanlige typene for å sjekke om det finnes en funksjon register_sidebar() presentert nedenfor. Glem denne typen sjekk og bare lag en sidefelt.
if (function_exists("register_sidebar")) dynamic_sidebar include (TEMPLATEPATH . "/sidebar.php" );
Dette er ikke den beste måten å vise et sidefelt i et tema. WordPress-systemet har en funksjon get_sidebar(), som du enkelt kan gjøre dette med. Bruk den alltid som vist i eksemplet ovenfor i delen 'Sidefeltmaler'. Du bør bruke denne funksjonen fordi kroken
Noen ganger er det temaer der det bare er 1 sidefelt og de brukes til behovene til selve temaet, og du kan ikke plassere nye widgets der. Kanskje du må endre en eksisterende temamal og legge til en ekstra sidefelt, la oss si at temaet har en til venstre, men du må legge til en annen til høyre.
Å løse dette problemet er slett ikke vanskelig. Det er nok å gjøre små endringer i functions.php-temafilene og malfilen til siden der du vil plassere sidefeltet. Hvordan finne ut hvilken fil som er ansvarlig for å vise sider
Først må du registrere et nytt sidefelt. Dette gjøres i functions.php-filen i malmappen. register_sidebar(array("name" =>"Ny sidefelt", "id" => "sekundær-widget-område", "before_widget" => "", "after_title" => "
",));
Ferdig, et nytt sidefelt har dukket opp i widgetkontrollpanelet. Det gjenstår bare å tilpasse utseendet i style.css-filen litt (du kan kopiere utseendet fra den eksisterende)
Hva er hva i koden
Navn– navnet på sidefeltet (sidefeltet), det vil bli vist i administrasjonspanelet Widgets.
id- unik identifikator. Nødvendig når du legger til siden.
før_widget- kode eller tekst som skal settes inn før hver widget.
etter_widget- kode eller tekst som skal settes inn etter hver widget.
før_tittel– kode eller tekst som skal settes inn før widgettittelen.
etter_tittel– kode eller tekst som skal settes inn etter widgettittelen.
Vær oppmerksom på ID-en, navnet på sidefeltet, i dette tilfellet er det "sekundær-widget-område". Det må være nøyaktig det samme som navnet angitt under registreringen i functions.php-filen.
Sidefelt er et spesialfelt på nettstedet der widgets er innebygd. Det er med andre ord en spalte med dynamisk innhold. Nesten alle maler har slike kolonner, og antallet kan være forskjellig. Brukes ofte fra 1 til 4 kolonner.
For å gjøre enhver mal så unik som mulig, eller ganske enkelt forbedre utseendet eller skille seg ut, kan du endre plasseringen av kolonnene i forhold til hovedtekstfeltet i standard-, gratis- og betalte maler for WordPress, som er det vi vil gjøre i denne artikkelen.
Endre plasseringen av sidefeltet og brødteksten
Så la oss si at malen vi bruker har én kolonne for widgets, det vil si én sidefelt, og én hovedkolonne der teksten til artiklene og sidene våre er plassert:
La kolonnen med widgets være plassert til høyre, og vi må flytte den til venstre helt til kanten. Følgelig vil kolonnen med hovedtekstinnholdet flyttes til høyre til kanten.
For å gjøre alt dette, må du endre stilene litt. Tekstinnhold har ofte #content-stilen, mens widgetinnhold ofte har #sidebar-stilen. Alt som trengs er å endre egenskapene til den første fra float: venstre; på flyte: høyre; og i en annen sekvens for den andre.
Endre plasseringen av sidefeltet i Twenty Twelwe-temaet
Vurder alt det ovennevnte på eksemplet med et standard responsivt tema for WordPress.
Sidefelt - en del av nesten alle nettsteder, vanligvis plassert til venstre, til høyre for innholdsområdet, eller foran bunnteksten (bunntekst). WordPress-sidefelt er intet unntak. Den eneste forskjellen er at i WordPress er en sidefelt et område der widgets automatisk vises. Du kan lage et ubegrenset antall sidefelt i WordPress, men for eksempel vil jeg lage to sidefelt, til venstre og høyre for hovedinnholdsområdet.
Registrering av WordPress-sidepaneler
For at sidefeltene skal vises i administrasjonspanelet først, må vi registrere dem. Med andre ord, legg til koden i functions.php-filen:
/** * Registrer sidefelt. */ function fwbs_widgets_init() ( register_sidebar(array("name" => __("Høyre kolonne", "fwbs"), "id" => "sidebar-1", "description" => __("Høyre sidefelt " , "fwbs"), "before_widget" => " ", "before_title" => "
", "after_title" => "
",)); register_sidebar(array("name" => __("Venstre kolonne", "fwbs"), "id" => "sidefelt-2", "description" => __("Venstre kolonne i sidebunntekst ", "fwbs"), "before_widget" => " ", "before_title" => "", "after_title" => "
",)); ) add_action("widgets_init", "fwbs_widgets_init");Parser koden ovenfor for å lage WordPress-sidefelt
Det er ikke så komplisert som det ser ut ved første øyekast.
- "name" => __("Høyre kolonne", "fwbs") - navnet på widgetområdet, du kan skrive hvilket som helst navn, bare forsiktig mellom parentesene, se på skjermen du kan se hvor det vises;
- "id" => "sidefelt-1" - ID er en unik identifikator tilordnet sidefeltet, alle sidefelt må ha sine egne, forskjellig fra andre IDer;
- "description" => __("Høyre kolonne", "fwbs") - beskrivelse, lik navnet på widgetsonen;
- "before_widget" => "
- "after_widget" => "" - HTML-taggen som lukker sidefeltsonen. Som vi vet må alle HTML-tagger, med noen unntak, pares (åpning og lukking);
- "before_title" => "
" - widgettittelen vil bli pakket inn i en H4-tag med klassen
, kan du endre betydningen av overskriften H1, H2, H3, H4, H5, H6 og tildele dine egne klasser;
- "etter_tittel" => ""- lukkingpar-tag for tittelen på widgeten.
Nå går vi til adminpanelet, til "widgets"-delen og ser på resultatet. Her er et bilde av det jeg fikk:
Med denne koden registrerte jeg to WordPress-widget-soner, nå må jeg vise dem på skjermen.
Viser WordPress-sidepaneler
For å vise sidefelt hvor som helst i malen, er det logisk å skrive følgende kode på riktig sted:
Noen få forklaringer på koden:
- - PHP-kode som gir en kommando, hvis det er widgets i sidefeltet under id=sidebar-1, så skal det vises på skjermen, hvis det ikke er widgets, vises ikke sidefeltet;
- - PHP-kode som kaller sidefeltet under id=sidebar-1 på stedet der du skrev det i malkoden.
Men som du kan se, i WordPress-maler, er sidebar-utdatakoden plassert i separate sidebar.php-filer, og deretter sendes innholdet ut fra sidebar.php-filen på riktig sted i malen. Siden vi vet at WordPress gjengir innhold dynamisk og nettstedsmalen består av flere deler, er en av delene sidebar.php-filen La meg gjøre det.
Opprette sidebar.php-filen
Lag en fil som sidebar-right.php , gi den en tittel og lim inn koden ovenfor i den. Alt sammen vil det se slik ut:
Som du kan se fra eksempelet, supplerte jeg koden med ekstra HTML-markering. Nå, for å vise widgetområdet, gjenstår det å skrive følgende på riktig sted:
For kolonnen på venstre side opprettes filen sidebar-left.php tilsvarende og sendes ut på riktig sted i malen slik:
Som de sier, finn en forskjell i koden.
Det er det, sidefeltene er opprettet, nå er det eneste som gjenstår å lage markup for dem i malen og skrive CSS-stiler.
