Workshop Day 2

  • View
    356

  • Download
    0

Embed Size (px)

Transcript

1. WORDPRESS BASICS IEEE CMS WORKSHOP 2. Static page Dynamic pageServer DataClient ProcessingServer Client Database IN THE PREVIOUS WORKSHOP Static and Dynamic Pages 3. Static page Dynamic pageServer DataClient ProcessingServer Client Database IN THE PREVIOUS WORKSHOP Static and Dynamic Pages 4. SERVER + DOMAIN NAMEpapaki.gr 5. DO NESERVER + DOMAIN NAMEpapaki.gr 6. DOWNLOAD WORDPRESS 7. UPLOAD WORDPRESS TO SERVER 8. CREATE A DATABASE 9. CONFIGURE AND INSTALL WORDPRESS 10. Ready to use Wordpress! 11. Posts vs Pages 12. Categories vs Tags 13. Comments 14. MAIN PAGEWordpress Structure 15. MAIN PAGEWordpress Structure 16. MAIN PAGEWordpress Structure 17. MAIN PAGEWordpress Structure 18. Home Page About Schedule Lectures NewsTeam ATeam BSITE STRUCTUREWordpress Workshop site example 19. Home Page About Schedule Lectures NewsWill contain some Team Abrief information Team Babout theworkshop, ourlatest news, acalendar with our schedule etcSITE STRUCTUREWordpress Workshop site example 20. Home Page AboutSchedule Lectures NewsWill contain some Team A Informationbrief information Team Babout who weabout the are and whyworkshop, our we do itlatest news, acalendar with our schedule etc SITE STRUCTURE Wordpress Workshop site example 21. Home Page About ScheduleLectures NewsWill contain someTeam A Informationbrief informationTeam Babout who weabout the are and whyThe scheduleworkshop, our we do it of each teamlatest news, acalendar with our (dates of schedule etcworkshops etc) SITE STRUCTURE Wordpress Workshop site example 22. Home Page About Schedule Lectures NewsWill contain someTeam A InformationWill containbrief informationTeam Babout who we each lecturesabout the are and whyThe schedulelesworkshop, our we do it of each team(presentations,latest news, a(dates ofnotes, videoscalendar with our workshops etc) etc) schedule etc SITE STRUCTURE Wordpress Workshop site example 23. Home Page About Schedule LecturesNewsWill contain someTeam A InformationWill containNewsbrief informationTeam B concerningabout who we each lecturesabout the the workshop are and whyThe schedulelesworkshop, our we do it of each team(presentations,latest news, a(dates ofnotes, videoscalendar with our workshops etc) etc) schedule etc SITE STRUCTURE Wordpress Workshop site example 24. Wordpress mainpageHome Page About Schedule LecturesNewsWill contain someTeam A InformationWill containNewsbrief informationTeam B concerningabout who we each lecturesabout the the workshop are and whyThe schedulelesworkshop, our we do it of each team(presentations,latest news, a(dates ofnotes, videoscalendar with our workshops etc) etc) schedule etc SITE STRUCTURE Wordpress Workshop site example 25. Wordpress main Static PagepageHome Page About Schedule LecturesNewsWill contain someTeam A InformationWill containNewsbrief informationTeam B concerningabout who we each lecturesabout the the workshop are and whyThe schedulelesworkshop, our we do it of each team(presentations,latest news, a(dates ofnotes, videoscalendar with our workshops etc) etc) schedule etc SITE STRUCTURE Wordpress Workshop site example 26. Wordpress main Static PageStatic PagespageHome Page About Schedule LecturesNewsWill contain someTeam A InformationWill containNewsbrief informationTeam B concerningabout who we each lecturesabout the the workshop are and whyThe schedulelesworkshop, our we do it of each team(presentations,latest news, a(dates ofnotes, videoscalendar with our workshops etc) etc) schedule etc SITE STRUCTURE Wordpress Workshop site example 27. Wordpress mainCategory with Static PageStatic PagespagePostsHome Page About Schedule LecturesNewsWill contain someTeam A InformationWill containNewsbrief informationTeam B concerningabout who we each lecturesabout the the workshop are and whyThe schedulelesworkshop, our we do it of each team(presentations,latest news, a(dates ofnotes, videoscalendar with our workshops etc) etc) schedule etc SITE STRUCTURE Wordpress Workshop site example 28. Wordpress mainCategory with Category with Static PageStatic PagespagePosts PostsHome Page About Schedule LecturesNewsWill contain someTeam A InformationWill containNewsbrief informationTeam B concerningabout who we each lecturesabout the the workshop are and whyThe schedulelesworkshop, our we do it of each team(presentations,latest news, a(dates ofnotes, videoscalendar with our workshops etc) etc) schedule etc SITE STRUCTURE Wordpress Workshop site example 29. Category withPosts Lecture 1: Interet & Cms LecturesWill contain each lecturesles(presentations, Lecture 2: Wordpress Basics notes, videosetc)SITE STRUCTURE Wordpress Workshop site example 30. Category withPost in category LecturesPosts Lecture 1: Interet & Cms LecturesWill contain each lecturesles(presentations, Lecture 2: Wordpress Basics notes, videosetc)SITE STRUCTURE Wordpress Workshop site example 31. Category withPost in category LecturesPosts Lecture 1: Interet & Cms LecturesWill contain each lecturesPost in category Lecturesles(presentations, Lecture 2: Wordpress Basics notes, videosetc)SITE STRUCTURE Wordpress Workshop site example 32. Category with Post in category LecturesPostsLecture 1: Interet & Cms LecturesTags: intenet, cms, domain & hostingWill contain each lectures Post in category Lecturesles(presentations, Lecture 2: Wordpress Basics notes, videosetc)SITE STRUCTURE Wordpress Workshop site example 33. Category withPost in category LecturesPostsLecture 1: Interet & Cms LecturesTags: intenet, cms, domain & hostingWill contain each lecturesPost in category Lecturesles(presentations, Lecture 2: Wordpress Basics notes, videosTags: installation, create a post, create aetc) page, install a themeSITE STRUCTURE Wordpress Workshop site example 34. Category with Team A starts at 12/11/12PostsNewsNewsconcerningVideo Lectures are now available!the workshopSITE STRUCTUREWordpress Workshop site example 35. Post in category NewsCategory with Team A starts at 12/11/12PostsNewsNewsconcerningVideo Lectures are now available!the workshopSITE STRUCTUREWordpress Workshop site example 36. Post in category NewsCategory with Team A starts at 12/11/12PostsNewsNews Post in category NewsconcerningVideo Lectures are now available!the workshopSITE STRUCTUREWordpress Workshop site example 37. Post in category NewsCategory with Team A starts at 12/11/12Posts Tags: announcement, scheduleNewsNews Post in category NewsconcerningVideo Lectures are now available!the workshopSITE STRUCTUREWordpress Workshop site example 38. Post in category NewsCategory with Team A starts at 12/11/12Posts Tags: announcement, scheduleNewsNews Post in category NewsconcerningVideo Lectures are now available!the workshopTags: lectures, videoSITE STRUCTUREWordpress Workshop site example 39. ( ! o rkshop Lab) w ( CS, rkshop , 1 wo . p.ternet, 3 o lapt in p lapto , ), 2 work .shop ketingClub ,line M ar , & On CMS , ( 3- 5 CS 19/11 Lab) ! 2 wor kshop CMS &Online Marketing. ADD CONTENTWordpress Workshop site example 40. SELECT A THEMEWordpress Workshop site example 41. WP Themes 42. WhatA WordPress Theme is a collection of files that work together to produce a graphical interface with an underlying unifying design for a website. Or in other words...A way to skin your website 43. Where to find them?In all over the WEB! 44. Some great marketplaces CSSigniter WoothemesThemeforestWordpress Theme Directory 45. Ok now what ? 46. Three Simple Steps UploadActivate Configure Settings 47. Where they live 48. Server Side 49. Client SideActive ThemeInactive - Installed Themes 50. Upload 51. 123 52. Activate 53. Click to activate 54. Configure your settings 55. Nothing common for all 56. Examples 57. Lets explain what you see 58. HeaderNavigation Menu PostsSidebar - WidgetsFooter 59. You just said what?Widgets 60. DefinitionWidget is a fancy word for tools or content that you can add,arrange, and remove from the sidebar(s) of your blog. Widgets make it easy to customize the content of your sidebar(s). 61. How & Where 62. Available Widgets Available Spacesidgetw raga DInactive - Previously Used 63. Result 64. Next Step -Navigation Menu 65. Some words...Navigational menus are vital parts of your sites design. They tell your site visitors where to go and how to access importantinformation or areas on your site. 66. Previously seenNavigation Menu 67. Where Added ItemsItems to add 68. Final Part - Plugins 69. DefinitionA WordPress Plugin is a program, or a set of one or more functions, written in the PHP scripting language, that adds a specific set of features or services toyour WordPress website 70. Dont Forget!That Plugins can make you a superhero.Plugins can modify your whole webpage and give unlimited new features. 71. Social Network! 72. E-Shop! 73. How to install 74. Search for one 75. Choose one and click install 76. All of your installed PluginsAfter installation click to activate! 77. Done 78. Questions ? 79. Lets do it 80. DOWNLOAD WORDPRESS FILESStep 1 81. UPLOAD WORDPRESS FILES Step 2 82. CREATE DATABASEStep 3 83. Database Name: k25806dimt_ 84. Database Name: k25806dimt_ 85. Database Name: k25806dimt_ 86. Database Name: k25806dimt_ 87. Database Name: k25806dimt_ 88. Database Name: k25806dimt_ 89. Database Name: k25806dimt_ Database User Name: demoDatabase User Password: 12345 90. Database Name: k25806dimt_ Database User Name: demoDatabase User Password: 12345 91. Database Name: k25806dimt_ Database User Name: demoDatabase User Password: 12345 92. Database Name: k25806dimt_ Database User Name: demoDatabase User Password: 12345 93. START I