Când am început să personalizăm temele WordPress, mutarea barei laterale de la dreapta la stânga părea că ar trebui să fie simplă.
Cu toate acestea, am descoperit că mulți utilizatori se luptă cu această modificare de bază a aspectului, deoarece fiecare temă o gestionează diferit, iar unele nu fac opțiunea evidentă.
După ce am ajutat utilizatorii prin WPBeginner, am învățat că poziționarea barei laterale poate influența semnificativ modul în care vizitatorii interacționează cu conținutul dvs.
Indiferent dacă urmați cele mai bune practici de design sau vă adaptați la obiceiurile de lectură ale publicului dvs., știind cum să schimbați poziția barei laterale este o abilitate valoroasă.
În acest ghid, vă vom arăta cele mai ușoare moduri de a vă schimba poziția barei laterale în WordPress.

💡Răspuns rapid: Cum să schimbi poziția barei laterale în tema ta WordPress
Iată o prezentare rapidă a metodelor pe care le vom acoperi, astfel încât să poți sări la cea care se potrivește nevoilor tale:
- Metoda 1: Folosește Personalizatorul WordPress – Aceasta este cea mai ușoară opțiune și este cea mai bună pentru utilizatorii cu o temă clasică care are deja o setare încorporată pentru a schimba aspectul barei laterale.
- Metoda 2: Folosește cod CSS personalizat – Această metodă este pentru utilizatorii cu o temă clasică care nu are o opțiune încorporată pentru bara laterală. Necesită adăugarea unui mic fragment de cod.
- Metoda 3: Folosește Editorul Complet al Site-ului (FSE) – Aceasta este metoda standard pentru oricine folosește o temă modernă bazată pe blocuri. Vei trage și vei plasa pur și simplu bara laterală într-o nouă poziție.
- Metoda 4: Folosește Pluginul CSS Hero – Aceasta este cea mai bună alegere pentru începători pe orice temă care doresc o modalitate vizuală, fără cod, de a schimba poziția barei laterale și de a face alte personalizări de design.
Cum schimb poziția barei laterale în tema mea WordPress?
Pentru a schimba poziția barei laterale în tema ta WordPress, trebuie mai întâi să identifici dacă folosești o temă clasică sau o temă bazată pe blocuri. Metoda pe care o vei folosi va depinde în totalitate de tipul temei tale.
Temele clasice folosesc de obicei Personalizatorul de temă sau CSS personalizat pentru această modificare. Temele bazate pe blocuri folosesc noul Editor Complet al Site-ului.
Iată cum să verifici rapid ce ai. În panoul de administrare, mergi la Aspect. Dacă vezi un meniu „Editor”, folosești o temă bazată pe blocuri. Dacă vezi în schimb „Personalizare” și „Widgeturi”, ai o temă clasică.

Mutarea barei laterale poate fi utilă din multe motive. De exemplu, site-urile web cu limbi de la dreapta la stânga se simt mai naturale cu bara laterală pe partea stângă.
De asemenea, ați putea dori să îmbunătățiți experiența utilizatorului pe site-ul dvs. Dacă observați că vizitatorii de pe site-ul dvs. de comerț electronic scanează paginile într-un anumit model, ajustarea barei laterale poate face cumpărăturile mai intuitive.
Având toate acestea în vedere, să vedem cum să schimbăm partea barei laterale pe blogul sau site-ul dvs. WordPress.
Avem 4 metode ușoare și puteți folosi linkurile rapide de mai jos pentru a sări la cea pe care o preferați:
- Metoda 1: Cum să schimbi partea barei laterale cu WordPress Customizer (Teme clasice)
- Method 2: How to Change the Sidebar Side With Code (Classic Themes)
- Metoda 3: Cum să schimbați partea laterală a barei laterale cu FSE (Teme cu blocuri)
- Metoda 4: Cum să schimbi partea barei laterale cu CSS Hero (Toate temele)
- Alternativă: Creați sidebar-uri personalizate cu un plugin de page builder WordPress
- Întrebări frecvente despre barele laterale WordPress
Metoda 1: Cum să schimbi partea barei laterale cu WordPress Customizer (Teme clasice)
Această metodă este pentru persoanele care folosesc o temă clasică. Aceasta înseamnă că puteți folosi în continuare personalizatorul WordPress pentru a stiliza designul site-ului dvs., iar secțiunea Widgeturi din meniul Aspect al administratorului WordPress încă există.
Dacă personalizatorul temei lipsește din tabloul de bord WordPress, probabil că folosești o temă bazată pe blocuri și trebuie să sari la a treia metodă.
Uneori, dezvoltatorii de teme clasice oferă multiple poziționări ale barei laterale din care puteți alege. Puteți confirma dacă acest lucru este adevărat utilizând personalizatorul WordPress și selectând poziția barei laterale preferate acolo.
Mai întâi, accesați Aspect » Personalizare. Folosim tema Hestia ca exemplu.

