Wordpress Workshop

Welcome!!Wordpress 4Beginners

Ourmission isTocontributetohumanandcommunitydevelopment througheducationandtechnologicalinnovation.“ “

AgendaStyle01

02

03

04

WhatisWordpress

InstallingMAMP

CreatingaDATABASEforyourWPsite

InstallingWordpress

05 UsingWordpress

WhatisWordpress?Beautifuldesigns,powerfulfeatures,andthefreedomtobuildanythingyouwant.WordPress isbothfreeandpricelessatthesametime.

TrustedbytheBest

30%ofthewebusesWordPress,fromhobbyblogstothebiggestnewssitesonline.

Itwascreatedbyandforthecommunity.WordPress isanOpenSourceproject,whichmeanstherearehundredsofpeopleallovertheworldworkingonit.

Wordpress.org

Wordpress.com

WithWordPress.org,youhostyourownblogorwebsite.WordPress.org iswhereyou’llfindthefreeWordPresssoftwarethatyoucandownloadandinstallonyourownwebserver.

WordPress.com isabloggingandwebsiteserviceowned byacompanycalledAutomattic.WordPress.com usestheopensourceWordPresssoftware.

Anyquestions?Questions?

InstallingMAMP

1.Download MAMPforfree.2.Openitandfollowthepromptsto installtheMAMPapplication.3.OpentheiconforMAMPinyourapplicationsfolder.MAMPautomaticallygivesyouboththepaidandfreeversion

InstallingMAMP

1. OncetheMAMPappdashboardisopen,selectthegeariconfor‘Preferences’

2. Fromthe‘Preferences’screen,selectthe‘Ports’tabandclick‘SetWeb&MySQLportsto80&3306’andclick‘OK’.Doingthiswillallowyouaccessyour localwebsitesfrom http://localhost insteadof http://localhost:8888 whichwillmakeyourlifeeasierlater.

InstallingMAMP

1.Download MAMP for free.2.Open it and follow the prompts to install the MAMP application.3.OpentheiconforMAMPinyourapplicationsfolder.MAMPautomaticallygivesyouboththepaidandfreeversion4.OncetheMAMPappdashboardisopen,selectthegeariconfor‘Preferences’5.Fromthe‘Preferences’ screen,selectthe‘Ports’tabandclick‘SetWeb&MySQLportsto80&3306’andclick‘OK’.Doingthiswillallowyouaccessyour localwebsitesfrom http://localhost insteadof http://localhost:8888 whichwillmakeyourlifeeasier later.

InstallingMAMP

1.Next,clicktothetabwithinpreferencesthatsays‘WebServer’.Makesure‘Apache’isselectedandclickthefoldericonoptionunder ‘DocumentRoot.’

InstallingWordPressQuestions?

InstallingWordPress

1.DownloadWordPress2.UnzipyourWordPresszipdownloadanddragthefolderintoyour“Sites”folder.(Orwhateverfolderyousetupasthe“DocumentRoot”whenyouinstalledMAMP.Settinginfoislocatedunder “Preferences>WebServer.”

InstallingWordPress

1.InMAMP,click“OpenWebStart Page”whichwillopenaMAMPpageinyourbrowser.

InstallingWordPress

1.IntheMAMPbrowserwindowthatpopsup,select“phpMyAdmin”underthe“Tools”drop-down.

InstallingWordPress

1.InphpMyAdmin,you’llcreatenewdatabaseforthisWordPress installation.Clickthe“Databases”tabandcreateanewdatabasebytypinginaname—rememberitforlater—andclicking“Create”.

InstallingWordPress

Inyourbrowser,visit http://localhost:80/wordpress. (AssumingyourMAMPisservingonport80,andyouputWordPress inthe WordPress folder.)

Selectyourlanguageandclick“Continue.”

InstallingWordPress

Weknow ourdatabasedetailsandalreadycreatedthedatabase.Sowe’llclick“Let’sgo!”onthenextscreen.

InstallingWordPress

Inyourbrowser,visit http://localhost:80/wordpress.(AssumingyourMAMPisservingonport80,andyouputWordPress inthe wordpress folder.)

Selectyourlanguageandclick“Continue.”

InstallingWordPress

Enteryourdatabasedetailsandclick“Submit”.DatabaseName:yourdatabasefromstep6(minewas"wphp")UserName:rootPassword:rootDatabaseHost: localhostTablePrefix:wp_

InstallingWordPress

Click‘Runtheinstall”.

InstallingWordPress

Enterintherequestedinformation:sitetitle,username,password,andemail.Becausethisisalocalinstallandisonlyavailableonyourcomputer,don’thavetoworrytoomuchaboutcreatingasecurepassword.Thenclick“Install.”

InstallingWordPress

Youdidit!Click“LogIn”.You’llbedirectedtothefamiliarWordPressloginpage,whichshouldbelocatedat http://localhost/wordpress/wp-login.php. MakesureyoubookmarktheURLsoyoucaneasilylogininthefuture.

AccessingtheWordPress

http://localhost:8888/wordpress/wp-login.php

AccessingtheWordPress

HandsONTimetopractice!

NowyouhaveaccesstoyourWordPresssite,please,loginandlet’smakethemagichappen!

Don’tbeafraidtocommitmistakes,thiswebsiteisonlyaccessibletoyouasitisnotpartoftheInternet.

Handson

LogintoyourWordPresssite,clickonAppearance,Customize

ChangetheTheme

Createanewpage,suchasAboutus

CreateanewPage

Createanewpostandfindouthowitshowsinyour site

CreateanewPost

Youcansimplycreatenewmenusandchangeitasyouwant

CreateaMenu

Youcanuploadmediassuchasimage,pdf,documents,linksandmore!

Uploadimages

WordPresshas100000ofusefulplugins,forms,SEO,Galleryandmuchmore,findthemandchoose therightone!

Findplugins

01

02

03

04

05

06

Dashboard

Hereyouhaveyourdashboard.Ontheleftsidemenuyoucan/create/deleteeditposts,pages,mediaandedityoursite

Blog

ClickonPostsandClickAddnew(toaddanewpost)

Blog/postAddanewposttitle

Addthecontentinthebigtextbelow

Blog/postYoucanselectcategoriesandclickpublishtopublishyourpostontheblogpage

PagesWiththepagesyoucanedit,createanddeleteallyoursitepagesJustclickonthepagetoeditit

PagesPushdowntoseeallyourpages

Pages

Insidethepageyoucaneditthetitle

Thecontent

AndUpdatethepage

Changeappearance

HeryoucanclickonCustomise tochangetheappearanceofyourwebsite,(Idonotrecommendtodoit)

Changeappearance

HeryoucanclickonCustomise tochangetheappearanceofyourwebsite,(Idonotrecommendtodoit)

Changeappearance

Ifyouwanttochangethefirstpage

ClickonSectionsCustomizing

ThankyouPedroGiesel

pedro@mindroom.com.auwww.mindroom.com.au

CRICOSCode:03586M,RTOCODE:45137