Day 2. Website design for musicians. CVA
-
Upload
creative-social-media-solutions -
Category
Education
-
view
63 -
download
0
Transcript of Day 2. Website design for musicians. CVA
![Page 1: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/1.jpg)
CVA Web cursus
Day 2Wordpress features
Creating our first page
![Page 2: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/2.jpg)
Wordpress: .com or .org?
![Page 3: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/3.jpg)
3copyright www.creativesocialmedia.eu
![Page 4: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/4.jpg)
Let’s go for it!: wordpress.com
Go to www.wordpress.com and click “get started”
4copyright www.creativesocialmedia.eu
![Page 5: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/5.jpg)
Address of the site
5copyright www.creativesocialmedia.eu
![Page 6: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/6.jpg)
Click “No thanks... and after “create blog”
6copyright www.creativesocialmedia.eu
![Page 7: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/7.jpg)
4.- Click next step
2.- Brief description of
your site
3.- No goal (yet...)
7copyright www.creativesocialmedia.eu
![Page 8: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/8.jpg)
What is a theme?
8copyright www.creativesocialmedia.eu
![Page 9: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/9.jpg)
• 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
![Page 10: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/10.jpg)
Choose Twenty Fourteen. We’ll work on
it later
Click “next step”
10copyright www.creativesocialmedia.eu
![Page 11: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/11.jpg)
Click “next step”11copyright www.creativesocialmedia.eu
![Page 12: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/12.jpg)
Click “next step”12copyright www.creativesocialmedia.eu
![Page 13: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/13.jpg)
Click “next step”13copyright www.creativesocialmedia.eu
![Page 14: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/14.jpg)
Please confirm
your email!!
And then go to your Dashboard
14copyright www.creativesocialmedia.eu
![Page 15: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/15.jpg)
Go to Appearance/Themes
Choose the first theme (Twenty Fourteen)
15copyright www.creativesocialmedia.eu
![Page 16: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/16.jpg)
Browse arround to see some examples
16copyright www.creativesocialmedia.eu
![Page 17: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/17.jpg)
This is a free theme
Choose “responsive” theme
17copyright www.creativesocialmedia.eu
![Page 18: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/18.jpg)
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
![Page 19: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/19.jpg)
To see what your site looks like, press anytime here
Let’s have a look what we have now online...
19copyright www.creativesocialmedia.eu
![Page 20: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/20.jpg)
Not so much, huh...?
Menu
Search
Title and underline (Header)
Footer
Side widget
20copyright www.creativesocialmedia.eu
![Page 21: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/21.jpg)
Go back to the dashboard
21copyright www.creativesocialmedia.eu
![Page 22: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/22.jpg)
Let’s create our first page
Click in Pages / Add new
22copyright www.creativesocialmedia.eu
![Page 23: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/23.jpg)
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
![Page 24: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/24.jpg)
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
![Page 25: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/25.jpg)
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
![Page 26: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/26.jpg)
Creating our first menu
Go to Appearance / Menus
26copyright www.creativesocialmedia.eu
![Page 27: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/27.jpg)
27copyright www.creativesocialmedia.eu
![Page 28: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/28.jpg)
Check how the site looks like......... And..........
28copyright www.creativesocialmedia.eu
![Page 29: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/29.jpg)
Don’t worry. We have to do something still... Go back to your dashboard
29copyright www.creativesocialmedia.eu
![Page 30: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/30.jpg)
Select a static page and in front page, “home test”.
And save after ;)
30copyright www.creativesocialmedia.eu
![Page 31: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/31.jpg)
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
![Page 32: Day 2. Website design for musicians. CVA](https://reader033.fdocuments.us/reader033/viewer/2022052823/5554a840b4c905fd608b4ffa/html5/thumbnails/32.jpg)
Credits
• techieshe.com
• wordpress.com
• http://codex.wordpress.org/
copyright www.creativesocialmedia.eu 32