Download as PDF, PPTX
More Related Content
Similar to Alice Phieu - WordPress For Beginners
Alice Phieu - WordPress For Beginners
- 1. WORDPRESS FOR BEGINNERS ALICE PHIEU WordCampMontreal July 2016 | #WCMTL 2016.montreal.wordcamp.org
- 2.
- 3. MEET YOUR TAs •Ann Cascarano • Brian Zerkler • Elida Arrizza • Élise Desaulniers • Jonathan Perlman • Kathryn Presner
- 4. 2003 Hi. I’m Alice. www.alicephieu.com hello@alicephieu.com @alicephieu 2011 TODAY GraphicDesigner Attended my first WordCamp! User Experience & Interface Designer
- 5. What we will becovering today… 1. What is WordPress? 2. WordPress.com and WordPress.org 3. Workshop 4. WordCamp Montreal 5. Post WordCamp
- 6. • It isa content management system (CMS) used to create blogs and websites. • Created primarily in PHP, MYSQL and JAVASCRIPT • The software is free and open-source. • Powers 26% of the internet. What is WordPress?
- 7.
- 8.
- 9.
- 10. JAVA- SCRIPT PHP MYSQL HTML CSS WordPress core andplugins are written in PHP
- 11. JAVA- SCRIPT PHP MYSQL HTML CSS Database used forstoring website information
- 12. JAVA- SCRIPT PHP MYSQL HTML CSS Used for buildingthe basic structures of your website
- 13. JAVA- SCRIPT PHP MYSQL HTML CSS Responsible for thevisual styling of the website
- 14. JAVA- SCRIPT PHP MYSQL HTML CSS Responsible for theactions and interactivity
- 15.
- 16. All these arehosted on a server
- 17. • dreamhost.com • bluehost.com •siteground.com • getflywheel.com • Cost: anywhere from $5 to $20,000 • more info at wordpress.org/hosting Web Hosting Companies
- 18. Your WWW address •namecheap.com • hover.com • Web hosting companies will offer it too • Cost: starting at ~$15/year Domain Hosting Companies
- 19.
- 20. WORDPRESS.ORG WORDPRESS.COM Web Hosting DomainName Design (Themes) Plugins Backups Security X X FULLY CUSTOMIZABLE FULL CONTROL SELF MANAGED SELF MANAGED FREE FREE * LIMITED * LIMITED * INCLUDED INCLUDED * upgrades will cost $
- 21.
- 22. PAGES • Home • About •Blog • Contact THEMES • Twenty Sixteen (default) • Hemingway EXTRAS • Widgets • Plugins
- 23. Installing WordPress Famous 5-MinuteInstall https://codex.wordpress.org/Installing_WordPress#Famous_5-Minute_Install MANUALLY 1-CLICK INSTALL Your hosting’s control panel aka cPanel 2 ways to do it
- 24. Installing WordPress WP ADMINDASHBOARD
- 25. BUT WAIT… NO WEBHOSTING! NO DOMAIN HOSTING!
- 27.
- 28. STEP 1: http://wpcourse.dawsoncollege.qc.ca/####/wp-login.php STEP 2: Enterusername and password STEP 3: You’re in WP Admin Dashboard!
- 29. Shortcuts to: - viewyour website - return to Dashboard blog entries images, PDFs, etc menu items themes & widgets add-on functionalities user management visitor feedback import/export website settings
- 30. Post Type #1:Posts • Used for date-based content (ex: Blog and News) • They’re listed in chronologically, with the newest first. • They can be assigned CATEGORIES and TAGS
- 31. Post Type #2:Pages • Used for static content (such as About and Contact) • Pages have a hierarchy to their structure (Ex: Career > Job Postings) • Cannot have taxonomies (categories and tags)
- 32. Exercise: Create 3Posts • Use these sites to generate dummy text: baconipsum.com hipsteripsum.me cupcakeipsum.com • Nice images: unsplash.com Click here to add a new post!
- 33. Exercise: Create 5Pages • Home - Front Page • Blog • About • Gallery • Contact Fill each page with text Click here to add a new page!
- 34. Exercise: Create amenu 1.Menu Structure 2.Menu Settings
- 35. Exercise: Customizer • Goto “Site Identity” and modify SITE TITLE & TAGLINE • Modify HEADER IMAGE
- 36.
- 37. Themes • Templates thatare responsible for the styling (visual) of your website • Option 1: Free Themes • Option 2: Premium Themes • Option 3: Child Themes (a modified version of a Parent Theme) • Option 4: Custom Themes, using a starter theme such as Underscores.
- 38. Exercise: Add anew theme • Search for “Hemingway” • click “Live Preview” • click “Save & Activate” if you like the new look
- 39. Widgets • An easyway to add content and features to your sidebars or footers • Use cases: Categories, Archives, Search bar • Create spaces for some plugin display such as Twitter feed, social media icons • Quick and easy. No code experience required.
- 40.
- 41. Plugins • Ways toextend and add to the functionality of your WordPress site without you creating them from scratch. • Many were created by third-party companies and developers. • It can save you time and make your life easier. • A few examples: Jetpack - improve efficiency and security of your site WPML - to help you run a multilingual website BackupBuddy - best backup plugin ever Instagram Feed WD - display your latest Instagram pics https://en-ca.wordpress.org/plugins/
- 42.
- 43. Plugins • Free andPremiums • Occasionally requires some maintenance. • Too many plugins can slow down your site and affect other areas of your website’s performance. • Choose your plugins wisely: - Check out the reviews - Look at the stats (# of downloads, installations, last update) - Check documentation (description, tutorials, screenshots) https://en-ca.wordpress.org/plugins/
- 44. Quick peek atWORDPRESS.COM
- 45.
- 46.
- 47. HAPPINESS BAR This yearat WordCamp Montreal… https://2016.montreal.wordcamp.org Credit: Elida Arrizza
- 48. Post-Wordcamp 1. WPMTL.org Meetups 2.WPMTL.org Social Events 3. facebook.com/groups/wpmtl 4. Exchange contact info. Inspire and motivate each other. Partner up. STAY IN TOUCH
- 49. Post-Wordcamp 1. wpbeginner.com 2. wordpress.org/support 3.wordpress.tv 4. make.wordpress.org KEEP LEARNING
- 50.
- 51. WORDPRESS FOR BEGINNERS ALICE PHIEU WordCampMontreal July 2016 | #WCMTL www.alicephieu.com hello@alicephieu.com 2016.montreal.wordcamp.org