Aici, accesați pagina Setări de aspect » Setări generale din coloana din stânga
După cum puteți vedea, Hestia are trei șabloane de sidebar: unul fără sidebar, unul cu un sidebar stâng și unul cu un sidebar drept. Acest lucru ne permite să schimbăm partea sidebar-ului dintr-un singur clic. Aici, am schimbat partea sidebar-ului în stânga.
Această setare controlează aspectul implicit al barei laterale pentru întregul site web. Cu toate acestea, Hestia vă permite, de asemenea, să personalizați poziția barei laterale a blogului separat, astfel încât să afecteze doar postările de pe blog sau pagina de postări.

După ce ați făcut modificările, puteți adăuga widgeturile disponibile în bara laterală ca de obicei. Pentru mai multe informații, consultați ghidul nostru despre cum să adăugați și să utilizați widgeturi în WordPress.
Apoi, pur și simplu faceți clic pe „Publicați”.
Deși aceasta este o funcționalitate convenabilă, totul depinde de temă. Vă recomandăm cu tărie să verificați documentația temei dvs. pentru a vedea dacă puteți schimba bara laterală folosind personalizatorul.
Dacă nu, atunci săriți la următoarea metodă.
Metoda 2: Cum să schimbați partea barei laterale cu cod (Teme clasice)
Dacă tema dvs. clasică nu oferă mai multe bare laterale din care să alegeți, atunci puteți schimba manual poziția barei laterale folosind cod CSS.
Majoritatea temelor clasice folosesc o proprietate CSS numită float pentru a poziționa bara laterală și zona de conținut una lângă alta. Scopul nostru este să găsim CSS-ul pentru ambele elemente și să inversăm pur și simplu direcția lor de float.
Vă recomandăm să utilizați un site de testare și/sau o temă copil pentru a experimenta cu această metodă. Astfel, dacă apare o eroare, aceasta nu va afecta tema părinte și/sau site-ul dvs. live.
În plus, utilizarea unei teme copil poate preveni suprascrierea modificărilor dvs. atunci când există o actualizare a temei.
Pasul 1: Utilizați instrumentul Inspect pentru a localiza clasa CSS a barei laterale
Primul lucru pe care îl veți face este să deschideți site-ul web. Apoi, plutiți în jurul zonei barei laterale și folosiți instrumentul Inspect al browserului dvs.
Dacă folosiți Chrome, puteți pur și simplu să dați clic dreapta pe zonă și să selectați „Inspect”.
Pentru mai multe informații, puteți consulta ghidul nostru despre bazele elementului Inspect.

Acum, ceea ce doriți să faceți este să plutiți cursorul peste liniile HTML și CSS din partea dreaptă sus a paginii.
Când vedeți că întreaga zonă a barei laterale este evidențiată, faceți clic pe acea linie. Pentru noi, a fost <aside id=”secondary” class=”sidebar widget-area”>.

Fila „Stiluri” din partea de jos a paginii conține toate proprietățile CSS legate de bara laterală.
În cazul nostru, am văzut că clasa CSS pentru zona barei laterale este .sidebar. Există și reguli care determină poziția barei laterale, care, în acest caz, este partea stângă.
Important: Numele claselor precum .sidebar și .content-area utilizate în acest tutorial sunt specifice temei noastre de exemplu. Trebuie să utilizați numele exacte ale claselor pe care le-ați descoperit pentru tema dvs. în pasul anterior.
Știm acest lucru deoarece, atunci când debifăm regula margin-left, bara laterală se mută pe cealaltă parte.

