Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (15)
Similar to Alice Phieu - WordPress For Beginners
Similar to Alice Phieu - WordPress For Beginners (20)
Recently uploaded
Recently uploaded (20)
Alice Phieu - WordPress For Beginners
- 1. WORDPRESS FOR BEGINNERS ALICE PHIEU WordCamp Montreal July 2016 | #WCMTL 2016.montreal.wordcamp.org
- 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 Graphic Designer Attended my first WordCamp! User Experience & Interface Designer
- 5. What we will be covering today… 1. What is WordPress? 2. WordPress.com and WordPress.org 3. Workshop 4. WordCamp Montreal 5. Post WordCamp
- 6. • It is a 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?
- 10. JAVA- SCRIPT PHP MYSQL HTML CSS WordPress core and plugins are written in PHP
- 11. JAVA- SCRIPT PHP MYSQL HTML CSS Database used for storing website information
- 12. JAVA- SCRIPT PHP MYSQL HTML CSS Used for building the basic structures of your website
- 13. JAVA- SCRIPT PHP MYSQL HTML CSS Responsible for the visual styling of the website
- 14. JAVA- SCRIPT PHP MYSQL HTML CSS Responsible for the actions and interactivity
- 16. All these are hosted 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
- 20. WORDPRESS.ORG WORDPRESS.COM Web Hosting Domain Name Design (Themes) Plugins Backups Security X X FULLY CUSTOMIZABLE FULL CONTROL SELF MANAGED SELF MANAGED FREE FREE * LIMITED * LIMITED * INCLUDED INCLUDED * upgrades will cost $
- 22. PAGES • Home • About • Blog • Contact THEMES • Twenty Sixteen (default) • Hemingway EXTRAS • Widgets • Plugins
- 23. Installing WordPress Famous 5-Minute Install 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 ADMIN DASHBOARD
- 25. BUT WAIT… NO WEB HOSTING! NO DOMAIN HOSTING!
- 27. OMG. THANK YOU!
- 28. STEP 1: http://wpcourse.dawsoncollege.qc.ca/####/wp-login.php STEP 2: Enter username and password STEP 3: You’re in WP Admin Dashboard!
- 29. Shortcuts to: - view your 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 3 Posts • 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 5 Pages • Home - Front Page • Blog • About • Gallery • Contact Fill each page with text Click here to add a new page!
- 34. Exercise: Create a menu 1.Menu Structure 2.Menu Settings
- 35. Exercise: Customizer • Go to “Site Identity” and modify SITE TITLE & TAGLINE • Modify HEADER IMAGE
- 36. View your site
- 37. Themes • Templates that are 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 a new theme • Search for “Hemingway” • click “Live Preview” • click “Save & Activate” if you like the new look
- 39. Widgets • An easy way 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. Demo: Widgets
- 41. Plugins • Ways to extend 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. Demo: Plugins
- 43. Plugins • Free and Premiums • 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 at WORDPRESS.COM
- 47. HAPPINESS BAR This year at 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. Questions?
- 51. WORDPRESS FOR BEGINNERS ALICE PHIEU WordCamp Montreal July 2016 | #WCMTL www.alicephieu.com hello@alicephieu.com 2016.montreal.wordcamp.org