A keni hasur ndonjëherë në një faqe në internet që boton artikujt e saj ndryshe në blog?
Disa uebfaqe kanë paraqitur artikuj të theksuar me një sfond të personalizuar, ndërsa të tjerët mund të kenë secilin postim të kategorisë me një pamje unike. Nëse gjithmonë keni dashur të mësoni se si të personalizoni çdo postim në WordPress, keni ardhur në vendin e duhur.
Në këtë tutorial, ne do t'ju tregojmë se si ta formësoni çdo artikull WordPress ndryshe.
Por, 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.
Remarque: Ky udhëzues kërkon që ju të shtoni CSS të personalizuar në WordPress. Ju gjithashtu do të duhet të përdorni mjetin Inspect. Kërkohen disa njohuri për CSS dhe HTML.
Dërgo stil individual mbi artikuj WordPress
WordPress shton klasa të paracaktuara CSS në elementë të ndryshëm të faqes tuaj të internetit. A WordPress theme përputhshmëria standarde duhet të ketë kodin e kërkuar nga WordPress për të shtuar klasa CSS për trupin, postimet, faqet, miniaplikacionet, menutë dhe më shumë.
Zbuloni gjithashtu udhëzuesin tonë Permalinks: Si të rregulloje lidhjet tuaja blog
Një funksion kryesor i WordPress i quajtur " post_class () Përdoret nga temat për të treguar WordPress ku t'i shtojë këto klasa të paracaktuar CSS në artikuj.
Nëse vizitoni faqen tuaj në internet dhe përdorni mjetin Inspect në shfletuesin tuaj, do të jeni në gjendje të shihni këto klasa të shtuara për secilin postim.
Këtu janë klasa CSS të shtuara si parazgjedhje bazuar në faqen e shfaqur nga një përdorues.
- i postës-Id
- .poster
- .attachement
- .gluant
- .hentry
- ID .category
- .category-name
- .tag-name
- .format- {madhësi-punes}
- {.type- post-type-name}
- .has post-thumbnail
- postës e-password-nevojshme
- .protected-nga-një-fjalëkalim
Një shembull i shfaqjes do të duket kështu:
Ju mund të personalizoni çdo botim të WordPress ndryshe, duke përdorur klasat përkatëse CSS.
Lexo gjithashtu: Si ta përmirësoni blogun tuaj WordPress këtë fundjavë
Për shembull, nëse doni të redaktoni një botim individual, mund të përdorni klasën e post-ID në CSS tuaj të personalizuar.
postës e-412 {background-color: #FF0303; Ngjyra: #FFFFFF; }
Mos harroni të ndryshoni ID-në e Postimit për t'u përputhur me ID-në tuaj të postimit.
Le të hedhim një vështrim në një shembull tjetër.
Këtë herë, ne do të mbulojmë të gjitha artikujt e postuar në një kategori specifike të quajtur "lajm".
Zbuloni udhëzuesin tonë në Si të shtoni CSS me porosi në blogun tuaj WordPress
Ne mund ta bëjmë këtë duke shtuar CSS-në e mëposhtme me porosi në temën tonë.
.category-news {font-Siperfaqja: 18px; font-style: italic; }
Ky CSS do të prekë të gjitha artikujt në kategorinë " aktualitet '.
Funksioni post_class ()
Zhvilluesit e temave përdorin funksionin post_class () t'i tregoni WordPress-it se ku t'i shtoni klasat e postimit. Zakonisht është në etiketën "artikull".
funksioni post_class () jo vetëm që ngarkon klasat CSS të krijuara nga WordPress si parazgjedhje, por gjithashtu ju lejon të shtoni klasat tuaja.
Zbuloni gjithashtu Si për të mbrojtur blogun tuaj nga scrapers përmbajtje
Sipas tuaj WordPress theme, do të gjeni funksionin post_class() në skedarin tuaj single.php ose në skedarët e shabllonit. Zakonisht kodi do të duket si ky:
" >>
Ju mund të shtoni klasën tuaj të personalizuar CSS me një atribut si ky:
" >>
Klasa post_class do të shtypë klasat përkatëse të paracaktuar me CSS me klasën tuaj të zakonshme CSS.
Nëse dëshironi të shtoni klasa të shumta CSS, mund t'i përcaktoni ato si një grup dhe t'i përdorni ato në funksionin (pas klasës).
" >>
Trego artikuj me një stil të ndryshëm sipas autorëve
Klasat e parazgjedhura të CSS të krijuara nga funksioni posts_class nuk përfshijnë emrin e autorit si një klasë CSS.
Nëse dëshironi të personalizoni stilin e çdo postimi bazuar në autorin, duhet së pari të shtoni emrin e autorit si një klasë CSS.
Për të lexuar gjithashtu: Si të shtoni animacione CSS në WordPress
Ju mund ta bëni këtë duke përdorur fragmentin e mëposhtëm:
" >>
Ky kod do të shtojë emrin e përdoruesit si një klasë CSS. Emri i përdoruesit është një emër i përputhshëm me URL-në e përdorur nga WordPress. Nuk ka hapësira dhe të gjithë personazhet janë të vogla, gjë që e bën atë të përsosur për t'u përdorur si një klasë CSS.
Shikoni gjithashtu udhëzuesin tonë Si të shtoni CSS me porosi në blogun tuaj WordPress
Kodi i mësipërm ka të ngjarë të shfaqet si ky:
Tani mund të përdorni ".peter" në CSS tuaj të personalizuar për të modifikuar të gjitha postimet nga ai autor i veçantë në mënyrë që ato të shfaqen ndryshe.
.peter {background-color: #EEE; Kufiri: solid 1px #CCC; }
Rregulloni postimin e artikujve bazuar në komente
Ju mund të keni parë faqet e internetit me widget me artikuj të njohur që ndonjëherë renditen në bazë të komenteve. Në këtë shembull, ne do t'ju tregojmë se si të krijoni një stil të ndryshëm duke përdorur numrin e komenteve.
Zbuloni tonë 10 shtesa premium WordPress për të menaxhuar komentet tuaja
Së pari, duhet të marrim numrin e komenteve dhe të shoqërojmë një klasë.
Për të marrë numrin e komenteve, duhet të shtoni kodin e mëposhtëm në skedarët tuaj WordPress theme. Ky kod shkon në ciklin e WordPress, mund ta shtoni pak përpara etiketës .
i aprovuar; nëse ($ my_comment_count <10) {$ my_comment_count = 'new'; } elseif ($ my_comment_count> = 10 && $ my_comment_count <20) {$ my_comment_count = 'emering'; } elseif ($ my_comment_count> = 20) {$ my_comment_count = 'popullor'; }?>
Ky kod kontrollon numrin e komenteve për publikimin e postuar dhe u cakton atyre një vlerë bazuar në llogari. Për shembull, mesazhet me më pak se komente 10 marrin një klasë të quajtur " i ri Quhen më pak se 20 zmeril ", Dhe gjithçka që shqetëson më shumë sesa komentet 20 është" popullor '.
Atëherë duhet të shtoni klasën CSS në funksionin post_class.
" >>
Kjo do të shtojë klasat e reja, të shfaqura dhe të njohura të CSS në të gjitha artikujt bazuar në numrin e komenteve në secilin post.
Ne gjithashtu ju ftojmë të lexoni artikullin tonë më tej Shtojcat 6 WordPress për të nënshkruar dokumentet në internet
Ju gjithashtu mund të shtoni CSS me porosi në botimet e stilit bazuar në popullaritetin:
.new {kufiri: solid 1px #FFFF00;} .emerging {kufiri: nderprere 1px #FF9933;} .popular {kufiri: nderprere 1px #CC0000;}
Ne thjesht shtojmë kufij, por ju mund të shtoni çdo rregull CSS që dëshironi.
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 lidhjen me blogun ose faqen tuaj të internetit.
Ne ju ofrojmë këtu disa shtesa premium WordPress që do t'ju ndihmojnë ta bëni atë.
1. Anëtarësimi i fundit i Pro
Ultimate Membership Pro është një gjë e shkëlqyer plugin WordPress primi i abonimit dhe kufizimi i përmbajtjes. Ai lejon përdoruesit të menaxhohen sipas paketës së tyre (falas ose me pagesë) duke krijuar nivele ekskluzive aksesi.
Prandaj do të jetë e mundur të mbroni të gjithë përmbajtjen e faqes tuaj të internetit, ose vetëm një pjesë e saj. Do të jetë për shembull një kurs, një mësim, një faqe, një produkt, një kategori, një imazh, etj ...
Lexoni gjithashtu artikullin tonë në Shtojcat 4 premium WordPress për të krijuar miniaturat
Funksionet e tij kryesore janë ndër të tjera: mbrojtja e përmbajtjes, nivelet e shumta të hyrjes, mbështetja për portat e shumta të pagesave - PayPal, Autorizo.net, Shirit, 2CheckOut, Transferi Bankar-, mbrojtje e pjesshme e përmbajtjes, Edhe me shume…
Shkarko | DEMO | web hosting
2. Si Rrëshqitës për Facebook
Si Slider për Facebook është një plugin WordPress premium që u ofron vizitorëve mundësinë për të lënë komente në faqen tuaj të internetit. Me këtë kuti komentesh moderne dhe jo ndërhyrëse, kjo plugin WordPress ofron funksion Like Box dhe Fan Page Wall që do të zgjerojë integrimin e faqes suaj të internetit me rrjetin social Facebook.
Shtojca gjithashtu ofron funksionalitete të ndryshme për të zgjeruar kapacitetet e faqes suaj të internetit: Ajo ka për shembull një seksion Like ("Like Box") ose një faqe kushtuar adhuruesve ("Fan Page Wall").
Zbuloni gjithashtu Si të ngarkojmë gradualisht komentet në Facebook dhe Disqus
Ju nuk keni nevojë të vendosni butonat "Pëlqe" dhe "Ndaj" në postime ose faqe, sepse Facebook Komentuesi i Komentit tashmë i ka ato dhe ato mund të shfaqen në çdo postim ose faqe. Vizitorët do të gjejnë butonin "Pëlqe", butonin "Ndaj" dhe kutia e komenteve të rrëshqitësit në Facebook. Ata padyshim që do të përdorin llogaritë e tyre në Facebook.
Përveç kësaj, mund të ndizni, fikni dhe vendosni kohën e efektit të shkundjes.
Shkarko | DEMO | web hosting
3. Identifikohu Ninja
Kjo shtojcë premium WordPress ju lejon të personalizoni faqen tuaj të hyrjes. Moreshtë më shumë sesa thjesht personalizimi forma juaj e hyrjes. Ju mund ta rregulloni tërë faqen, duke ndryshuar ngjyrën e faqes, duke shtuar një imazh të sfondit, duke shtuar një logo dhe më shumë.
Karakteristikat e tjera të tij janë: mbrojtja e formave të identifikimit dhe regjistrimit me captcha, ndalimi automatik dhe manual i IP-ve që ju sulmojnë me forcë brutale, një regjistër i hollësishëm i të gjitha aktiviteteve të lidhura me lidhjen, ridrejtimi i përdoruesit bazuar në rolet dhe emrat e përdoruesve, duke marrë njoftime me email për të gjitha ngjarjet e lidhjes, një ndërfaqe grafike e lehtë për t’u përdorur, dokumentacion të detajuar dhe më shumë.
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.
- Shtojcat 9 WordPress për të menaxhuar pagesat PayPal në Blogun e tij
- 10 shtojca thelbësore të WordPress për t'u instaluar në blogun tuaj
- 10 shtojca WordPress për tu përdorur për të menaxhuar reklamat
- 10 WordPress plugins për të krijuar atribute për produktet tuaja të ndryshueshme
Përfundim
Ketu eshte ! Kjo është gjithçka për këtë tutorial, shpresoj se do t'ju lejojë të rregulloni shfaqjen e artikujve në blogun tuaj WordPress. Nëse keni ndonjë shqetësim ose sugjerim në këtë fushë, le ta gjejmë veten pjesa e komenteve për të diskutuar.
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.
...
