Day 2. Website design for musicians. CVA

CVA Web cursus

Day 2Wordpress features

Creating our first page

Wordpress: .com or .org?

3copyright www.creativesocialmedia.eu

Let’s go for it!: wordpress.com

Go to www.wordpress.com and click “get started”

4copyright www.creativesocialmedia.eu

Address of the site

5copyright www.creativesocialmedia.eu

Click “No thanks... and after “create blog”

6copyright www.creativesocialmedia.eu

4.- Click next step

2.- Brief description of

your site

3.- No goal (yet...)

7copyright www.creativesocialmedia.eu

What is a theme?

8copyright www.creativesocialmedia.eu

• Fundamentally, the WordPress Theme system is a way to "skin" your weblog. Yet, it is more than just a "skin."

• Skinning your site implies that only the design is changed. WordPress Themes can provide much more control over the look and presentation of the material on your website.

• A WordPress Theme is a collection of files that work together to produce a graphical interface with an underlying unifying design for a weblog.

• These files are called template files. A Theme modifies the way the site is displayed, without modifying the underlying software.

9copyright www.creativesocialmedia.eu

Choose Twenty Fourteen. We’ll work on

it later

Click “next step”

10copyright www.creativesocialmedia.eu

Click “next step”11copyright www.creativesocialmedia.eu

Click “next step”12copyright www.creativesocialmedia.eu

Click “next step”13copyright www.creativesocialmedia.eu

Please confirm

your email!!

And then go to your Dashboard

14copyright www.creativesocialmedia.eu

Go to Appearance/Themes

Choose the first theme (Twenty Fourteen)

15copyright www.creativesocialmedia.eu

Browse arround to see some examples

16copyright www.creativesocialmedia.eu

This is a free theme

Choose “responsive” theme

17copyright www.creativesocialmedia.eu

What do you get with the “responsive” theme?

• Responsive Theme is a flexible foundation with fluid grid system that adapts your website to mobile devices and the desktop or any other viewing environment.

• Theme features 9 Page Templates.• 11 Widget Areas.• 6 Template Layouts. • 4 Menu Positions and more. • Powerful but simple Theme Options for full CMS control with easy Logo

Upload, Social Networking and Webmaster Tools etc. • Responsive is WooCommerce Compatible, • Multilingual Ready (WPML), • Retina-Ready, • Search Engine Friendly,• W3C Markup Validated and currently translated into 45 languages. • No paid memberships or clubs to get Responsive help

18copyright www.creativesocialmedia.eu

To see what your site looks like, press anytime here

Let’s have a look what we have now online...

19copyright www.creativesocialmedia.eu

Not so much, huh...?

Menu

Search

Title and underline (Header)

Footer

Side widget

20copyright www.creativesocialmedia.eu

Go back to the dashboard

21copyright www.creativesocialmedia.eu

Let’s create our first page

Click in Pages / Add new

22copyright www.creativesocialmedia.eu

1. Add a title to the page

2. Add some text. This is the body of

the page

3. Choose the right template

4. Click Preview

23copyright www.creativesocialmedia.eu

This preview will appear in a new window. Let’s create a menu (go back)

Our page doesn’t appear yet in the

menu

24copyright www.creativesocialmedia.eu

Go back to the page dashboard

Click publish

After you clik publish, a button update will appear to use everytime you change something25copyright www.creativesocialmedia.eu

Creating our first menu

Go to Appearance / Menus

26copyright www.creativesocialmedia.eu

27copyright www.creativesocialmedia.eu

Check how the site looks like......... And..........

28copyright www.creativesocialmedia.eu

Don’t worry. We have to do something still... Go back to your dashboard

29copyright www.creativesocialmedia.eu

Select a static page and in front page, “home test”.

And save after ;)

30copyright www.creativesocialmedia.eu

Homework

• Create 4 static pages and put them in the menu we created

• Make our home page as a Full width page (change the template)

• Create a blog page, add it to the menu, and make it as default page for your entries

• Share your site in the Google + community

Good luck!!

31copyright www.creativesocialmedia.eu

Credits

• techieshe.com

• wordpress.com

• http://codex.wordpress.org/

copyright www.creativesocialmedia.eu 32