14
Alles begint met The Loop… • The Loop In Action • Waarom je minimaal de Loop moet begrijpen if (have_posts()) : while (have_posts()) : the_post(); the_content(); endwhile; endif; • Leuke dingen die je met de Loop kunt doen • clausules op basis van custom fields (if -> then -> else) if (_custom_field) { code uitvoeren } else { normale code } • Voorbeeld van custom fields (zoals o.a. gebruikt op iPhoneclub.nl) http://pastie.org/ 676781

Haal meer uit WordPress | WordCamp NL

  • Upload
    jphorn

  • View
    1.085

  • Download
    0

Embed Size (px)

DESCRIPTION

Presentatie over de basisbeginselen van WordPress-themaontwerp, gehouden op WordCamp NL (31 oktober 2009) door Joeke-Remkus de Vries en Jean-Paul Horn.

Citation preview

Page 1: Haal meer uit WordPress | WordCamp NL

Alles begint met The Loop…

• The Loop In Action• Waarom je minimaal de Loop moet begrijpen

• if (have_posts()) : while (have_posts()) : the_post(); the_content(); endwhile; endif;

• Leuke dingen die je met de Loop kunt doen• clausules op basis van custom fields (if -> then ->

else)• if (_custom_field) { code uitvoeren } else { normale code }

• Voorbeeld van custom fields (zoals o.a. gebruikt op iPhoneclub.nl)

• http://pastie.org/676781

Page 2: Haal meer uit WordPress | WordCamp NL

… maar je kunt er zoveel meer mee

• Meerdere Loops en issues die daarbij horen• rewind_posts()

• Custom loops op basis van WP_Query()

• Let op je pagination!• Een zeer geavanceerde Loop (setup->postdata)

Page 3: Haal meer uit WordPress | WordCamp NL

Widgets in WordPress

• Widgets niet alleen voor sidebars!• Widgets zijn zo flexibel als je ze wilt hebben• WordPress 2.8 heeft een compleet nieuwe

Widget Class!• http://codex.wordpress.org/Widgets_API

Page 4: Haal meer uit WordPress | WordCamp NL

Je theme nog interessanter maken

• Make WordPress Search Function Suck Less (Yoast)– http://yoast.com/wordpress-search/

• Category Templates– http://codex.wordpress.org/Category_Templates

• WordPress Gallery Tutorial– http://blackbox-tech.com/blog/wordpress-gallery-tutorial-as-seen-on-matt/

• Author Templates– http://codex.wordpress.org/Author_Templates

Page 5: Haal meer uit WordPress | WordCamp NL

Theme Frameworks

• Waarom?• Welke zijn goed?– Thematic– Hybrid– Carrington– WP Framework– Sandbox

Page 6: Haal meer uit WordPress | WordCamp NL

Cheatsheets

• 50+ Cheat Sheets for Building WordPress Themes and Plugins | tripwire magazine

• 13 Helpful Cheat Sheets for Building WordPress Themes (aanrader)

• 14 Essential Wordpress Development and Design Cheat Sheets

• Er is zoveel meer te vinden!

Page 7: Haal meer uit WordPress | WordCamp NL

De kracht van de community

• WordPress-forums– Meld je aan en help de NL-community groeien– http://nl.wordpress.net

– Deel je kennis, hoe minimaal ook! Een ander weet misschien nog minder en is met jouw antwoord enorm geholpen!

• US– http://wordpress.org/support/

Page 8: Haal meer uit WordPress | WordCamp NL

Andere handige websites

• WP Tavern– http://www.wptavern.com/

• Mailinglists (WP-Hackers, WP-Documentation, WP-Testers, Announcements, etc.)– http://codex.wordpress.org/Mailing_Lists

• WP Codex– informatiebron voor alles over WordPress– http://codex.wordpress.org/Main_Page

– Uitleg verschillende template tags

Page 10: Haal meer uit WordPress | WordCamp NL

Designinspiratie - vervolg

• WPCount– http://wpcount.com/

• WPInspiration– http://wpinspiration.com/

• We Love WP– http://welovewp.com/

Page 11: Haal meer uit WordPress | WordCamp NL

Inspiratie voor WordPress

• Digging into WordPress: http://digwp.com• Justin Tadlock: http://justintadlock.com• Nathan Rice: http://nathanrice.net• WP Candy: http://wpcandy.com/• Planet Ozh: http://planetozh.com• Yoast: http://yoast.com/• WP Dimensie: http://wpdimensie.nl

Page 12: Haal meer uit WordPress | WordCamp NL

Algemene webinspiratie

• Smashing Mag: http://smashingmagazine.com<?php echo “duh!?!”; ?>

• Noupe: http://noupe.com• Speckyboy http://speckyboy.com• 9Tutorials http://9tutorials.com• NetTuts+ : http://net.tutsplus.com/• Six Revisions: http://sixrevisions.com/

Page 13: Haal meer uit WordPress | WordCamp NL

jQuery

• jQuery– http://jquery.com

• jQuery for Designers– http://jqueryfordesigners.com/

• Use jQuery / jQuery Showcase: – http://usejquery.com/

• CSS Tricks (jQuery snippets)– http://css-tricks.com/snippets/jquery/

Page 14: Haal meer uit WordPress | WordCamp NL

Bedankt!

• Joeke-Remkus de Vries– ForSite Media (http://www.forsite.nu)– Twitter (@defries) of LinkedIn.

• Jean-Paul Horn– o.a. iPhoneclub, Planet Android– Twitter (@JeanPaulH) of LinkedIn.