38
Wordpress Workshop
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
