WordPress Web Development
description
Transcript of WordPress Web Development
![Page 1: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/1.jpg)
WordPress Web
DevelopmentAn introduction to small business site
design using the popular CMS platform.
![Page 2: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/2.jpg)
What We Will Cover• How to brainstorm for a project• How to choose the domain that is best for SEO or
vanity or perhaps both.• How to register for a free WordPress account and
start using that site• How to purchase a domain and install WordPress
on it.• How to customize a self-hosted WordPress • How to add plugins and which ones to use.
![Page 3: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/3.jpg)
What is WordPress?• 48% share of top 100 blogs in the World• Free and open source• Professional paid themes
(themeforest.net)• CMS or Content Management System• Based on PHP and MySQL• Plugin and theme architecture• Categories, tags and permalink structure
![Page 4: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/4.jpg)
Case Use for WordPress
• Site needs updating frequently. • User control of the site is necessary.• Rapid versus custom development.• Easy access to features through plugins
![Page 5: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/5.jpg)
Brainstorm • What does the project need?
• When does it need to be done by?
• How will the general visitor use the site?
• If a customer searches for the site, what keywords would bring them to it?
![Page 6: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/6.jpg)
Domain DecisionsFirst step is to pick a domain:• Choose according to keywords if SEO
is important www.webdesignclassbillings.com
• Choose according to vanity if SEO is not important
www.wdcbillings.com
![Page 7: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/7.jpg)
Domain Decisions Cont.
• Pick both SEO friendly and vanity domains if appropriate
• .coms are the best for SEO value and commercial marketing value
• .net, .co, *.io can be good alternatives to the .com (*.io exotic Indian Ocean)
• Use Fatwallet.com to get good deals on domains
![Page 8: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/8.jpg)
Install WordPress - Free Version
• Register for a free account and choose .wordpress.com extension name
• Click the “Change your blog description or permissions” button to launch the Dashboard.
• Change the site title and slogan• Adjust the time zone settings to UTC-
7
![Page 9: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/9.jpg)
Choose Theme• Click on Appearance on main menu• Browse and select theme (try
searching for keywords like colors or use cases)
• Change pages by deleting generic entry (if necessary) and adding in all the pages for the site in order using 0 base array inside page options
![Page 10: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/10.jpg)
Blogging• Click on posts and delete any generic entries (if
necessary). Click “Add New” button.• Title the post and click tab to go into main body• Notice how the permalink structure generates off
of what was typed as the title (you may want to change these for better SEO)
• Add content in the body, including images and/or videos using both the visual and text editors.
• Choose a category for the post by clicking “Add new category” typing it in and submitting.
![Page 11: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/11.jpg)
Blogging Cont.• Choose tags according to keyword
connections between posts. (Try not to have too many 1-post tags)
• Hit the publish button and go to the website to check out your work.
• Make any necessary edits (revision process is part of any good blog).
![Page 12: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/12.jpg)
Not Custom? No Worry!
• Self hosted WordPress sites allow customization of the entire site code.
• By editing the header.php, footer.php, page.php and post.php files the entire site can be switched around, changed up and customized.
• User accounts can be created so that customers cannot access these core files, but can still interact and add to the content on the site.
![Page 13: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/13.jpg)
Install WordPress – Paid
• Choose domain and make purchase (recommend Godaddy or Bluehost).
• Purchase hosting account. (try Fatwallet Godaddy coupons for great deals on hosting)
• Commercial applications can benefit from premium private servers as they are much less prone to hacking.
![Page 14: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/14.jpg)
Install WordPress – Paid Cont.
• Add domain to the hosting account by launching hosting control panel
• -> hosted domain control panel• -> add domain• -> install in root if first domain in
account, install in named folder if it is subsequent domain.
![Page 15: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/15.jpg)
Wait…Now Install WP• Wait 10-15 minutes for the hosting
account to propagate the domain over to it.
• Now choose the WordPress install option on the control panel.
• Fill in the details including:• Name of domain to install on• Username and password• Hit install
![Page 16: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/16.jpg)
Congratulations!• WordPress should install in about 20-
30 minutes.
![Page 17: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/17.jpg)
CustomizeWordPress• Dig into the code by clicking on Appearance
and then on Editor• Here are all the PHP files that comprise the
site• Change the footer by clicking on footer.php
and making additions to the code.• Change the header in header.php and so on…• Add plugins and remove the garbage plugins
that come with the install (Godaddy’s, WordPress welcome, Hello Dolly).
![Page 18: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/18.jpg)
How To Add Plugins• Click on “Plugins” and then on “Add new”• Search for the function that you want to
achieve “slideshows” “widgets” etc.. Or search by the name of the plugin.
• Check star ratings to make sure you have the right plugin.
• Be wary of installing unrated plugins or too many plugins as either of these can cause crashing and unintended consequences.
![Page 19: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/19.jpg)
Popular Plugins• Contact Form 7 – solid contact form
creator• Limit Login Attempts – protects blogs
from brute force attacks• SEO Yoast – best search engine
optimization plugin on the market and it’s free!
• Exclude pages – adds checkbox to pages that easily toggles them in and out of the main menu.
![Page 20: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/20.jpg)
What We Covered• How to brainstorm for a project• How to choose the domain that is best for
SEO or vanity or perhaps both.• How to register for a free WordPress
account and start using that site• How to purchase a domain and install
WordPress on it.• How to customize a self-hosted WordPress • How to add plugins and which ones to use.
![Page 21: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/21.jpg)
Questions?
![Page 22: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/22.jpg)
Jophiel – SkyPoint Studios
![Page 23: WordPress Web Development](https://reader036.fdocuments.in/reader036/viewer/2022062501/5681685e550346895dde9f46/html5/thumbnails/23.jpg)
#1 & #2 for SEO Billings