Iată codul pentru zona de sidebar a temei noastre:
.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}
Puteți copia și lipi acest cod într-un editor de text, deoarece vom avea nevoie de el pentru o etapă ulterioară. Sau, puteți pur și simplu să păstrați acest tab deschis pentru mai târziu.
Acum că știm clasa CSS pentru zona barei laterale, trebuie să găsim și clasa pentru zona de conținut principal care afișează toate postările sau conținutul postărilor dvs.
Ceea ce puteți face este să treceți cu mouse-ul peste liniile HTML și CSS pentru a vedea ce linie evidențiază zona de conținut principal. Aici, am descoperit că a fost linia <div id=”primary” class=”content-area”>.

Ca și înainte, puteți derula în jos la fila „Stiluri” pentru a vedea care este clasa CSS pentru acea zonă. În acest caz, a fost .content-area. Iată codul pentru aceasta:
.content-area {
float: left;
margin-right: -100%;
width: 70%;
}
Din nou, puteți copia și lipi codul CSS al zonei de conținut într-un editor de text sau puteți lăsa această filă deschisă pentru următorul pas.
Acum că știm clasele CSS ale zonei dvs. de sidebar și de conținut, putem edita fișierul dvs. style.css al temei pentru a schimba partea sidebar-ului.
Pasul 2: Personalizați fișierul style.css al temei dvs.
De obicei, va trebui să editați direct fișierul style.css folosind managerul de fișiere al furnizorului dvs. de găzduire web sau clientul FTP. Cu toate acestea, fișierul style.css poate fi destul de lung și, dacă faceți o greșeală, aceasta ar putea afecta întregul design al site-ului dvs. și vă poate strica experiența utilizatorului.
De aceea recomandăm utilizarea WPCode. Am constatat că este cea mai sigură și mai ușoară modalitate de a adăuga CSS personalizat fără a edita direct fișierele temei dvs.
Dacă modificările codului dvs. cauzează erori neintenționate, îl puteți dezactiva printr-un singur clic, iar site-ul dvs. va reveni la normal.
Pentru a afla mai multe, consultați recenzia noastră WPCode.
Notă: Pentru acest tutorial, puteți utiliza versiunea gratuită WPCode, dar actualizarea la un plan premium vă va oferi acces la funcții mai avansate. Pentru mai multe informații, consultați recenzia noastră completă WPCode.
Mai întâi, instalați WPCode pe WordPress. Dacă aveți nevoie de instrucțiuni pas cu pas, citiți ghidul nostru despre cum să instalați un plugin WordPress.
Odată terminat, accesați Fragmente de cod » + Adăugați fragment. Apoi, selectați „Adăugați propriul cod personalizat (Fragment nou)” și faceți clic pe butonul „+ Adăugați fragment personalizat”.

Acum, introduceți un titlu pentru codul dvs. personalizat. Poate fi ceva de genul „Schimbă partea barei laterale”.
Apoi, schimbați Tipul de cod în „Fragment CSS”.

