[Hvernig á að] Bæta við búnaðarsvæði við hvaða WordPress þema sem er (2021)

Sjálfgefið WordPress þema árið 2014 var Tuttugu og fimmtán, sniðmát með föstum skenkur til vinstri sem breytist í haus í farsímaútsýni, lágmarksfótasvæði, frábæra leturfræði og fallegt myndasvæði. Síðan höfum við séð útgáfu TwentySixteen, TwentySeventeen, TwentyEighteen, TwentyNineteen og núverandi defualt ókeypis þema Tuttugu og tuttugu.

Þessi þemu eru æðisleg, þau fara í gegnum heilt ferli til að verða valin sem sjálfgefið WordPress þema, þó getum við skilið að notendur vilja samt aðlaga það og gera það að sínu. 

Þar sem þessi þemu bjóða venjulega upp á nokkrar takmarkanir svo sem eins og einn hliðarstiku (sem kallast búnaður tilbúinn svæði á WordPress) munum við sýna þér hvernig á að bæta við græju í fótinn eða hvernig hægt er að laga kóða hvers þema til að bæta fleiri búnaðarsvæðum þema. 

Að bæta við búnaðarsvæði við TwentyFifteen til TwentyTwenty fótinn er ekki frábrugðið því að bæta við búnaðarsvæði í flestum WordPress þemum.

Ef þú hefur áhuga á að sjá önnur WordPress þemu mælum við með að skoða önnur vinsæl þemu eins og Divi from Elegant Themes. Skoðaðu alla umfjöllun okkar hér.

Efnisyfirlit[Sýna]

footpress búnaðarsvæðisfótur og aðrar stöður

Búðu til WordPress barnaþema

Þegar þú sérsníðir sniðmátaskrá WordPress-þemans til að búa til búnaðarsvæði er gott að búa til barn þema.

Hugmyndin um barnþema er alveg einföld - við viljum ekki brjóta möguleika á að uppfæra þemað í nýútgefnar útgáfur.

Þegar þú býrð til aðlögun að þema fyrir börn, verður breytingum þínum bætt við þemað fyrir barn frekar en upprunalega þemað. Þegar uppfærð útgáfa af upprunalega þeminu er gefin út, geturðu uppfært afrit af upprunalega þeminu og látið breytingarnar vera ósnortnar í þema barnsins.

Ef þú ert að leita að frekari ráðum og brellum sem tengjast WordPress skaltu heimsækja restina af hlutanum um CollectiveRay.

1. Búðu til þemaskrá fyrir barn og skrár 

Sem fyrsta skref, búðu til möppu inni í wp-innihald> þemu möppu. Hringdu í möppuna tuttugu og fimmtán börn, tuttugu og tuttugu barn. Það er mikilvægt að þema barnsins fylgi nafngift foreldrisins þó.

Svo ef foreldri er kallað tuttugu og fimmtán, það verður að hringja í barnið tuttugu og fimmtán barna. Sömuleiðis ef þemað sem þú sérsníðir heitir tuttugu og tuttugu, þarf að kalla barnþemað ttuttugu og tvö börn.

Þegar þú hefur búið til barnþemað þarftu að búa til tvær skrár til viðbótar.

Skrána ætti að nota til að framkvæma breytingar á CSS stílnum style.css. Við þurfum líka  functions.php skrá fyrir þema barnsins, þar sem við getum bætt við ákveðnum eiginleikum sem krafist er.

Þessar tvær skrár fara í tuttugu og fimmtíu barna möppuna eða viðkomandi möppu sem þú hefur búið til fyrir þemað fyrir börn.

Wordpress barn þema skrá uppbygging

Vegna þess að bæta á búnaðarsvæðinu við þemafótinn þarftu að hafa skrá fyrir fótarkóðann.

Öruggasta leiðin til að kóða WordPress sniðmátaskrá er að byrja á tilbúnu sniðmáti, bæta síðan við því sem þú vilt og / eða eyða því sem þú vilt ekki.

Í þessu tilfelli skaltu taka footer.php frá þema tuttugu og fimmtíu, eða tuttugu og tuttugu þema eða hvað sem þemað er að aðlaga heitir og límdu það inn í þema barnsins þíns.

3. Bættu kóða við skrár barnaþemans til að búa til búnaðinn

Núna höfum við aðeins tómar skrár, svo sem það er, þá getur þemað fyrir börn ekki gert neitt.

Til að við getum framkvæmt breytingar þarf þema vinnandi barna nokkrar athugasemdir efst á style.css. Opna style.css í kóða ritstjóranum þínum og bættu við þessum kóða. 

/*
 Theme Name:   Twenty Fifteen Child
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Twenty Fifteen Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     twentyfifteen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twentyfifteenchild
*/

The raunverulega mikilvægur hluti hér er í Snið svo í dæminu hér að ofan er það Snið: tuttugu og fimmtán. Þetta er leiðbeining fyrir WordPress um nafn foreldraþemans.

Gakktu úr skugga um að nafnið sé nákvæmlega það sama og heiti möppu foreldraþemans (bókstafur, eða öll bil, strik, undirstrikanir o.s.frv. Eru mikilvæg: allt þarf að passa nákvæmlega við nafn möppu foreldraþemans).

Næst skaltu opna functions.php  og bættu við eftirfarandi kóða.

 

Þó að þetta skref sé ekki stranglega skylt, er það mjög mælt með því að með þessum kóða mun þemað barn erfa útlit og tilfinningu foreldris síns.

Svo við skulum skrifa aðgerð sem krækir í wp_enqueue_scripts () aðgerðarkrókur. Inni í aðgerðinni sem þú fyrirspurn stílblað foreldraþemans með því að nota wp_enqueue_style () virka

