Simple HTML
to Wordpress
Agenda
- Some of my work
- Wordpress standards
- Where to start
- Start developing
- Your turn
Knuthenborg
Safaripark
Marselis
Hotel
General advice
Get a grid
General advice
Use folder
structure
Worlds most used CMS
58.7% of all websites
with a cms
Kilde	
  w3techs.com/technologies/details/cm-­‐wordpress/all/all
Wordpress
design
elements
Header
Content
Footer
Sidebar
Start like always
Simple Html
Stop telling
– start showing
Wordpress’
loop
<?php
// Starts the loop
while(have_posts()) : the_post();
get_template_part('content', 'page');
// Loop ends here
endwhile;
?>
Important files
Some small words
/wp-admin
> wp-content > themes
Pick your new theme
The editor Write html directly in editor
<?php
the_title(); // Post or page title
the_author_link(); // Author
the_content(); // Post or page content
the_excerpt(); // Small resumé of post or page
?>
Find more at
Wordpress codex
Nowit’syourturn
Assignment
• Take one of your webprojects
• Download my basic – theme
• Insert your project into the theme
goo.gl/F49ynu
Onelastthing…
Assignment
• Take one of your webprojects
• Download my basic – theme
• Insert your project into the theme
goo.gl/F49ynu

From simple html to Wordpress