Kohët e fundit një nga lexuesit tanë na pyeti se si ta ndryshojmë anën e shiritit anësor të një teme WordPress?
Ne zakonisht e marrim këtë pyetje nga përdoruesit që duan të ndryshojnë vendndodhjen e shiritit anësor nga e majta në të djathtë ose nga e djathta në të majtë.
Në këtë tutorial, ne do t'ju tregojmë se si të ndryshoni vendndodhjen e shiritit anësor në WordPress.
Por më parë, nëse nuk keni instaluar kurrë WordPress zbuloni Si të instaloj një WordPress blog hapa 7 et Si të kërkoni, instaloni dhe aktivizoni një temë WordPress në blogun tuaj
Atëherë kthehu pse ne jemi këtu.
Pse të ndryshoni vendndodhjen e shiritit anësor në WordPress?
Ekspertët e përdorshmërisë besojnë se njerëzit skanojnë faqet nga e majta në të djathtë. Ata rekomandojnë vendosjen e përmbajtjes së rëndësishme në të majtë në mënyrë që përdoruesit ta shohin më parë këtë përmbajtje. Sidoqoftë, kjo mund të kthehet nëse faqja juaj në internet është në një gjuhë RTL (djathtas në të majtë).
Gjeni nëse duhet që blog-u juaj në WordPress të ketë shtyllat anësore
Shumë uebfaqe WordPress përdorin paraqitjen tipike të blogut me dy kolona. Një për përmbajtjen, dhe kolona tjetër për shiritin anësor.
Nëse jeni i ri në faqet e internetit, atëherë duhet të zgjidhni një temë WordPress që ka një shirit anësor në faqen tuaj të preferuar.
shumë Temat e WordPress ofroni opsione për të ndryshuar anën e shiritit anësor në cilësimet e shiritit anësor. Sidoqoftë, nëse tema juaj WordPress nuk e ka këtë mundësi, do t'ju duhet të ndryshoni anën e shiritit anësor manualisht. Shkoni më tej duke zbuluar si të hiqni shiritin anësor në WordPress
Thënë kjo, le të hedhim një vështrim në metodën që duhet të përdorni për të ndryshuar me lehtësi anën e shiritit anësor të WordPress duke përdorur CSS.
Ndryshimi i shiritit anësor me CSS
Para se të bëni ndonjë ndryshim në temën tuaj WordPress, së pari duhet të konsideroni krijimi i një teme fëmije. Duke përdorur një temë për fëmijë, ju do të jeni në gjendje të azhurnoni temën e prindërve tuaj pa humbur ndryshimet tuaja.
Zbuloj Si për të shfaqur një sidebar të ndryshme për çdo artikull në WordPress
Së dyti, gjithmonë duhet të krijoni një kopje rezervë të faqes suaj të WordPress kur bëni ndryshime në kohë reale në temën tuaj aktive.
Do t'ju duhet një klient FTP për të redaktuar skedarët e temave WordPress. Konsultohuni me udhëzues se si të përdorni FTP.
Hyni në faqen tuaj te WordPress duke përdorur klientin FTP dhe lundroni te dosja e temave. Zakonisht ndodhet në:
/ Yoursite / wp-content / themes / tuaj-theme-dosje /
Tani duhet të shkarkoni dhe hapni skedarin kryesor të stileve të temës tuaj WordPress në një redaktues teksti si Notepad. Kjo skedar quhet style.css, dhe është në drejtorinë themelore të temës suaj WordPress.
Zbuloj si të menaxhoni skedarët dhe dosjet e WordPress
Në këtë skedar, gjeni klasën CSS të shiritit tuaj anësor. Në përgjithësi kjo klasë është " sidebar ". Në këtë shembull, ne përdorim temën e parazgjedhur të WordPress " njëzet e pesëmbëdhjetë Kush e ka këtë klasë për shiritin anësor:
.sidebar {noton: majtas; diferenca e djathtë: -100%; gjerësia maksimale: 413px; pozicioni: relativ; gjerësia: 29.4118%; }
Siç mund ta shihni, shirita anësor noton në të majtë me një diferencë prej -100%. Ne do ta ndryshojmë noton në të djathtë:
.barbar {noton: drejt; margjina e majtë: -100%; gjerësia maksimale: 413px; pozicioni: relativ; gjerësia: 29.4118%; }
Ruani ndryshimet tuaja dhe ngarkoni skedarin style.css në faqen tuaj të internetit duke përdorur një klient FTP. Tani, nëse vizitoni faqen tuaj të internetit, do të duket kështu:
Në të vërtetë, ne lëvizëm shiritin anësor, por nuk lëvizëm zonën e përmbajtjes. " njëzet Pesëmbëdhjetë Përdor këtë CSS për të përcaktuar pozicionin e zonës së përmbajtjes.
ekrani-përmbajtja {ekrani: bllok; noton: majtas; margjina e majtë: 29.4118%; gjerësia: 70.5882%; }
Ne do ta ndryshojmë atë për të lëvizur përmbajtjen në të djathtë. Si më poshtë:
ekrani-përmbajtja {ekrani: bllok; noton: majtas; diferenca e djathtë: 29.4118%; gjerësia: 70.5882%; }
Ja se si do të duket faqja juaj në internet pas aplikimit të këtij kodi CSS.
Siç mund ta shihni ne kemi ndryshuar vendndodhjen e zonës së përmbajtjes dhe shiritin anësor. Megjithatë, ka ende një bllok të bardhë në të majtë.
Shkoni më tej duke zbuluar si të menaxhoni skedarët dhe dosjet e WordPress
Shpesh do të hasni në këto gabime kur punoni me CSS. Do të duhet ca punë detektive për të kuptuar se çfarë po e shkakton këtë dhe si ta rregullojmë.
Përdorni mjetin "Inspektor" i shfletuesit tuaj për të parë kodin burim. Vendosni miun në rajonin e prekur në shfletuesin, klikoni me të djathtën dhe zgjidhni "Inspektori" nga menyja e shfletuesit.
Ndërsa lëvizni miun përreth pamjes së kodit burimor, do të vini re që zonat në të cilat ndikon janë të theksuara në pamjen paraprake të drejtpërdrejtë. Në panelin e djathtë, do të jeni në gjendje të shihni CSS të përdorur për atë element të zgjedhur.
Zbuloni tonë Shtojcat 5 WordPress për të redaktuar vizualisht CSS në blogun tuaj
Kështu që CSS që korrespondon me artikullin e theksuar duhet të korrigjohet.
ekrani @media dhe (min-gjerësia: 59.6875em) {trupi: para {sfond-ngjyra: #fff; kuti-hije: 0 0 1px rgba (0, 0, 0, 0.15); përmbajtja: ""; ekran: bllok; lartësia: 100%; min-lartësia: 100%; pozicioni: i fiksuar; krye: 0; majtas: 0; gjerësia: 29.4118%; indeksi z: 0; / * Ndreq gabimin e ndezjes me lëvizje në Safari * /}
Ky kod CSS shton një bllok bosh me gjerësi 29,4118% dhe një gjerësi prej 100% në pjesën e sipërme të majtë. Ja se si do ta lëvizim atë në të djathtë.
ekrani @media dhe (min-gjerësia: 59.6875em) {trupi: para {sfond-ngjyra: #fff; kuti-hije: 0 0 1px rgba (0, 0, 0, 0.15); përmbajtja: ""; ekran: bllok; lartësia: 100%; min-lartësia: 100%; pozicioni: i fiksuar; krye: 0; djathtas: 0; gjerësia: 29.4118%; indeksi z: 0; / * Ndreq gabimin e ndezjes me lëvizje në Safari * /}
Pas ruajtjes dhe ngarkimit të stilit në server, kështu do të duket faqja juaj në internet.
Puna me CSS mund të jetë konfuze për fillestarët. Nëse nuk doni të bëni të gjithë punën manuale, atëherë mund të provoni Plugin CSS Hero i WordPress. Kjo ju lejon të redaktoni CSS pa shkruar kod, dhe punon me çdo temë WordPress.
Zbuloni gjithashtu disa shtesa premium WordPress
Mund të përdorni të tjera WordPress plugins për të dhënë një pamje moderne dhe për të optimizuar trajtimin e blogut ose faqes tuaj të internetit.
Ne ju ofrojmë këtu disa shtesa premium WordPress që do t'ju ndihmojnë ta bëni atë.
1. Zxeion
Zxeion është një i fuqishëm plugin WordPress premium përgjegjës për përmirësimin e sigurisë së faqes suaj të internetit. Kjo shtojcë përmban një koleksion mjetesh mbrojtjeje dhe sigurie që do të mbrojnë faqen tuaj të internetit kundër sulmeve të mundshme.
Sistemi i tij i mbrojtjes në kohë reale do t'ju ndihmojë të identifikoni kërcënimet në faqen tuaj të internetit dhe t'i bllokoni ato, pa pasur nevojë të bëni asgjë.
Zbuloni edhe tonë 7 shtojca për të rritur shtyllat anësore në WordPress
Karakteristikat e tij janë: mbrojtje në kohë reale, mbështetje e shkëlqyeshme për klientët, azhurnime të rregullta, bllokues i adresave IP, dokumentacion i shkëlqyeshëm, ndërfaqe moderne dhe profesionale, mbështetje e dedikuar për klientët dhe të tjera
Shkarko | DEMO | web hosting
2. Slaido
Slaido është një plugin WordPress premium që ju lejon të zgjidhni nga afro 320 shabllone rrëshqitës të përgjegjshëm dhe të importoni një prej tyre në faqen tuaj të internetit me vetëm disa klikime. Është një paketë e plotë shabllonesh, perfekte për Slider Revolution. Kështu që së pari duhet ta instaloni për ta përdorur plotësisht plugin WordPress
Karakteristikat e tij kryesore janë: një paraqitje e përgjegjshme e rrëshqitësve të saj, lehtësia e importimit ose eksportimit të rrëshqitësve, azhurnime të rregullta, mbështetje për klientët në dispozicion 24/7, animacione të rrjedhshme dhe shumë të këndshme, disponueshmëria e udhëzime video për një fillim të shpejtë, mbështetje për Google Fonts dhe shumë më tepër.
Shkarko | DEMO | web hosting
3. Na kontaktoni Formularin
Forma e Na Kontaktoni është një shtojcë premium e përgjegjshme WordPress dhe një mjet i thjeshtë, por i pasur me opsione personalizimi që ju lejon të shfaqni një formë të qartë dhe inkurajuese, në të cilën vizitorët tuaj mund t'ju kontaktojnë duke lënë mesazhin e tyre.
Ju do të jeni në gjendje të përcaktoni fushat e nevojshme, të zgjidhni skedarin më të mirë të fushave dhe ta rregulloni plotësisht atë për të inkurajuar klientët ose vizitorët tuaj të lënë sugjerimet ose mesazhet e tyre.
Ju ftojmë gjithashtu të lexoni: 10 WordPress plugins për të krijuar dhe menaxhuar një faqe interneti të restorantit
Thjesht vendosni adresën e postës elektronike ku dëshironi të merrni mesazhet dhe përdorni atë për të rritur biznesin tuaj në drejtimin më fitimprurës.
Shkarko | DEMO | web hosting
Burimet e rekomanduara
Mësoni rreth burimeve të tjera të rekomanduara për t'ju ndihmuar të ndërtoni dhe menaxhoni uebfaqen tuaj.
- Si të gjeni URL-në e hyrjes në blogun tuaj WordPress
- Si të krijoni një zonë super hero me tekst të animuar
- Si të personalizoni CSS-në e faqes suaj të WordPress-it
- Si të shtoni kategoritë në menunë e blogut tuaj WordPress
Përfundim
Kjo është ajo! Kjo është ajo për këtë tutorial. Shpresojmë që të ju ndihmojë të ndryshoni anën e shiritit anësor të blogut tuaj WordPress. të ndjehen të lirë për të ndajeni këtë artikull me miqtë tuaj në rrjetet tuaja të preferuara sociale.
Megjithatë, gjithashtu do të jeni në gjendje të konsultoheni me ne RESSOURCES, nëse keni nevojë për më shumë elemente për të realizuar projektet tuaja të krijimit të faqeve në Internet, duke u konsultuar me udhëzuesin tonë për Krijimi i blogut të WordPress.
Nëse keni sugjerime ose vërejtje, lërini ato në seksionin tonë komente.
...