Simple HTMLto Wordpress

Agenda- Some of my work

- Wordpress standards

- Where to start

- Start developing

- Your turn

KnuthenborgSafaripark

MarselisHotel

General advice

Get a grid

General advice

Use folderstructure

Worlds most used CMS

58.7% of all websiteswith a cms

Kilde  w3techs.com/technologies/details/cm-­‐wordpress/all/all

Wordpressdesign

elements

Header

Content

Footer

Side

bar

Start like always

Simple Html

Stop telling– start showing

Wordpress’ loop

<?php// Starts the loopwhile(have_posts()) : the_post();

get_template_part('content', 'page');

// Loop ends hereendwhile;

?>

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 atWordpress codex

Now it’s your turn

Assignment• Take one of your webprojects

• Download my basic – theme

• Insert your project into the theme

goo.gl/F49ynu

One last thing …

Assignment• Take one of your webprojects

• Download my basic – theme

• Insert your project into the theme

goo.gl/F49ynu