webdesign / development + awesome
archivovaný archívny archív
Robíme WordPress #7 - Jarné upratovanie a editácia dashboardu
napísal yablko, 2 Feb 2013
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.
31 komentárov
[ 
]
]
Robíme WordPress #6 - jQuery a JavaScript
napísal yablko, 6 Aug 2012
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.
[ ]
]
Robíme WordPress #5.5 - Bonusová CSS epizóda
napísal yablko, 31 Jul 2012
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.
[ ]
]
Vylepši si internety s UserScripts
napísal blade, 30 Jul 2012
Predstavte si, že sa vám nepáči nejaký web. Máte veľmi jasnú predstavu ako ho vylepšiť, ale nemáte nad ním žiadnu kontrolu. Buď napíšete adminovi (veľa šťastia pri stránkach ako Google;) alebo si napíšete Userscript. (alebo napíšete do Googla a on vám nájde Userscript)
UserScripts sú minimalistické rozšírenia pre Chrome, Firefox a Operu, ktoré slúžia na vylepšenie vzhľadu a správania stránok. Občas aj na vylepšenie správania celého prehliadača. Fungujú veľmi jednoducho - na stránkach definovaných skriptom sa spustí kúsok javascriptu, ktorý stránku "opraví". Narozdiel od extensions, Userscripty majú takmer nulový dopad na svižnosť prehliadača a spotrebovanú pamäť.
Čo je veľmi dôležité. Napríklad taký AdBlock (v základnom nastavení) pre Chrome pridá k načítaniu stránky aj viac ako sekundu. Na čo sa dajú UserScripty použiť, uvidíte na pár príkladoch, ktoré často používam.
Twitter bullshit remover
Mňa osobne maximálne nezaujímajú kydy z 4square-u, akákoľvek zmienka Klout-u a podobné kraviny, preto som spravil skript, ktorý skrýva tweety obsahujúce "4sq" alebo "klout". Protip: 4square zaujíma len tých, čo sú na 4square-i, ostatných nie! Keď vypnete automatické postovanie na Twitter, veľa ľudí dozaista potešíte. A sorry, Marcel, že som zrovna teba použil ako príklad, na niekoho to už len muselo padnúť :)
Download - Bullshit remover for Twitter.user.js (filterPattern si môžete upraviť podľa ľubovôle).
[ 
]
]
Robíme WordPress #5 - Post Types a Shortcodes
napísal yablko, 25 Jul 2012
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.
[ ]
]
Robíme WordPress #4 - Widgety a Sidebary
napísal yablko, 11 Jun 2012
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:
- CSS + WordPress Generated Classes
- add_theme_support() - dovoľuje téme alebo pluginu používať fičúry, ktoré má WP vstavané. Napríklad support pre menu alebo prezentačné obrázky.
- wp_head() a wp_footer() - skrz ne vypľúva WP na stánku skripty a stajlšíty a tak.
- widgets - bloky s funkcionalitou, ktoré sa najčastejšie umiesťnujú do sidebarov.
- hooks - ak potrebujeme kus kódu odpáliť v špecifickom momente.
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.
[ ]
]
Robíme WordPress #3 - WordPress Loop
napísal yablko, 17 May 2012
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
[ ]
]