Odată terminat, trebuie să introduceți fragmentele de cod CSS ale zonei de sidebar și ale zonei de conținut în caseta Previziune cod.
Le puteți separa cu un spațiu gol pentru a le identifica ușor, astfel:
.sidebar {
float: left;
margin-left: 75%;
padding: 0;
width: 25%;
}
.content-area {
float: left;
margin-right: -100%;
width: 70%;
}
Acum, să personalizăm acest cod CSS. Ceea ce vrei să faci este să schimbi proprietățile CSS care definesc plasarea zonelor barei laterale și a conținutului principal.
În cazul nostru, aceste clase CSS au proprietăți float, margin, padding și width, dar acest lucru poate arăta diferit în funcție de tema dvs.
Pentru zona barei noastre laterale, am schimbat left în right în proprietățile float și margin. Acest lucru înseamnă că zona barei laterale va fi în direcția opusă față de locul unde a fost plasată inițial.
.sidebar {
float: right;
margin-right: 75%;
padding: 0;
width: 25%;
}
Cu acea parte finalizată, să schimbăm poziționarea zonei de conținut. Ceea ce a funcționat pentru noi este că am schimbat float: left în float: right și margin-right în margin-left. Acest lucru îi spune WordPress să mute zona de conținut în dreapta.
În plus, am adăugat proprietățile position: relative și right: 100%. Acestea asigură că zona de conținut nu va ieși prea mult în partea dreaptă.
.content-area {
float: right;
margin-left: -100%;
width: 70%;
position: relative;
right: 100%;
}
Din nou, ceea ce funcționează pentru tema noastră s-ar putea să nu funcționeze cu a ta, deoarece fiecare temă are nume diferite pentru clasele sale CSS și folosește proprietăți diferite. Vă recomandăm să citiți această referință CSS completă pentru a afla ce funcționează cel mai bine pentru tema dvs.
În plus, nu ezitați să experimentați cu procentele lățimii și marginilor din cod pentru a ajusta poziționarea barei laterale.
După ce ați modificat fragmentul de cod, derulați în jos la secțiunea Inserare. Asigurați-vă că Metoda de inserare este „Inserare automată”.
În ceea ce privește Locația, selectați „Subsol la nivelul întregului site” pentru ca codul dvs. să poată suprascrie codul existent din fișierul style.css.
Acum, puteți face clic pe comutatorul din colțul din dreapta sus pentru a face codul „Activ” și faceți clic pe „Salvare fragment”. Apoi, previzualizați site-ul dvs. web pentru a vedea rezultatele.

Dacă vă uitați la capturile de ecran de mai sus, puteți vedea că bara laterală de pe site-ul nostru demo era pe partea dreaptă.
După editarea codului din style.css, tema are acum o bară laterală stângă:

Acum că ați schimbat partea laterală a barei laterale, puteți începe să schimbați sau să adăugați mai mult conținut în bara laterală. Iată câteva idei care vă pot ajuta:
- Cum să adăugați o imagine în widget-ul barei laterale WordPress
- Cum să adăugați un link la titlurile widgeturilor în WordPress
- Cum să adăugați stiluri personalizate la widgeturile WordPress
- Cum să dezactivați widgeturile nedorite în WordPress
- Cum să personalizați afișarea arhivelor WordPress în bara laterală
💡Sfat Pro: Unele teme moderne folosesc un sistem CSS numit Flexbox în locul float-urilor.
Dacă folosiți instrumentul Inspect și găsiți o proprietate precum display: flex; în containerul care deține conținutul și bara laterală, s-ar putea să puteți adăuga pur și simplu flex-direction: row-reverse; la acesta pentru a schimba partea barei laterale.
Metoda 3: Cum să schimbați partea laterală a barei laterale cu FSE (Teme cu blocuri)
Dacă utilizați o temă de blocuri, atunci nu veți vedea o secțiune Widgeturi în administratorul dvs. WordPress. S-ar putea să vă întrebați cum să schimbați poziția barei laterale dacă acel meniu nu există.
Din fericire, procesul este mult mai simplu comparativ cu cel pentru temele clasice. Acest lucru se datorează faptului că temele de blocuri folosesc blocuri Gutenberg și puteți pur și simplu să trageți și să plasați elementele pentru a le schimba poziția folosind editorul de site complet (FSE).
În al doilea rând, temele bloc vor avea de obicei un șablon care include un sidebar. Trebuie doar să schimbăm asta, iar fiecare pagină care folosește șablonul va fi afectată. Puteți verifica documentația temei dvs. pentru a vedea cum se numește șablonul pentru a-l accesa.
Pentru demonstrație, vom folosi tema Twenty Twenty-Four, care întâmplător are o pagină cu un șablon de bară laterală.
Mai întâi, accesați Aspect » Editor în tabloul de bord.

Aici vei vedea câteva meniuri pentru a-personaliza tema blocului.
Selectați „Șabloane”.

Acum, găsiți șablonul cu bara laterală pe care ați dori să o editați.
În Twenty Twenty-Four, acestea sunt „Pagina cu bară laterală” și „Singur cu bară laterală”. În funcție de tema dvs., numele șablonului s-ar putea să nu menționeze clar că are o bară laterală, așa că, din nou, ar trebui să verificați documentația temei dvs.
Continuați și selectați acel șablon de bară laterală.

