Your SlideShare is downloading. ×
Wordpress website development
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Wordpress website development

584
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
584
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Website Development For Dummies
  • 2. What is WordPress?• WordPress is an extensive publishing system mainly used for, well, blogging.• It is free and open-source and is hugely based on PHP and MySQL• Social media can be incorporated into your posts and it is now most efficient for sites that utilize these types of media.• Still unarguably the most recommended
  • 3. WordPress and its Advantages• It’s Open Source, so it’s free!• It’s Easy!• It offers SEO support• Customization is readily done WordPress is being revered for its simplicity and ease of use. Users can’t help but keep using it for their sites, keeping it the leading blogging software to date.
  • 4. Starting up with WordPress
  • 5. Starting up with WordPress• Live site requirements – WordPress (http://www.wordpress.org) – Hosting server and Domain • Bluehost • HostGator • GoDaddy – FTP • Filezilla • CuteFTP – Apache,PHP and MySQL – phpMyAdmin
  • 6. Starting up with WordPress• Local server requirements – WordPress (http://www.wordpress.org) – WAMP or XAMPP • phpMyAdmin • Apache • PHP • MySQL
  • 7. WORDPRESS INSTALLATION
  • 8. LIVE SITE INSTALLATION
  • 9. Live site installation: 1• Connect to your FTP – FTP Accounts• Upload the WordPress Files• Create a database• Create and assign user into the database – Username – Password• Assign user privileged
  • 10. Live site installation: 2• Go to your domain• Click the button Create Configuration file• Click the button Let’s Go• Fill-up the fields – Database Name – User Name – Password – Database Host (localhost)
  • 11. Live site installation: 3• Run the Install• Fill-up the fields – Site title – Username – Password – Your E-mail – Privacy • Allow search engines to index this site. – Click button Install Wordpress• Login – Yoursite.com/wp-admin
  • 12. LOCAL SITE INSTALLATION
  • 13. Local site installation: 1• Copy WordPress file to ‘WWW’(wamp) or ‘HTDOCS’ (xampp) folder• Name your WordPress File• Create Database to phpMyAdmin – http://localhost/phpmyadmin• Username: Root & Password is empty• Go to – http://localhost/wordpress
  • 14. Local site installation: 2• Click the button Create Configuration file• Click the button Let’s Go• Fill-up the fields – Database Name – User Name – Password – Database Host
  • 15. Local site installation: 3• Run the Install• Fill-up the fields – Site title – Username – Password – Your E-mail – Privacy • Allow search engines to index this site. – Click button Install Wordpress• Login – http://localhost/wordpress/wp-admin
  • 16. WordPress Admin http://www.yoursite.com/wp-adminhttp://localhost/wordpress/wp-admin
  • 17. WordPress Admin: Login
  • 18. WordPress Admin: Dashboard• Expanding, Collapsing, and Editing, Modules• Rearranging the Dashboard• Adding new Dashboard Widgets – Plugin or theme developers can make new Dashboard Widgets available through plugin (or functions.php) code very easily• Default Dashboard Widgets – The following dashboard widgets are included by default with WordPress and should be available on all installs.
  • 19. WordPress Admin: Posts• Posts are the entries that display in reverse chronological order on your home page. In contrast to pages, posts usually have comments fields beneath them and are included in your sites RSS feed.• http://codex.wordpress.org/Writing_Posts
  • 20. WordPress Admin: Media• Media is the images, video, recordings, and files, you upload and use in your blog. Media is typically uploaded and inserted into the content when writing a Post or writing a Page.• The Media Library Screen allows you to edit, view, and delete Media previously uploaded to your blog. Multiple Media objects can be selected for deletion. Search and filtering ability is also provided to allow you to find the desired Media.• http://codex.wordpress.org/Media_Library_Screen
  • 21. WordPress Admin: Pages• What Pages Are:• Pages are for content that is less time-dependent than Posts.• Pages can be organized into pages and SubPages.• Pages can use different Page Templates which can include Template Files, Template Tags and other PHP code.• Pages may have a more complex array of readily available display adjustments when using sophisticated Themes with extensive customization.• In essence, Pages are for non-blog content. It is possible to remove all or most Posts from a WordPress installation, and thus to create a standard non-blog website.• http://codex.wordpress.org/Pages
  • 22. Wordpress Admin: Comments• Comments allow your websites visitors to have a discussion with you and each other. When you activate comments on a Page or post, WordPress inserts several text boxes after your content where users can submit their comments. Once you approve a comment, it appears underneath your content. Whether you want to customize how your receive comments or tweak how your site displays comments, WordPress provides a thorough set of options to build a community from the visitors to your site.• http://codex.wordpress.org/Comments_in_WordPress
  • 23. WordPress Admin: Appearance• Widgets Screen – Themes usually have at least 1 or 2 sidebars. Sidebars are the narrow columns to the left or right of your blog posts. Each section in the sidebar is known as a "Widget" that you can add or remove, and move up or down. You configure Widgets in your sidebar by via th• Menus Screen – The Appearance Menus Screen enables a user to create custom navigation menu in place of a theme’s default menu. Support for this feature must be registered in the themes functions.php file.
  • 24. WordPress Admin: Appearance• Themes Screen – The Appearance Themes Screen allows you to manage your Themes. That means you can install, preview, delete Themes, activate, and update Themes.• Editor Screen – TheAppearance Editor Screen allows you to edit those Themes Template and Stylesheet files.
  • 25. WordPress Admin: Plugins• Plugins are tools to extend the functionality of WordPress. This article contains a list of plugins by category, and links to other plugin repositories. The core of WordPress is designed to be lean, to maximize flexibility and minimize code bloat. Plugins offer custom functions and features so that each user can tailor their site to their specific needs.• http://codex.wordpress.org/Plugins
  • 26. WordPress Admin: Users• Summary of Roles – Super Admin - Someone with access to the blog network administration features controlling the entire network. – Administrator - Somebody who has access to all the administration features – Editor - Somebody who can publish and manage posts and pages as well as manage other users posts, etc. – Author - Somebody who can publish and manage their own posts – Contributor - Somebody who can write and manage their posts but not publish them – Subscriber - Somebody who can only manage their profile• http://codex.wordpress.org/Roles_and_Capabilities
  • 27. WordPress Admin: Tools• Import• Export• https://codex.wordpress.org/Tools_Screen
  • 28. WordPress Admin: Settings• This Settings General Screen is the default Screen in the Settings Administration Screen and controls some of the most basic configuration settings for your site: your sites title and location, who may register an account at your site, and how dates and times are calculated and displayed.• http://codex.wordpress.org/Settings_General_Screen
  • 29. Themes and Plugin Installation
  • 30. Themes Installation• Appearance – Themes • Install Themes – Search – Upload – Featured – Newest – Recently Updated » Activate Theme• Upload Directory – root • wp-content – themes
  • 31. Plugin Installation• Plugins – Add New • Search • Upload • Featured • Popular • Newest • Favorites – Activate Plugin• Upload Directory – Root • wp-content – plugins
  • 32. Popular Themes• Default Themes – Twenty Twelve – Twenty Eleven• Popular Commercial Themes – Thesis DIY (Framework) – Woo Themes – Elegant Themes – Theme Forest – Genesis (Framework) – Optimize Press (Sales Pages)• Popular Free Themes – BuddyPress (Forum)
  • 33. Theme Developmenthttp://codex.wordpress.org/Theme_Development
  • 34. Theme Development• WordPress Themes are files that work together to create the design and functionality of a WordPress site. Each Theme may be different, offering many choices for site owners to instantly change their website look.
  • 35. Theme Development Standards
  • 36. Theme Development Standards• Use well-structured, error-free PHP and valid HTML. • For associative arrays, values should start on a new line. Also note the comma after the last array item; this is recommended because it makes it easier to change the order of the array and makes for cleaner diffs too.• No Shorthand PHP tags• Important: Never use shorthand PHP start tags. Always use full PHP tags. Many servers have shorthand tags disabled for PHP thus using full PHP tags is safer and best practice.• http://codex.wordpress.org/WordPress_Coding_Standards
  • 37. Theme Development Standards• Use clean, valid CSS.• http://make.wordpress.org/core/handbook/coding-standards/css/
  • 38. Theme Development Standards• Follow design guidelines in .• http://codex.wordpress.org/Site_Design_and_Layout
  • 39. ANATOMY OF A WORDPRESS THEME