10 basic steps to word press theme customization


Published on

Published in: Self Improvement
1 Like
  • Be the first to comment

No Downloads
Total views
On SlideShare
From Embeds
Number of Embeds
Embeds 0
No embeds

No notes for slide

10 basic steps to word press theme customization

  1. 1. 10 Basic Steps to WordPress Theme Customization By
  2. 2. About me● Hi! I am Tristan Khalil and I am the owner of TRIZZONE.● I love gaming, photography, listening to music and even watching movies. I also love to explore new places.● When I am in front of my computer, I am doing some administrative tasks such as social media promotion, WordPress management, doing some graphic design project and more.● TRIZZONE is my porfolio website and blog. I am blogging about freelancing, social media, SEO and virtual assistance.● You can follow me at www.about.me/triz
  3. 3. GlossaryAdmin BarThe admin bar is an area of the screen just above your site that lists useful admininstrationscreen links such as add a new post or edit your profile. The admin bar concept was added toWordPress in Version 3.1 and was replaced by the Toolbar in WordPress Version 3.3. Each usercan use Administration > Users > Your Profile to turn on (or off) the admin bar when viewing thesite or the Dashboard.Back EndThe back end is the area that authorized users can sign into to add, remove and modify contenton the website. This may also be referred to as “WordPress”, "admin" or “the administrationarea”.CategoryEach post in WordPress is filed under a category. Thoughtful categorization allows posts to begrouped with others of similar content and aids in the navigation of a site. Please note, the postcategory should not be confused with the Link Categories used to classify and manage Links.ContentContent consists of text, images, or other information shared in posts. This is separate from thestructural design of a web site, which provides a framework into which the content is inserted,and the presentation of a site, which involves graphic design. A Content Management Systemchanges and updates content, rather than the structural or graphic design of a web site.
  4. 4. GlossaryDashboardIn WordPress a Dashboard is the main administration screen for a site (a weblog), or for anetwork of sites. It summarizes information about the site or network, and also externalinformation, in one or more widgets that the Dashboard user can enable, disable, and movearound.Front EndThe front end is what your visitors see and interact with when they come to your website, www.YourSite.com.PageA Page is often used to present "static" information about yourself or your site. A goodexample of a Page is information you would place on an About Page. A Page should not beconfused with the time-oriented objects called posts. Pages are typically "timeless" in natureand live "outside" your blog.PermalinkA permalink is a URL at which a resource or article will be permanently stored. Many pagesdriven by Content Management Systems contain excerpts of content which is frequentlyrotated, making linking to bits of information within them a game of chance. Permalinks allowusers to bookmark full articles at a URL they know will never change, and will always presentthe same content.
  5. 5. GlossaryPermalinks are optional in WordPress, but are highly recommended as they greatly increase thecleanliness of URL.PostAlso known as “articles” and sometimes incorrectly referred to as “blogs”. In WordPress,“posts” are articles that you write to populate your blog.ShortcodeA Shortcode is a technique for embedding a snippet of PHP code into the body of a page orother content item.SidebarA sidebar is a vertical column provided by a theme for displaying information other than themain content of the web page. Themes usually provide at least one sidebar at the left or right ofthe content. Sidebars usually contain widgets that an administrator of the site can customize.WidgetIn WordPress a widget is a self-contained area of a web page that performs a specific function,or the code that generates such a self-contained area. For example, WordPress has a built-inwidget that displays a list of pages in a weblogs sidebar, and it has another built-in widget thatdisplays a list of recent comments in the Dashboard. Plugins and themes can provideadditional widgets.
  6. 6. Questions from our attendees:Is there a Social Media Metrics for Wordpress? - Carissa Yes, just searchin the plugin repository for "Social Metrics". Social Metrics is a Social MediaAnalytics tool you can use to track your WordPress blog performance on popular social networkingwebsites and services.How can I use this as my advantage on my Virtual Assistant career? - Arnel Nowadays, most Internet Marketeers and Small Businesses uses WordPress as their websiteplatform because its easy to setup, maintain and customize for their branding.Can these customization be applied to wordpress.com as well? - Jovell Sadly, not all. WordPress.com are very limited compared to self-hosted WordPress.Is each of the 10 themes designed or suited for a specific type of blog (e.g. business, personal,information sharing, different types of on line biz, etc)? - Ron Just to make it clear, we will be discussing about the steps on how to customize a WordPresstheme. It will depend on what kind of WordPress site your are developing. Ill try to cover some themesfor blogging, business, porfolio and landing page.How can i delete the auto saved post in my free hosted WP? - Dhey Im not so sure about this one. Meron lang auto-save feature ang WP but you can delete the postnaman if you want.
  7. 7. Questions from our attendees:Whats the best wordpress theme? - Christian Theres no best WordPress theme. But one thing that I will recommend is to use responsivethemes.How to add and use widgets? - Perseus Widgets will depend on the theme you are using. Some themes might have more widgets thanothers. As for their usage, we will discuss that here as it is part of the customization.Please give details about how WordPress works. - Eloisa WordPress can work as a blog, portfolio site, tumblog, landing page or a full-blown businesswebsite.WordPress Proper Coding. - Jan Daryll Theres no proper coding for WordPress. But you can install Better WP Minify to group togetherscripts and codes. This will help faster page loading. Another thing is that if you will be inserting ascript, try to insert it in the footer area, rather than the header as usually what they instruct you to do.Is it worth it? - Richard It depends on you. If you love customizing website. Then this might be something you will lovedoing.Customizing WordPress to be responsive. - Nica The secret of a responsive theme is that its ability to fit in any width, we call that fluid theme.
  8. 8. Lets Begin!
  9. 9. 1. Prepare your WordPress Site.- Install Ultimate Maintenance Plugin and setyour Privacy to "Not index/crawl".- You might want to do it first in a subdomain orin your PC (via XAMP).
  10. 10. 2. Select a theme.- You might want to select what theme youwant to use. You can check the WordPressTheme Repository or search online for themes.- Stay away from using themes are are notprovided by the developers website.- You can get free themes from Themeforest.net, WooThemes, ThemesKindgom, WPMUand among others.- Fluid themes are best responsive themes.
  11. 11. 3. View the DEMO Theme- Check every pages of the theme.- Pinapakita kasi nila yung mga features nakayang gawin ng theme.- Check the homepage, inner pages, contactpage, portfolio, blog, etc.- Check the header, footer and sidebars.
  12. 12. 4. Look for the themesdocumentation.- Always look for and read the themesdocumentation.- The themes documentation will serve as your"Quick Guide" or "User Manual"- Follow the steps on setting up theHomepage, Portfolio Page, Contact Page,Blog Page etc.
  13. 13. 5. If still at lost, use the dummy filesprovided.- Most of the time, dummy or sample file isprovided together with the theme to help yousetup theme just like what you can see on theirdemo site.- Dummy/Sample file provided have shortcodesand may include link to the demo images.- Upload your own images and do not hotlinkimages from the demo site.
  14. 14. 6. Using the dummy file/data, editthe pages to what information youwant to be posted.- Of course you need to edit each pages orposts.
  15. 15. 7. Know the Shortcodes- It would be wise if you know some of the basicshortcodes.- Shortcodes are your friends when doing somecustomization.- Example of a shortcode:[button]Click me![/button]
  16. 16. 8. Expect to do Trial and Error.- You will need to save and check the front-endto see how it looks like with the changes youvemade.
  17. 17. 9. Always refer to thedocumentation or demo site- Should you bump into something that youcant get the thing you want, refer to thedocumentation or check the demo site for whatcode was being used.
  18. 18. 10. If you think you cant proceed oncustomizing, ask the developer orWordPress Pro/Experts.- This is what I like about getting themes fromthe developer because they will provide youwith support either via email or forum.- There are many WordPress groups inFacebook that you can ask for help.- Example groups are WordPress for Businessand WordPress Design & Development.
  19. 19. Question & AnswerPlease TYPE your questions in the chat box. Thanks
  20. 20. Visit my website @www.tristankhalil.com