How To Get Started Building Custom Websites With WordPress
â˘
4 gostaramâ˘1,167 visualizaçþes
Slides for WordCamp Montreal 2014 panel presentation on How To Get Started Building Custom Websites with WordPress.
Recomendados
Mais conteĂşdo relacionado
Destaque
Semelhante a How To Get Started Building Custom Websites With WordPress
Semelhante a How To Get Started Building Custom Websites With WordPress (20)
Ăltimo
Ăltimo (20)
How To Get Started Building Custom Websites With WordPress
- 1. Belinda Darcey visual designer @belindadarcey dolcedesign.com Julie Cloutier web integrator @jcloutierdesign juliecloutier.com Tippi Thole art director @tippithole brightspotstudio.com Shannon Smith web developer @cafenoirdesign cafenoirdesign.com How to Get Started Building Custom Websites with WordPress
- 2. Belinda Darcey @belindadarcey dolcedesign.com Visual Designer ⢠Art Director ⢠UX/UI Designer ⢠Graphic Designer ⢠Illustrator
- 3. Default Themes Thesis Theme Premium Themes Starter Themes
- 4. Method 1: Default Themes TwentyFourteen TwentyThirteen TwentyTwelve TwentyEleven TwentyTen
- 6. TwentyEleven: Out Of The Box TwentyEleven: Customized
- 8. TwentyTwelve: Out Of The Box TwentyTwelve: Customized
- 9. TwentyTwelve: Out Of The Box TwentyTwelve Customized
- 10. Live Demo Site
- 11. TwentyThirteen: Out Of The Box TwentyThirteen: Customized
- 12. Default Themes Pros ⢠Free ⢠Robust code ⢠Plug-in compatibility ⢠Forum support ⢠Longevity Cons ⢠Popular look⌠⢠Code bloat ⢠Plugins or Child theme required for: ⢠changing HTML layout ⢠adding javascript
- 13. HTML & CSS - Jon Duckett www.wpbeginner.com Resources
- 14. Tippi Thole @tippithole brightspotstudio.com Web/Graphic Designer ⢠art director ⢠graphic designer ⢠photographer
- 15. Method 2: Premium Themes âFilteredâ from ThemeTrust List of the themeâs functionality and features.
- 16. âFilteredâ Demo ⢠shows all the functionality and styles built into the theme.
- 17. Filtered: Out Of The Box Filtered: Customized
- 18. Filtered: Out Of The Box Filtered: Customized
- 19. Premium Theme Customization (back end) ! ! Using Theme Options: ! ⢠adjust theme settings ⢠CSS (200+ lines) ⢠some modification of page templates and functions using PHP
- 20. Variations on a Theme theme demo tippithole.com brightspotstudio.com
- 21. ⢠can be used on multiple sites ⢠includes tech help on support forums Premium Themes : Pricing ⢠$49 for two Great if youâre indecisive ⢠$34.30 for one (with 30% off coupon code)
- 22. Premium Themes Pros ⢠Inexpensive ⢠Donât have to code ⢠Fast ⢠Theme updates ⢠Tech support Cons ⢠Time to research ⢠Limited changes ⢠Guesswork ⢠Need a lot of CSS ⢠Might need PHP ⢠Design bugs ⢠Tech support
- 23. ThemeTrust (www.themetrust.com) ⨠Premium WordPress themes that are affordable and easy to use. W3 Schools (w3schools.com)⨠Free HTML, CSS, SQL and PHP tutorials Resources
- 24. Julie Cloutier @jcloutierdesign juliecloutier.com Designer ⢠UX/UI Designer ⢠IntÊgrateur Web ⢠Web Designer ⢠Graphic Designer
- 25. MĂŠthode 3 : Thesis âClassic Skinâ
- 27. Thesis Menu ! ⢠Thesis home ⢠Skin Content ⢠Custom CSS ⢠Skin Editor ⢠Manage Skins ⢠Manage Boxes
- 28. Thesis Skin Editor ! Permet dâajouter : ⢠des ĂŠlĂŠments ⢠des Div HTML
- 33. Thesis Prix ! www.diythemes.com ! De base : 87 $ = un seul domaine. ! Professional : 197 $ = IllimitĂŠ* ! ! ! *plus 40 $/client
- 34. Thesis Pros ⢠Facile Ă apprendre ⢠Très flexible ⢠Bon support ⢠Robuste Cons ⢠Mises Ă jour ⢠Payant ⢠Loin du ⨠âCore WordPressâ
- 36. Shannon Smith @cafenoirdesign cafenoirdesign.com Web Developer ⢠UX/UI Designer ⢠Web Developer ⢠Bilingual Development Specialist
- 37. Method 4: Blank Starter Theme â_s or underscoresâ from Automattic underscores.me
- 38. _s Starter Theme Out of the Box
- 39. HeaderCongress Logo H o m e E v e n t s A b o u t C o n t a c t All rights reserved Š World Federation of Hemophilia, 2014 Legal Sitemap WFH Logo Editorial Box Donate Newsleter sign-up 300 x 250 Ad (Medium Rectangle) 300 x 250 Ad (Medium Rectangle) 300 x 250 Ad (Medium Rectangle) 300 x 100 Ad (3:1 Rectangle) Featured Content Slider Search Event Highlights Top Stories Social Media Links _s Starter Theme The Process 1. Visual Design 2. HTML + CSS Starter Files 3. Blank WordPress Starter Theme
- 40. _s Starter Theme H O M E A R C H I V E S R E S O U R C E S E V E N T S A B O U T C O N T A C T All rights reserved Š World Federation of Hemophilia, 2014Legal Sitemap Search THE OFFICIAL NEWSPAPER OF THE WFH 2014 WORLD CONGRESS THE DAILY CONGRESS Advertisements 1 PROJECT RECOVERY MASTHEAD The Congress Daily is the daily journal of the WFH 2014World Congress, held in Melbourne, Australia from May 12-15, 2014. Opinions expressed are those of the individuals and organizations cited. Editors: Anna Maria di Giorgio, Jay Poulton Scientific advisor: XXXXXXXXX, MD Photography: XXXXXXXXXXXX Outcome assessments top priority for clinicians, researchers Efficiently build strategic materials whereas user friendly imperatives. Holisticly customize bricks-and-clicks content before worldwide users. Phosfluorescently plagiarize leading- edge resources for optimal bandwidth. Quickly incubate competitive catalysts for change for go forward web services. Authoritatively fashion multimedia based e-commerce without corporate methodologies. Uniquely iterate competitive partnerships vis-a-vis an expanded array of initiatives. Read more... WFH MEMBERSHIP SIGN UP TODAY DONATE CLOSE THE GAP 50 Years of advancing treatment for all Outcome assessments top priority for clinicians, researchersCollaboratively architect client-based channels via clicks-and-mortar strategic theme areas. Synergistically deploy cross- media e-markets through covalent infomediaries. Collaboratively coordinate installed base scenarios after ethical e- markets. Read more... Efficiently build strategic materials whereas user friendly imperatives. Holisticly customize bricks-and-clicks content before worldwide users. Phosfluorescently plagiarize leading-edge resources for optimal bandwidth. Read more... Top stories 1 2 3 4 Outcome assessments top priority for clinicians, researchers 50 Years of advancing treatment for all Outcome assessments top priority for clinicians, researchers Welcoming the world to Melbourne New advancements for hemophilia care around the world 5 00:00 - 00:00 Ulpa int prem. On es ex et estiones adi sequid exped quo eum con earcia si aut. 00:00 - 00:00 Restibuscit aut ut aligeni mustio. Nam in cullabore voloresequos et maximus. 00:00 - 00:00 Ulpa int prem. On es ex et estiones adi sequid exped quo eum con earcia si aut. 00:00 - 00:00 Restibuscit aut ut aligeni mustio. Nam in cullabore voloresequos et maximus. Today at a glance Project recovery turns unused blood products into hemophilia medicine for developing countries Welcoming the world to Melbourne Project recovery turns unused blood products into hemophilia medicine for developing countries 6 wfhcongressdaily.org Design & Development
- 43. _s Starter Theme silviaphotography.com Design & Development
- 44. Blank Starter Theme Pros ⢠Precise ⢠Lean ⢠Flexible ⢠Quick to build ⢠Quick to debug ⢠Free Cons ⢠Can be more work ⢠Less support ⢠Need to understand the code
- 45. Digging Into WordPress - Chris Coyier & Jeff Starr Resources Get a Blank ⨠Starter Theme ⢠underscores⨠underscores.me ⢠Starkers ⨠github.com/viewportindustries/starkers ⢠Roots⨠roots.io ⢠Bones⨠themble.com/bones ⢠HTML5 Blank⨠html5blank.com ⢠WP-Foundation⨠320press.com/themes/wp-foundation/
- 46. Default Themes Premium Themes Thesis! Theme Blank Starter Theme Coding! Required? No Some Some Yes Learning Curve Very easy Easy Easy DifďŹcult Out-of-Box Flexibility re- HTML & functions Limited Limited Limited Unlimited Risk of! plugin conďŹict or incompatibility Low High High Low Recommended for Beginner Intermediate Intermediate Advanced Cost Free $40 - $140+ $90 - 200 Free Which Method Is Right for You?
- 47. Questions? http://www.slideshare.net/dolcedesign/ how-to-get-started-building-custom- websites-with-wordpress Belinda Darcey visual designer @belindadarcey dolcedesign.com Julie Cloutier web integrator @jcloutierdesign juliecloutier.com Tippi Thole art director @tippithole brightspotstudio.com Shannon Smith web developer @cafenoirdesign cafenoirdesign.com