webdesign / development + awesome
archivovaný archívny archív
Dnešné video je plné škaredej roboty, na konci ktorej nie je víťazstvo, ale treba ju spraviť. Upraceme rozbordelený functions.php
, zakážeme WordPressu generovať žvásty a upravíme admin dashboard, pretože môžeme.
V piatej epizóde sme vytvárali vlastné typy príspevkov a tieto sme pred-pripravili do akejsi rotujúcej veci, ktorá nerotuje, pretože na to potrebujeme Javascript a ten sme sa zatiaľ vo WordPresse nenaučili používať.
O tom je dnešné video.
Čítaj ďalej pre príklady, stiahnutie témy, hudbu a všeobecné víťazstvo.
V minulej epizóde sme vyrábali funkcionalitu featured content slidera. Dnes sa budeme venovať jeho výzoru. Aby to však nebolo len o CSS, ukážeme si ako sa napichnúť do WordPressovho wp_head
volania a vypľúvať štýly do hlavičky dokumentu. Also, audiovisual fun times!
Kto má tie moje žvásty rád, nech sa nehanbí pomôcť a prispieť na yablko.sk, tak ako ja sa nehanbím tu žobrať:) Dík!
/** * ako pridat style priamo do hlavicky dokumentu */ add_action('wp_head', 'amazeballs_styles'); function amazeballs_styles() { ?> <style type="text/css"> #featured { ... } </style> <?php }
Hudba od Le Troubadour de Saint Alizee. Download for le-free.
Dnes budeme vytvárať vlastné typy príspevkov - custom post types
.
WordPress od základu ponúka Posts
(klasické články) a Pages
(statickejší obsah, napríklad "O nás" stránky a tak podobne) ale čo ak naša stránka bude potrebovať niečo špecifickejšie? Čo ak chceme výpis krátkych noviniek alebo zoznam ponúkaných produktov?
Môžeme to nakydať do klasických článkov, alebo (a toto je lepší nápad) môžeme v rámci našej témy vytvoriť vlastné typy príspevkov a zamedziť tak bordelu.
Kto ma chce podporiť, môže po mne hodiť groš na yablko.sk. Dík!
Ďalej tu v článku nájdete zopár highlightov z videa a na jeho konci si, ako býva zvykom, môžete stiahnuť aktuálnu verziu témy.
Nekončíme s vylepšovaním témy (neveeeeer!) - naučíme ju vypľúvať na stránku JavaScripty a iné veci, skášlime ju (pozor: CSS kúra trvá skoro pol videa), naučíme ju používať sidebary
a do nich narveme widgety
. A vysvetlíme si captain hooks. Čo nie sú háky.
Ešte raz a v odrážkach:
Ak ma chceš podporiť v tvorbe seriálov, behni na yablko.sk. Dík! Prípadne ma sleduj skrz @yablko.
Čítaj ďalej pre kusy kódu, za hrsť muziky a tému k stiahnutiu.
Vylepšíme tému, rozložíme ju na viac template files a tie rozhýbeme WordPress Loop-om.
WordPress Loop je akýsi základný stavebný kameň WordPressu.
Keď si vyžiadame vo stránku, WP sa pozrie do nastavení v dashboarde, podľa nich vytiahne príspevky z databázy a uloží si ich. WordPress Loop je funkcia, ktorá k týmto uloženým informáciám pristupuje a po jednej nám ich všetky dovolí vypísať a robiť s nimi veci.
A to si ukážeme.
A ukážeme si aj HTML5 a veci okolo.
Pretože v našej téme budeme používať nové HTML5 elementy.
A to všetko do ľúbezných rytmov kráľa fontány, Vasha P.
Ostatné seriály nájdeš na yablko.sk, kde ma môžeš aj finančne podporiť, ak chceš viac videí častejšie:) Dík! Prípadne ma sleduj skrz @yablko.
Stiahnite si vyrábanú tému: amazeballs_v023.zip
Dnes si vytvoríme prvú vlastnú tému, yay!
Bude veľmo veľmo jednoduchá, žiadne zázraky nečakajte. Ale bude.
Témy:
A tak ďalej. Pozri si video, dozvieš sa viac:)
Ospravedlňujem sa za kvalitu zvuku, je menej než ideálna. Snažil som sa odfiltrovať kopu okolitého rámusu, z čoho mi vychádza, že by mi niekto z vás mal kúpiť RØDE Podcaster ;)
Ostatné seriály nájdeš na yablko.sk, kde ma môžeš aj podporiť. Dík!
Prípadne ma sleduj skrz @yablko.
Hudba je od Neural Corrosion a dá sa stiahnuť (zadarmo, bitches!) na neuralcorrosion.com. Ak poznáš Stevena Wilsona, prípadne ak sa ti páči psychedelicko-divný rock, budeš tam ako doma.