Robíme WordPress #5.5 - Bonusová CSS epizóda

napísal , 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 , 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 , 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 , 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:

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 , 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

Robíme WordPress #2 - Úvod do tvorby tém

napísal , 8 May 2012

Dnes si vytvoríme prvú vlastnú tému, yay!
Bude veľmo veľmo jednoduchá, žiadne zázraky nečakajte. Ale bude.

Témy:

  • sa starajú nielen o výzor ale aj o funkcionalitu
  • sú kolekcia súborov, ktoré spoločnými silami dajú stránku do pohybu
  • potrebujú minimálne 2 súbory - style.css a index.php (napríklad)
  • môžu okrem Template Files obsahovať súbor functions.php
  • existujú

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.

Robíme WordPress #1 - inštalácia, prehľad features

napísal , 26 Apr 2012

Čo robíme:

  • stiahneme a nainštalujeme wordpress
  • prebehneme jeho administrátorské rozhranie (dashboard)
  • zbehneme základné features
  • ukážem ako cez DB resetnúť administrátorské heslo
  • ukážem trik, ako WP nakopnúť do debug módu
  • metal

Ak s WP pracuješ, ak ho poznáš, ak ho máš nainštalovaný.. preskoč toto video. Nepozeraj ho. Skapeš od nudy. A nehovor, že som ťa nevaroval;) But there IS metal, so.. je to na tebe.

Ostatné seriály nájdeš na yablko.sk, kde ma môžeš aj podporiť. Dík:)
Prípadne ma sleduj skrz @yablko.

Hudba od @tscorbeaux, k stiahnutiu cez bandcamp. Enjoy!