Þetta tryggir að barnþemað erfir stíla foreldris síns meðan það snýr að hverri sérstakri stílreglu í sjálfu sér style.css skrá.

 

<?php 
//Import parent styles the right way and add other stylesheets if necessary.
function twenty_fifteen_child_styles() {
  wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
add_action( 'wp_enqueue_scripts', 'twenty_fifteen_child_styles' );

Þema barnsins þíns er aðallega búið!

aðgang að Þemu spjaldið í WordPress uppsetningunni þinni og þú ættir að sjá Twenty Fifteen Child þemað tilbúið til notkunar. Smellur Virkja og heimsóttu síðuna þína. Það ætti að líta nákvæmlega eins út og foreldraþemað.

Bætir við búnaðarsvæðinu

Nú verðum við að bæta kóðanum við til að skilgreina svæðisfót græjunnar. Hér er brotið sem fer í functions.php

/ ** * Skráðu búnaðarsvæði búnaðarins. * * @since Twenty Fifteen Child 1.0 * * @link https://codex.wordpress.org/Function_Reference/register_sidebar * / function twentyfifteen_child_widgets_init () {register_sidebar (array ('name' => __ ('Footer Widgets', 'tuttugu -fifteen-child '),' id '=>' sidebar-2 ',' description '=> __ (' Bæta við græjum hér til að birtast á fótfótasvæðinu þínu. ',' tuttugu og fimmtán barn '),' before_widget ' => ' ',' after_widget '=>' ',' before_title '=>' ',' after_title '=>' ',)); } add_action ('widgets_init', 'twentyfifteen_child_widgets_init');

Kóðinn hér að ofan bætir við aðgerð sem skráir skenkur með auðkenni hliðarstiku-2 (Tuttugu og fimmtán þemað hefur þegar hliðarstiku með auðkenni hliðarstiku-1), og krækir síðan þessa aðgerð í widgets_init () aðgerðarkrókur.

Næst skulum við halda áfram og bæta nýju skenkurnum við fótinn. Opið footer.php í kóða ritstjóra og sláðu inn þessa bút rétt fyrir neðan þessa kóðalínu: <footer id="colophon" class="site-footer" role="contentinfo">.

 
 
  
 
 
 

Kóðinn hér að ofan athugar fyrst hvort skenkur-2 hefur einhverjar græjur, ef svo er sýnir hann skenkur inni í deild með flokknum „búnaður-svæði“. 

Það næsta sem þú þarft að gera er að fara yfir í búnaðarspjald WordPress bakenda þíns, finna skenkur síðufótarforritanna og bæta við nokkrum búnaði við það. Vistaðu búnaðinn þegar þú bætir þeim við og athugaðu niðurstöðuna.

Fótgræja Wordpress
Fóturforrit í tuttugu og fimmtán þema

Ofangreint sýnir nokkrar græjur á hliðarstiku tuttugu og fimmtíu barna á fæti og þú getur séð að texti var of nálægt efsta hluta ílátsins og neðri framlegð búnaðarins var of há. Þetta litla brot í style.css mun bæta útlit verulega. 

.site-footer .widget {margin: 0; bólstrun: 10% 20% 0; } .site-footer .widget: last-child {margin-bottom: 10%; }	

Hér er annað dæmi um að bæta við annarri skenkur:

ef (is_active_sidebar ('sidebar-2') 
|| is_active_sidebar ('sidebar-3')):
?>
">
<?php
ef (is_active_sidebar ('sidebar-2')) {?>


<?php }
ef (is_active_sidebar ('sidebar-3')) {?>






Kóðinn sem þú þarft að nota fer eftir því þema sem þú notar í raun og veru.

Í þessari færslu höfum við séð hvernig á að bæta nýju búnaðarsvæði við tuttugu og fimmtán WordPress þema fótinn. Þó að við settum græjusvæðið í fótfót þemans, þá geturðu notað þessa rökfræði til að bæta við búnaðarsvæðum nokkurn veginn alls staðar í þema með því að fylgja svipuðum skrefum.

Sæktu listann yfir 101 WordPress bragðaref sem allir bloggarar ættu að kunna

101 WordPress bragðarefur

Smelltu hér til að hlaða niður núna

Um höfundinn
David Attard
Höfundur: David AttardVefsíða: https://www.linkedin.com/in/dattard/
David hefur starfað í eða við net- / stafræna iðnaðinn síðustu 18 ár. Hann hefur mikla reynslu af hugbúnaðar- og vefhönnunargeiranum með því að nota WordPress, Joomla og veggskot í kringum þau. Sem stafrænn ráðgjafi er áhersla hans lögð á að hjálpa fyrirtækjum að ná samkeppnisforskoti með því að nota sambland af vefsíðu þeirra og stafrænum kerfum sem eru í boði í dag.

Eitt í viðbót... Vissir þú að fólk sem deilir gagnlegu efni á borð við þessa færslu lítur ótrúlega líka út? ;-)
vinsamlegast yfirgefa a gagnlegt skrifaðu athugasemdir við hugsanir þínar, deildu þessu síðan á Facebook hópinn þinn / hverjum sem myndu finnast þetta gagnlegt og við skulum uppskera ávinninginn saman. Takk fyrir að deila og vera fín!

Birting: Þessi síða getur innihaldið tengla á ytri vefsíður fyrir vörur sem við elskum og mælum af heilum hug. Ef þú kaupir vörur sem við leggjum til gætum við unnið okkur inn tilvísunargjald. Slík gjöld hafa ekki áhrif á ráðleggingar okkar og við tökum ekki við greiðslum fyrir jákvæða dóma.

Höfundur (ar) Valin þann:  Merki tímarits Inc   Sitepoint merki   CSS bragðarefur merki    vefhönnunarpottamerki   WPMU DEV merki   og margir fleiri ...