Chcete pridať nepárne a párne triedy k článkom na vašu tému WordPress blog ? Pridanie triedy vám umožní zobraziť konkrétny štýl pre každý článok.
V tomto návode vám ukážeme, ako zobraziť párne alebo nepárne triedy na WordPress.
Prečo pridať triedy? párov "Alebo" nepárny » na vašu tému WordPress blog ?
Mnoho Témy WordPress použite starú alebo rovnakú triedu pre komentáre WordPress. Umožňuje používateľom vidieť, kde jeden komentár končí a druhý začína.
Túto techniku môžete tiež použiť pri svojich článkoch. Vyzerá esteticky, že umožňuje používateľom rýchlo skenovať objemné stránky. To je obzvlášť užitočné pre domovskú stránku stránok novín alebo časopisov.
To znamená, že uvidíme, ako pridať triedu do vašich článkov WordPress blog.
Ako pridať triedu párna / nepárna na WordPress
WordPress generuje predvolené triedy CSS a nepretržite ich pridáva do rôznych článkov na vašom webe. Tieto triedy CSS pomáhajú vývojárom doplnkov a tém pridať ich vlastné štýly do každého iného článku.
WordPress tiež ponúka funkciu s názvom „ post_class Používajú ho vývojári tém na pridávanie tried do článkov.
Funkcia post_class Je to tiež filter, čo znamená, že s tým môžete manipulovať. To je presne to, čo tu urobíme.
Stačí pridať tento kód do súboru functions.php. WordPress tému.
oddeven_post_class function ($ class) {$ globálnej current_class; $ Triedy [] = $ current_class; Current_class $ = ($ current_class == 'nepárne')? , I ', divné'; vrátiť $ tried; } Add_filter ( 'post_class', 'oddeven_post_class'); Globálne $ current_class; $ Current_class = 'nepárny';
Táto funkcia jednoducho pridáva triedu pre párne a nepárne položky.
Nepárne a párne triedy nájdete v zdrojovom kóde svojho webu. Stačí prejsť myšou na názov článku a potom pravým tlačidlom myši skontrolovať položku.
Teraz, keď ste do svojich článkov pridali nepárne a párne triedy. Ďalším krokom je dať im jedinečný štýl pomocou CSS. Svoj vlastný kód CSS môžete pridať na svoju podradenú tému alebo pomocou jednoduchého doplnku CSS.
Tu je príklad kódu CSS, ktorý môžete použiť ako východiskový bod:
.EVEN {pozadia: #f0f8ff; .odd} {pozadia: #f4f4fb; }
Takto môže byť výsledok:
Aby ste dosiahli dobré výsledky, budete potrebovať trochu tréningu, ale musíte ovládať CSS alebo jednoducho používať nástroj ako CSS Hero.
Je to také jednoduché. Dúfam, že vám tento návod veľmi pomôže. Neváhajte a opýtajte sa nás alebo zdieľajte tento tutoriál so svojimi priateľmi na obľúbených sociálnych sieťach.