De obicei, temele bazate pe blocuri vor include bara laterală și zona de conținut principal într-un bloc de coloane. Acest lucru menține totul ordonat, organizat și frumos separat unul de celălalt.
Pentru a schimba partea laterală a barei laterale, trebuie doar să selectați coloana care alcătuiește bara laterală și să o mutați.
Cel mai ușor mod de a face acest lucru este să faceți clic pe funcția „Vizualizare listă” din partea stângă a paginii.
Apoi, faceți clic pe blocul „Coloane” pentru a-l extinde și treceți cu mouse-ul peste conținutul acestuia până când găsiți coloana care conține elementele din bara laterală.
În cazul nostru, a ajutat faptul că tema Twenty Twenty-Four are o parte de șablon numită „Sidebar”, așa că identificarea ei a fost ușoară. Acestea fiind spuse, unele teme pot include doar un grup de blocuri obișnuit, fără nume, care alcătuiesc bara laterală.
Vei ști că ai selectat coloana corectă atunci când o evidențiere rectangulară și o bară de instrumente apar în jurul întregului grup de blocuri pentru bara laterală.

Acum, în bara de instrumente a coloanei laterale, veți vedea săgeți pe care le puteți folosi pentru a schimba poziționarea coloanei.
Faceți clic pe el și, în funcție de modul în care este conceput blocul Coloane, poate fi necesar să ajustați poziția până când găsiți potrivirea corectă.

Dezvoltatorul temei ar fi putut adăuga câteva coloane goale pentru a crea spațiu între zona principală de conținut și zona barei laterale.
Dacă doriți să o ștergeți, găsiți pur și simplu coloana goală potrivită folosind funcția Vizualizare listă, ca înainte. Apoi, în bara de instrumente a blocului, faceți clic pe meniul cu trei puncte și selectați „Ștergere”.

Sau, dacă doriți să faceți mai mult spațiu între zona de sidebar și zona de conținut, puteți deschide fila Setări bloc și puteți trece la secțiunea „Stiluri”.
Apoi, în secțiunea „Dimensiuni”, poți trage glisorul pentru padding, margin sau spațierea blocurilor.

Odată terminat, faceți clic pe „Salvați”.
Apoi, puteți previzualiza toate paginile pe mobil și desktop care folosesc șablonul pe care tocmai l-ați editat pentru a vedea cum arată.

Ce se întâmplă dacă ați editat șablonul, dar paginile sau postările dvs. nu îl folosesc?
Tot ce trebuie să faceți este să deschideți pagina sau postarea în editorul de blocuri. Apoi, în panoul de setări al postării, faceți clic pe linkul din câmpul „Șablon” și selectați „Swap template” (Schimbă șablonul).

Acum, alegeți șablonul care folosește bara laterală.
După aceea, puteți actualiza pagina sau postarea.

Pentru mai multe sfaturi și trucuri legate de utilizarea editorului de site complet sau a editorului de blocuri, consultați aceste ghiduri:
- Cum să editezi un site WordPress (Ghid complet)
- Cum să personalizați culorile pe site-ul dvs. WordPress
Metoda 4: Cum să schimbi partea barei laterale cu CSS Hero (Toate temele)
Următoarea metodă folosește un plugin plătit numit CSS Hero, care este cel mai bun plugin WordPress pentru editarea vizuală a CSS. Acest plugin face ușor să personalizați CSS-ul temei dvs. fără a atinge niciun cod, fiind excelent pentru începători.
Această metodă funcționează și cu toate temele, deci dacă găsiți că metodele anterioare sunt ușor limitative, atunci o puteți folosi pe aceasta în schimb. Acestea fiind spuse, nu există o versiune gratuită a pluginului, deci trebuie să achiziționați un plan plătit.
Pentru mai multe informații despre plugin și prețurile sale, consultați recenzia noastră despre CSS Hero.
Mai întâi, descărcați pluginul pe computer și instalați-l pe site-ul dumneavoastră WordPress. Pentru instrucțiuni pas cu pas, consultați ghidul nostru pentru începători despre cum să instalați un plugin WordPress.
Odată instalat, veți vedea un meniu „CSS Hero” în bara de instrumente. Faceți clic pe el pentru a deschide editorul vizual CSS.

