35
How to create a stunning, mobile friendly, business website with the Divi theme @MichelleCasti

Create a stunning, mobile friendly business website with the divi theme

Embed Size (px)

DESCRIPTION

WpInsider Meetup - Oct 29, 2014 - How to create a stunning, mobile friendly, business website with the Divi theme

Citation preview

  • 1. @MichelleCasti

2. A little bit about MichelleTecnomatix TecnologiesNow part of Siemens PLM(Product lifecycle management)Robotics and Automation Planning solutionto develop robotic and automatedmanufacturing systems. The softwareaddresses multiple levels of robot simulationand workcell development, from single robotsand stations to complete lines and zones. 3. An a bit more ...Japan 3.5 years projects forToyota, Mazda, NissanFrance/Europe 2 years BMW, VW, RenaultDetroit/USA 4 years Ford , GM, Dell, FreightlinerVancouver IT Project Manager in TELUSReal Estate Investor - Built more then 10 websites formy own businessesSince the beginning of 2011: Castillo Media Group 4. About Castillo Media GroupMission: To educate business owners about todaysonline marketing technology so that they can makesmart and educated decisions when going online.We allow business owners to have as much controlon their website as they want:Build you own website trainingWe build the website and the business owner maintainsitMaintenance and support for WordPress websites 5. What is WordPress (Wikipedia)WordPress is an open source Content ManagementSystem (CMS), often used as a blog publishingapplication, powered by PHP and MySQL.It has many features including a plug-in architectureand a template system.WordPress was used by more than 22.0% of the top10 million websites as of August 2013WordPress is currently the most popular CMS in useon the Internet - 60 Million installations 6. Why WordpressVery popular which means that:Huge selection of off-the-shelf solutions. Wordpeessfunctionality can be expanded or customized usingplugins, which are add-on software modules. There arethousand of FREE plugin that can do anything you need.Easy to outsource required changesDoes not vendor-lock youSearch Engine FriendlyYou are in control ( If you want to be ) 7. WordPress.org vs. WordPress.comWe are going to talk about the Self HostedWordPress, ( also referred to as WordPress.org ) WithWordPress.org, YOU host your own blog or website.WordPress.org is where youll find the free WordPresssoftware that you can download and install on yourown web server.WordPress.com, on the other hand, takes care of allof the hosting for you. You dont have to downloadsoftware, pay for hosting, or manage a web server butthere are several limitations 8. What can you do with WordPressBlogs: http://www.themarthablog.com/Video Blogs: tv.winelibrary.com/Business websites: clientattraction.comOnline Magazines: www.vancouverlatino.com/Membership Sites: www.paleoplan.com/Online store:Government: JoinDelawareSchools.orgSalePages: wpinsider.org/introduction-to-wordpress-webinar/ 9. Setting Up your First WordPress websiteAcquireDomainNameSign up forHostingPointDomain toServerInstallWordPressInstallThemeBasicsettingsAddContent:Post,Pages,Pics,VideosAddPluginsAddWidgets 10. Acquiring a domainThere are several provider The mostpopular is GoDaddyPicking a good domain nameIf possible Use keywords that youtarget market usesIs it easy to say?Is it easy to remember? 11. WordPress HostingMinimum requirements to run a wordpress website are:PHP version 5.2.4 or greaterMySQL version 5.0 or greaterOur additional recommendations:-Apache mod_rwerite ( Linux hosting recommended )cPanel support cPanel is a web hosting control panel that provides agraphical interface and automation tools designed to simplify theprocess of hosting a web site.Server Location If your business serves a community in a specificgeographic location, it is recommended that you use a hosting servicethat has servers in your target location. This will help improve yourSEO ranking in your area.Disk space and bandwidth limitation We recommend you choosea hosting plan that is unlimited. These plans are so common andaffordable, there is no reason you will pick any other option. 12. Hosting Cont.BlueHost A US Based hosting provider that offers an excellent webhosting service. Simple signup process. $5.95/month = $71.4/yearSite5 My favorite. Great customer support. .$5.95/month = $71.4/year . They have servers in various cities aroundthe world which allows local hosting. Additional cost of $1~$2/monthWpEngine Fully Managed WordPress hosting - $290/yearNot recommend : GoDaddy hosting 13. Point the domain at your hostingSet up name servers The actual values areprovided by the hostingcompanyThe information shouldbe entered into thedomain registrantdatabase. 14. cPanel Provided by the hostingcompanyManage email accountsConfigure domainsInstall and uninstallWordPressManage files in a userfriendly environment 15. Configure Domain In cPanelYour main domain is automatically definesIf you add more domain to your hosting account,use AddOn domainSub domains allow you to define domains such asmembers.wordpressinsider.org 16. Installing WordPressDifferent cPanels may use differentsoftware but the idea is the sameUse a unique administrator username NOT admin 17. WordPress dashboardLogin through /wp-admin 18. Publishing contentIn WordPress, you can write either posts or pages.Posts are typically regular blog entries, you write apost. Posts automatically appear in reversechronological order on your blog's home page.Pages, on the other hand, are for content such as"About Me," "Contact Me," etc. 19. About Categories & TagsEach post must have at least one categoryTags are similar to categories, but they are generallyused to describe your post in more detail. Using tags isoptional 20. Plugins OverviewPlugins are softwareadd-ons that canenhance andmodify the defaultbehaviour ofWordpress.Plugin are installedfrom with theWordPressDashboardExample - AddThis 21. What you can do with pluginsEasily integrate with email marketing system such asMailChimpConvert your website to a membership siteSpeed up your siteEvent calendarsAdd contact formImplement eCommerce functionalitySocial Media sharing buttons 22. WidgetsWidget is a fancy word for tools or content that youcan add, arrange, and remove from the sidebar(s) orany other widgetized area of your WordPresswebsite.Widgets make it easy to customize the content of yoursidebar(s).In may WordPress themes Widgets are used tocustomize the home page 23. ThemesThere are hundreds of free themes you can choosefromPremium themes cost anywhere between $39~$300Premium theme providers:Elegant themes $39 per 1 year access for 50+ themesWooThemes From $70/3 themes and upDirectoryPress - $79StudioPress - $99.5 for one theme/$400 for the entirecollection 24. Planning your websiteUnderstanding your potential clientsHow they find you websiteWhat are they looking for?What problems do they want solved?What pain are they seeking a salve for?What dreams would they love you to fulfillfor them?What language are they using? 25. Content is king: Write better copyCreating fresh, engaging content helps build aloyal following and attract links.Good content creates natural linksGood content bring repeat visitsGood content likely to cover long tail keywordsthat your market is looking forThe secret for writing great website copy issimple: use keyword, the words people use whenthey search, within your website copy 26. What is the action you would likethe site visitors to take?CallFill in a contact formOpt in to my listBuy my productLike my content and recommend toothers via social media 27. Visual Aspects of your websiteImagesTypical image is less the 500 pixel wide and less then 100KBin sizeColors - Need to be in a harmony( Read more - Useful Tools to Help Choosing your Websites Color Scheme )Paletton.com generates color schemes using base colorPictaculous - generates a color scheme for you based onfive primary colors from a photo that you upload to theprogram.Contrast Ratio - Contrast between background and text 28. About DiviProsModern lookingMobile friendlyEasy to create various page layouts - Comes with pre madetemplatesVery well documented -http://www.elegantthemes.com/gallery/divi/readme.htmlConsHard to move to another themSmall space for logoCost $69/year or $249 for lifetime. Gives you access to allelegant themes themes 29. Install new premium theme1. Go to Appearance /Themes2. Click on Add New:1. Click on Upload theme2. Upload the file and activate the them 30. Building Pages with DiviPages can use the default WP editor or the Divi pagebuilderThe 3 main level of the page builder are:SectionColumnModuleThere are predefined layout you can use to create anew pageTo create a sales page you can use the Blank pagetemplate 31. Page SettingsSetting/Permalinks The permanent URL to yourIndividual postsIt is recommended to use customstructure :/%category%/%postname%Setting/Reading/Front Page displaysHere you define which page is your home Page 32. 3 places to customize themeAppearance->Divi Theme OptionsAppearance-> CustomizeTheme settingsColorsSchemesCustom CSS ( Use child theme ) 33. Basic theme settingsLogoFavicon 34. Questions ???? 35. Connect With Me:Email: [email protected]: @MichelleCastiFacebook/WordPressInsiderWebsite: WPInsider.org