webdesign / development + awesome
Robíme WordPress #4 - Widgety a Sidebary
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.
/** * themes support stuff */ add_theme_support( 'menus' ); add_theme_support( 'post-thumbnails' );
/**
* register theme widgets
*/
add_action( 'widgets_init', 'amazeballs_widgets_init' );
function amazeballs_widgets_init()
{
// main sidebar
register_sidebar( array(
'name' => 'Main sidebar',
'id' => 'main-sidebar-area',
'description' => 'sidebar, maaaan',
'before_widget' => '<div id="%1$s" class="widget-container %2$s">',
'after_widget' => '</div>',
'before_title' => '<h3>',
'after_title' => '</h3>',
) );
}
Hudba je od Lucas Newton - sú tam veci k stiahnutiu, zvykli byť aj na aaraaf.net a niečo je aj na janchor.bandcamp.com a väčšina je v angličtine.
Omrknite aj jeho stránku smashthestate.eu, ktorá sa venuje videohrám a vážnej hudbe. Áno, videohrám a vážnej hudbe.
Stiahnite si tému: amazeballs_v026.zip
napísal yablko,
11 Jun 2012
19 komentárov
komentuj ku každému komentáru sa v databáze ukladá iba meno, text a dátum, iba za účelom zobrazenia pod článkomneukladá sa email, IP adresa ani informácie o prehliadači a údaje sa nepoužívajú na reklamu, newsletter, na žiadnu ekonomickú aktivitu, nikam sa neposielajú, sú v databáze len aby sa mohli zobraziť pod článkom
Buri [ Pondelok 11.6.2012, 22:52 ]
Yablko robí videá, u ktorých by som bol ochotný zostať pozerať aj pri titulkách :D Ale inak super, fakt dobre vysvetlenie a som rád že konečne sa nájde aj niekto, kto robí tutoriály inou formou ako uspávacou. :D
daniel [ Utorok 12.6.2012, 09:19 ]
Ahoj, co to mas za plugin ktory ti doplna url v css k obrazkom?
yablko [ Utorok 12.6.2012, 10:20 ]
AutoFileName sa volá ten Sublime Text plugin
Lukáš [ Utorok 12.6.2012, 19:10 ]
if ( function_exists('register_sidebar') )
register_sidebar(array(
'name' => 'sidebar',
'before_widget' => '',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
));
toto neni dobry sposob na zaregistrovanie widgetu ?
a este jedna vec aky je rozdiel medzi get_sidebar() a dynamic_sidebar()
yablko [ Utorok 12.6.2012, 22:29 ]
keď si nie som istý, pozriem ako to robia oficiálne témy/pluginy a tie registrujú widgety cez 'widgets_init' hook:)
get_sidebar() vkladá do témy súbor sidebar.php
dynamic_sidebar() zaobstará widgety
alef [ Štvrtok 14.6.2012, 07:46 ]
Perfektne video. Dakujem
steaven [ Štvrtok 14.6.2012, 19:38 ]
Nazdar YABLOKO mozes mi povedat preco ked chcem napisat tak pri zacati pisania vybrati spravnej moznost a stlaceni TAB mi nabehne toto < preco je tam 2x lomena zatvorka neviem ako sa toho zbavit lezie mi to riadne na nervy
steaven [ Štvrtok 14.6.2012, 21:27 ]
sorry za preklep
yablko [ Štvrtok 14.6.2012, 23:50 ]
sorry, nerozumiem čo myslíš
skús poslať screenshot:)
Šurda [ Sobota 16.6.2012, 11:48 ]
Díky za tento seriál
Taras [ Nedeľa 24.6.2012, 19:17 ]
Len tak ďalej! Obdivujem, ako povieš 40 minutový tutoriál na jeden dych :D
Inak, ako sa volá tá farebná schéma, čo máš v Sublime?
yablko [ Pondelok 25.6.2012, 09:57 ]
taká čo blade spravil https://brm.sk/wp-content/uploads/Notepad-Plus-Plus.tmTheme
Ado [ Pondelok 9.7.2012, 14:50 ]
Musim uznat ze tvoje videotutose su uplne na inej urovni, velmi dobre sa to pozera a celkovo to nie je vobec nudne. Rovnako aj info podavas jednoducho a hlavne k veci :-)
Chystas sa nejak zvysit produkciu tutosov v najbl. buducnosti ?
yablko [ Pondelok 9.7.2012, 17:19 ]
to sa chystám každý týždeň, ale ono to vždy akosi nevyjde:)
Bluesmann [ Štvrtok 4.10.2012, 10:40 ]
Klobúk dole. Nádherná práca-videá. Kvalitný komentár. Mne síce ušiel vlak čo sa týka programovania ,ale nedá mi to pozrieť si videá / pozriem si ich všetky rád sa budem vracať a inšpirovať sa/ a čo to pochytiť. Vážim si Vašu prácu a ticho "závidím" ako ste v programovaní doma. Áno terajšia doba je tu pre Vás mladých. Držím Vám palce v realizovaní sa. Krásny komentár, príjemná farba hlasu. Som rád, že som Vás objavil. Nádhera. Ste užitoční a ste prínosom. Bluesmann
andrej [ Utorok 9.10.2012, 08:58 ]
pripajam sa nejak podobne, YABLKO robis to absolutne profesionalne. Dakujem a rad ti prispejem na podporu. Za toto si to zasluzis velakrat.
Skus sa ak to bude mozne venovat niekde aj formularom a cirkusom okolo. Je to taka alfa a omega kazdeho webu a wordpress to ma celkom zanedbane. Aj ked na to je kopec pluginov, nedokazu ani zdaleka osetrit vsetko co treba. Ale to je len taky napad, ak by ti tvoje dosli.
Quallity [ Nedeľa 17.2.2013, 21:53 ]
Zdravím mám taký problém , robím tému pomocou týchto videí , nastal problém pri registrácií sidebaru , všetko som písal ako ty , ale v dashboarde nemám ponuku widgets , mám tam len téma a edit . Tak som či som niečo zle napísal snažil som sa niečo pomeniť ale nič nešlo , nakoniec som skopčil tvoj funcion.php a stále nič , nevieš mi prosím ta poradiť kde mám hladať problém ? :) , Ď
Quallity [ Nedeľa 17.2.2013, 22:04 ]
zaujímavé je že keď som okopčil tvoju temu tak to ide v pohode a jediný rozdiel medzi mojou a tvojou bolo v CSS že som si to robil trošku podľa seba . nerozumiem :D
Loop_us [ Utorok 11.6.2013, 16:47 ]
+over 9000 points to Applefindor for the soundtrack