Rețineți că, deoarece nu toate temele WordPress funcționează la fel, modul în care utilizați CSS Hero pentru a schimba partea barei laterale va fi diferit. Prin urmare, vă încurajăm să experimentați cu platforma pentru a vedea ce funcționează pentru dvs.
Acestea fiind spuse, vă vom arăta ce setări am personalizat pentru a schimba partea laterală a barei laterale din dreapta în stânga.
Mai întâi, faceți clic pe zona barei laterale de pe pagina dvs. Veți ști că ați selectat-o pe cea corectă atunci când toate elementele din bara laterală sunt selectate ca grup și au o evidențiere rectangulară în jurul lor.

Pe partea stângă a paginii, veți vedea câteva meniuri pentru a vă personaliza elementele.
Din experiența noastră, setările care pot schimba poziționarea barei laterale sunt Poziție, Măsuri și Spațiere.

Poziția determină cum este plasată bara laterală în raport cu celelalte elemente de pe pagină. Aici, puteți selecta „Absolut”, ceea ce vă va oferi o anumită libertate cu privire la locul unde ar trebui să fie bara laterală.
De aici, puteți modifica pixeli pentru Top, Dreapta, Jos și Stânga pentru a plasa bara laterală.

Puteți vedea că acum bara laterală și zona principală de conținut sunt pe aceeași parte.
Pentru a remedia acest lucru, puteți pluti peste containerul care alcătuiește zona principală de conținut și faceți clic pe el.

Acum, în panoul lateral din stânga, ajustați setările de Poziție până când găsiți potrivirea corectă.
Ceea ce am făcut a fost să lăsăm poziția ca „Relativă” și am ajustat pixeli din dreapta.

Tehnic, tot ce trebuie să faci este acest lucru. Dar dacă dorești să ajustezi dimensiunea barei laterale, selectează zona barei laterale și accesează setările „Măsuri”.
Aici poți schimba lățimea și înălțimea barei laterale.

Dacă doriți să modificați spațiul dintre zona barei laterale și zona de conținut principal, atunci puteți accesa „Spațieri”.
Veți vedea niște glisoare pentru a ajusta padding-ul și marginile elementului aici.

Din nou, vă încurajăm să explorați setările acestui plugin pentru a schimba partea barei laterale după cum doriți.
Odată ce ați terminat, puteți face clic pe butonul „Salvare” din colțul din dreapta jos al paginii.

Alternativă: Creați sidebar-uri personalizate cu un plugin de page builder WordPress
Până acum, am explorat metode de a schimba locația barei laterale pentru întregul dvs. site web. Dar ce se întâmplă dacă doriți doar bare laterale specifice pentru anumite pagini sau tipuri de postări? La urma urmei, nu fiecare pagină are nevoie de același conținut al barei laterale.
De exemplu, pagina dvs. de pornire ar putea beneficia de o bară laterală mai generală cu pictograme de rețele sociale și un apel la acțiune. Cu toate acestea, o pagină de produs ar putea fi mai potrivită cu o bară laterală care prezintă produse similare sau recenzii ale clienților.
În acest caz, ați putea dori să creați bare laterale personalizate pentru tema dvs. WordPress. Cu bare laterale personalizate, puteți:
- Atribuiți bare laterale specifice diferitelor pagini sau tipuri de postări. Acest lucru vă permite să adaptați conținutul barei laterale la nevoile specifice ale fiecărei pagini.
- Creați o experiență de utilizare mai dinamică și mai captivantă. Oferind conținut relevant în bara laterală, puteți menține vizitatorii implicați și interesați să exploreze mai mult site-ul dvs.
Aici intervine la îndemână un plugin de creare pagini WordPress. Aceste pluginuri oferă funcționalitate drag-and-drop și biblioteci extinse de șabloane, facilitând crearea de bare laterale personalizate.
Recomandăm utilizarea SeedProd, care este un plugin popular și ușor de utilizat pentru crearea de pagini și teme. Cu SeedProd, puteți proiecta cu ușurință pagini și teme personalizate cu interfața sa intuitivă.

