Word press theme development wordcamp 2016 dk

“WORDPRESS THEME

DEVELOPMENT”A Crash Course

A PRESENTATION BY EMIL WIBE

EMIL WIBE - “WORDPRESS THEME DEVELOPMENT”A CRASH COURSE

MAY 28TH 2016 - WORDCAMP DK - DOKK1, AARHUS, DENMARK

WHY?



YOU WILL ME MAKING WEBSITES



YOU WILL BE DESIGNING WEBSITES



SECURITY / STABILITY

WORDPRESS




THEMEWORDPRESS




PLUGINTHEME

WORDPRESS




PLUGINPLUGINTHEME

WORDPRESS



SECURITY / STABILITYPLUGINPLUGINPLUGINTHEME

WORDPRESS



NO MORE MULTIPURPOSE

MONSTERS



IT ISN’T ROCKET SURGERY



LETS DANCE!



● THEME FOLDER

inside wp-content/themes

FOLDERS



● style.css (mandatory)● index.php (mandatory)● functions.php (optional)

FILES



/*Theme Name: lonelyUnichorn*/

style.css



<html><head></head><body></body>

</html>

index.php



<html><head>

<?php wp_head(); ?></head><body>

<?php wp_footer(); ?></body>

</html>

index.php



include header.phpandfooter.php with:

get_header();get_footer();

header.php and footer.php



enqueue files in functions.php

scripts and styles



register menus in function.php

insert them into the template files

menus



THE LOOP



<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

You are now inside the loop

<?php endwhile; ?><?php endif; ?>

THE LOOP



<?php the_title(); ?><?php the_content(); ?>

...and many others

TEMPLATE TAGS



<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>

<h1><?php the_title(); ?></h1><p class=”date”><?php the_date(); ?></p><?php the_content(); ?>

<?php endwhile; ?><?php endif; ?>

TEMPLATE TAGS AND HTML TAGS INSIDE THE LOOP



THE BEST OF BOTH WORLDS



<?phpecho do_shortcode([‘shortcode’]);

?>



GLOBAL TEMPLATES



THE LAST TREAT



CUSTOM FIELD FRAMEWORKS



https://github.com/emilwibe

NOWAPPLAUD

A PRESENTATION BY EMIL WIBE

https://github.com/emilwibe

Education

Word press theme development wordcamp 2016 dk