Ju ka ndodhur ndonjëherë kjo? Ju instaloni një plugin, ai ka funksionalitetin e saktë që kërkoni, por… nuk funksionon siç duhet. Edhe pas ndryshimit të të gjitha cilësimeve, kjo e fundit nuk përshtatet gjithmonë me tuajat WordPress theme. Pra, për shkak të këtij defekti të vogël, ndoshta po mendoni të zgjidhni një zgjidhje tjetër.
Akoma, nëse jeni pak DIY, dhe mund të keni qenë në gjendje të shtoni kodin CSS këtu dhe atje për të zgjidhur një problem në blogun tuaj, atëherë mund ta rregulloni, veçanërisht nëse në shtojcën që nuk funksionon jo si duhet, zhvilluesi nuk ofron seksion CSS, do të duhet ta bëni vetë.
Ky tutorial do t'ju lejojë ta arrini këtë duke shtuar një kod të saktë në tuaj plugin 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.
Pastaj, përsëri në faktin pse ne jemi këtu.
Stilet e personalizuara të CSS = Më shumë kontroll mbi paraqitjen
Stilet e personalizuara të CSS ju lejojnë të manipuloni pamjen e elementeve të ndryshme përtej asaj që synonte zhvilluesi. Sot, shumë shtojca të nivelit të lartë përfshijnë mundësi stilimi të personalizuara, por shtojcat falas nuk janë gjithmonë mjaft të përpikta në këtë drejtim.
Merrni një nga shtojcat më të njohura: Kontaktoni 7 Form. Ajo ofron shumë pak manovrim nga ana e CSS. Sidoqoftë, falë CSS të personalizuar, ju mund të ndryshoni plotësisht të gjitha aspektet e formave tuaja.
Por prapëseprapë, madje edhe shtojcat me mundësi të hollësishme nuk ju japin gjithmonë mundësinë për të rregulluar kodin CSS.
Kështu që, të mësosh pak CSS, dhe ta shtosh në mënyrë të sigurt, do të të lejojë të jetë në gjendje të modelojë atë që vizitorët mund të shohin
Pse duhet të shtoni saktë kodin CSS?
Ju sigurisht nuk doni të shtoni CSS të çrregullt në faqen tuaj të internetit. Siç mendojnë shumë zhvillues, ekziston një mënyrë e mirë dhe e keqe për të shtuar kodin CSS në blogun tuaj.
Zbuloni tonë Plugins 4 WordPress për të rregulluar CSS në blogun tuaj
Kur shtoni stilet CSS në mënyrën e duhur, ato do të jenë gjithmonë të sigurta, edhe nëse i përditësoni WordPress theme, dhe do të mund t'i kopjoni dhe ngjitni lehtësisht në një temë të re nëse ndonjëherë vendosni të ndryshoni tuajën.
Shih gjithashtu Si të personalizoni CSS-në e faqes suaj të WordPress-it
Në të kundërt, duke i shtuar ato në mënyrë të gabuar, kodi juaj CSS do të ekspozohet shumë më tepër dhe mund të mos jetë efektiv. Disa prej jush përdorin WordPress theme Divi. Kështu që unë do t'ju tregoj se si të shtoni kodin CSS në këtë temë të WordPress.
Ku të shtoni një stil CSS në Divi
Për të shtuar në mënyrë të sigurt një kod CSS në Divi, do t'ju duhet të përdorni " Options Theme Në menunë tuaj Divi:
Pastaj, në skedën "Përgjithshëm" (e cila do të jetë skeda e ngarkuar si parazgjedhje), do t'ju duhet të lëvizni në fund të faqes. Aty do të gjeni një pjesë të quajtur " Custom CSS '
Teknikisht, gjithçka që ju duhet të bëni është të futni kodin tuaj personal CSS këtu dhe të klikoni " ruaj Ndryshimet ". Por, sepse duam që të jetë vërtet e lehtë për të lëvizur ose kopjuar, ne do ta bëjmë atë një hap më tej. Zbuloni udhëzime të tjera mbi Divi duke u këshilluar burimet tona më të mira në Divi
Për shkak se ju mund të keni shtuar tashmë disa kode me porosi në Divi, do t'ju ndihmojë të organizoni CSS me porosi në këtë seksion. Për ta bërë këtë, ju duhet të shtoni një koment duke thënë diçka si " Stilet CSS fillojnë këtu nga shtojca ". Pastaj mund të shtoni kodin personal CSS në këtë seksion.
Për të shtuar një koment, gjithçka që duhet të bëni është të kopjoni dhe ngjitni këtë kod:
/ * CSS Styles Plugin Filloni këtu * /
Komenti nuk do të ndikojë në asgjë, por do t'ju ndihmojë të organizoni stilet tuaja të ndryshme me porosi CSS. Divi gjithashtu do të mbajë të sigurt stilet tuaja CSS gjatë azhurnimeve, kështu që ju nuk mund të shqetësoheni për humbjen e tyre.
Ku të shtoni kodin CSS në temat e tjera të WordPress
Nëse përdorni një temë tjetër të WordPress, do të duhet të shtoni kodet tuaja CSS të personalizuara në temën e fëmijës tuaj. Nëse nuk përdorni një temë për fëmijë, ose nuk e dini se çfarë është, ju ftoj ta lexoni këtë tutorial: Si të instaloni një temë për fëmijë në WordPress
Duke supozuar se e keni të vendosur temën e fëmijës tuaj, mund ta ndryshoni drejtpërdrejt në pultin e WordPress tuaj duke shkuar te " Pamja> Redaktuesi "
Sigurohuni që të ndryshoni temën e saktë të fëmijës. Ndryshimet tuaja duhet të bëhen në skedar " styles.css '.
Atëherë ju vetëm duhet të shtoni CSS tuaj të personalizuar pikërisht siç keni bërë më parë. Së pari, krijoni një bllok komentesh dhe shtoni kodin tuaj:
Për ta përmbledhur
Para se të filloni këtë aventurë, do t'ju duhet të keni disa njohuri për CSS. Ju do të gjeni kurse të ndryshme online. Gjithashtu, duhet të dini që shtimi i një kodi nuk ka të bëjë vetëm me shtimin e kodit. Për të gjetur veten në ndryshimet tuaja, do të duhet të përdorni blloqe komentesh për shembull për të dhënë një arsye për çdo ndryshim të CSS.
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. Slider Pro
Slider Pro është një nga tre shitësit më të mirë të CodeCanyon. Siguron një ndërfaqe përdorimi të pastër dhe intuitivë në zonën e administratës dhe një përvojë të qetë të shfletimit për përdoruesit dhe vizitorët.
Ajo shmang fantazitë e panevojshme, të cilat shpesh janë pengesë për përdoruesit që kërkojnë informacionin e nevojshëm. Për më tepër, ai përqendrohet në thjeshtësinë dhe performancën, ndërsa ofron një gamë të gjerë të mundësive të personalizimit.
Zbuloni gjithashtu Si të krijoni një Slideshow me Slider Revolution në WordPress
Menaxhimi i tij i Urls në shiritin e kërkimit të shfletuesit është një nga karakteristikat që na shënoi në këtë të fundit. Siç sugjeron emri, kjo është zgjidhja profesionale që ju nevojitet.
Lexoni edhe tonë 5 plugins WordPress për të krijuar FAQ në një blog
Karakteristikat e saj janë:Shfrytëzimi i optimizuar i imazheve, fpersonalizim i lehtë,Nemat e rrjedhshme, fshumë paraqitje et më shumë.
Shkarkim | Demo | web hosting
2. ARMember
Anëtar i ARM është një plugin WordPress mbrojtjen e përmbajtjes. Është një zgjidhje unike që ju lejon të shesni abonime në çdo faqe interneti. Ka një gamë të tërë mjetesh që ju lejojnë mbroj plotësisht ose pjesërisht përmbajtjen e tij.
Një tjetër veçori e tij është fakti që ofron një opsion falas i cili është paksa i kufizuar për sa i përket funksionalitetit. Duke folur për veçoritë, kjo është e fuqishme plugin WordPress ofron ndër të tjera: Mundësinë e planifikoni përmbajtjen e saj, mbështetje për disa plane pajtimesh, konfigurim të lehtë, migrim midis planeve të ndryshme të pajtimeve, Mbështetje WooCommerce, disa modele të formatDhe shumë më tepër.
Alsoshtë gjithashtu një referencë në këtë kamare.
Shkarko | DEMO | web hosting
3. Transporti i bazuar në shporta WooCommerce
Shporta e Transportit Bazuar ju lejon të vendosni tarifa të ndryshme transporti bazuar në artikujt që një klient ka në shportën e tyre. Ekzistojnë tre metoda të llogaritjes: nga çmimi i përgjithshëm, nga numri i artikujve në shportë dhe nga pesha.
Për shembull, sa më e madhe të jetë nëngrupi ose pesha e shportës, ose sa më shumë artikuj të blejë konsumatori, aq më e lartë është edhe shkalla e transportit.
Shihni edhe tonë 10 plugins WooCommerce për të krijuar skenarë transporti
Mund ta vendosni që kjo veçori të jetë e disponueshme vetëm në vende të caktuara.
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ë fsheh lidhjet filiale në WordPress
- Si t’i mbani vizitorët tuaj më gjatë në faqen tuaj të internetit
- 9 WordPress plugins për të menaxhuar katalogun e produktit tuaj
- 5 plugins WordPress për të krijuar FAQ në një blog
Përfundim
Kjo është ajo! Kjo është ajo për këtë tutorial që ju tregon se si të shtoni kodin personal CSS të sigurt në WordPress. Nëse keni komente ose sugjerime, mos hezitoni të na njoftoni në pjesën e rezervuar.
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 ose atë më Divi: tema më e mirë e WordPress të të gjitha kohërave.
Por në ndërkohë, ndajeni këtë artikull në rrjetet tuaja të ndryshme sociale.
...