Puteți consulta aceste articole pentru mai multe informații:
- Cum să adăugați un antet, un subsol sau o bară laterală personalizată pentru fiecare categorie
- Cum să afișați o bară laterală diferită pentru fiecare postare și pagină în WordPress
Alternativ, puteți utiliza constructorul de pagini Thrive Architect. Acest instrument are, de asemenea, o mulțime de kituri de teme și șabloane de pagini de destinație și oferă chiar o funcție pentru a crea un widget de bară laterală plutitoare lipicioasă. Acest lucru este util pentru a menține bara laterală lipicioasă pe măsură ce utilizatorii derulează în jos pe pagină.
Întrebări frecvente despre barele laterale WordPress
Iată câteva întrebări pe care cititorii noștri le pun frecvent despre barele laterale de pe site-urile lor web:
Cum schimb poziția barei laterale în WordPress?
Metoda pe care o folosești depinde de tema ta. Pentru temele clasice, poți schimba poziția în Personalizare temă dacă opțiunea există sau prin adăugarea de CSS personalizat. Pentru temele moderne bazate pe blocuri, poți pur și simplu să tragi și să plasezi coloana laterală în cealaltă parte în Editorul complet al site-ului.
Cum să personalizezi bara laterală în WordPress?
Poți personaliza conținutul barei laterale folosind fie widget-uri, fie blocuri. Dacă ai o temă clasică, navighează la Aspect » Widget-uri pentru a adăuga sau elimina elemente.
Dacă folosești o temă bazată pe blocuri, mergi la Aspect » Editor și editează direct partea de șablon a barei laterale adăugând sau eliminând orice bloc WordPress.
Cum adaug o bară laterală stângă și una dreaptă în WordPress?
Adăugarea ambelor bare laterale, stânga și dreapta, necesită o temă care suportă un aspect cu trei coloane.
Dacă tema ta nu are această opțiune încorporată, cea mai ușoară modalitate de a crea un aspect personalizat cu trei coloane este cu un plugin constructor de pagini WordPress precum SeedProd sau Thrive Architect.
Cum să schimbi lățimea barei laterale în WordPress?
Cea mai fiabilă metodă de a schimba lățimea barei laterale este cu CSS personalizat. Poți folosi instrumentul de Inspecție al browserului tău pentru a găsi selectorul CSS al barei tale laterale și apoi să adaugi o nouă regulă de lățime, cum ar fi .sidebar { width: 30%; }.
Alternativ, un plugin precum CSS Hero îți permite să ajustezi lățimea vizual, fără cod.
Sperăm că acest tutorial WordPress v-a ajutat să învățați cum să schimbați partea laterală a barei laterale în WordPress. De asemenea, ați putea dori să consultați articolul nostru despre cum să adăugați un meniu responsive pe tot ecranul în WordPress și lista noastră cu cele mai bune trucuri pentru bara laterală WordPress pentru a obține rezultate maxime.
Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Fred
Mulțumesc pentru pontul de a schimba bara laterală în clasic. M-a ajutat mult!!
Suport WPBeginner
You’re welcome
Admin
Steven Denger
Ar fi frumos dacă ar funcționa. A mutat-o, dar îmi aruncă bara laterală în partea de jos a paginii.
Suport WPBeginner
Se pare că tema dvs. specifică ar putea avea un CSS conflictual sau similar. Dacă verificați cu suportul temei, aceștia ar trebui să vă poată ajuta.
Admin
Dragoon
Am găsit 116 .sidebar diferite în tema mea, pe care ar trebui să o editez?
mama
cum să mut câmpul de comentarii de la dreapta la stânga în wordpress
primul comentariu apoi data postării apoi categoria
Yogi
Acesta este un articol frumos, plutirea de la dreapta la stânga funcționează aici. Aș sugera, de asemenea, să creați un nou șablon pentru acest lucru, unde unul afișează bara laterală în stânga și celălalt afișează bara laterală în dreapta. Acest lucru va oferi utilizatorilor opțiunea de a selecta designul dorit pentru pagină.
Ronny
Pe cât de bun este acest tutorial, am observat că este plin de multe erori. De exemplu, nu există nicio modificare între regula @media și cea modificată. Vă rugăm să verificați din nou toate codurile din articol.
Mulțumesc, oricum…