Useful Resourcse to Help You Understand WordPress Theme Structure

Trying to understand how WordPress works can be overwhelming with the tons of resources available online. Below is a compilation of some great resources we’ve narrowed down to help you get your feet wet as you start practicing your WordPress coding skills:

The Basic Parts of a WordPress Theme

Language consists of words that are classified into different groupings depending on their function. The English language is divided into 8 parts commonly known as: nouns, pronouns, adjectives, verbs, adverbs, prepositions, conjunctions, and interjections. These words can be used in combination with one another to express a complete thought – a sentence. Other languages may have different classifications but generally, each language is comprised of several word classifications which when combined with each other express a specific thought.

We have been slowly laying the basic foundation to understanding WordPress these past few weeks. Last week, we learned common phrases that you hear in and around the WordPress community that you might not fully understand but have become familiar with because of common use. This week we shall be a bit more technical and try to introduce a little bit more of what goes on behind a WordPress theme, its basic parts, and how it is put together to function the way we normally see it.

A WordPress theme is quite similar to a sentence. It is a combination of several parts to express a visual representation of a design thought. Let’s take a look at these basic parts (not necessarily 8) to give us an idea of what they are and how they function.

A WordPress theme is comprised of as few or as many template files as you like. These templates are PHP (PHP: Hypertext Preprocessor) source files used to generate the pages requested by visitors and are output as HTML (Hypertext Markup Language). (source: codex.wordpress.org) Each of these template files can be configured to function according to a specific design.

WordPress Themes use a combination of template files, template tags, and CSS files to generate your WordPress site’s look. If you are currently a WordPress user (self-hosted or not) you can familiarize yourself by checking out the templates listed below in the backend admin panel of your site. You can look for them under Appearance>Theme>Editor. These may all seem Greek for now and and hard to understand but the goal for now is to simply observe how the codes are written in these templates. Just make sure you don’t edit them by mistake.

Below are the basic templates that you will find among the many other templates in your WordPress theme:

style.css

CSS (Cascading Style Sheets) is a language for defining the formatting used in a Web site. This includes things like colours, background images, typefaces (fonts), margins, and indentation.

The basic principle of CSS is to allow the designer to define a style (a list of formatting details like fonts, sizes, and colours) and then apply it to one or more portions of one or more HTML pages using a selector. To every CSS style definition there are two components: the selector, which defines which tags the style will be applied to, and the attributes, which specify what the style actually does.

CSS allows you to store style presentation information (like colors and layout) separate from your HTML structure. This allows precision control of your website layout and makes your pages faster and easier to update.

index.php

index.php is a universal template, it is what any page (home, archive, single post, etc) will use if no other template is available for it. The index file controls what the homepage looks like.

For the visual learners out there, a very helpful visual resource you can check out is this infographic Anatomy of a WordPress Theme made by Yoast. More on this next week!

The Business of WordPress

The root word of ecosystem is “eco,” a derivative of the Greek term for house or home, and “system,” is a set of connected things or parts forming a complex whole. A closer look at nature reveals a highly integrated system of living and nonliving components capable of sustaining life. Each species, element, and energy source plays a crucial part in maintaining balance on our living planet. In the same token, there exists multiple layers of ecosystems within social and business structures that are interactive and interdependent upon each other. We have witnessed in the last few years a social networking phenomenon where our world has become more and more interconnected digitally and business environments are turning into digital ecosystems.

Caught in the midst of all this is a thriving WordPress community comprised of WordPress professionals, authors, developers, theme providers, marketplace vendors, web hosts, and other commercial entities that have evolved and conglomerated into this dynamic WordPress ecosystem we have today. These key players have all been instrumental in empowering the world’s most popular Content Management System (CMS) today, fueling this digital economy with WordPress powered websites, themes, plugins, and web consultancy services all around the globe.

One of the exciting events to look forward to in the WordPress scene is the upcoming Pressnomics 2012 conference in November. Pressnomics 2012 – The Economics of WordPress is the first of its kind gathering of the brightest minds in the commercial WordPress ecosystem represented by 7+ countries around the globe. The goal is to foster dialog, share and discuss business best practices, teach a mix of WordPress and general business strategy, et cetera, to help propel those who are active WordPress professionals even further as well as inspire those who are contemplating a future in the WordPress ecosystem. Among the list of speakers are familiar names in the WordPress community: Collis Ta’eed, Pete Davies, Alex King, Cory Miller, to name a few.

There is still much to learn and more room to grow in this realm as the world becomes smaller and smaller because of the recent technological advances especially in the mobile tech industry. The crest of this WordPress wave has yet to reach its peak and even as the wave rises so do the rest of the little boats floating along with it.

For more details about Pressnomics 2012, visit their website at pressnomics.com.

eCommerce WordPress Themes 2013: Trends

eCommerce has been around since the late 1990s and has been a steadily growing phenomenon over the last few years. As the Internet continues to grow in coverage and in technology, so will the number of consumers who utilize eCommerce tools as their main means of purchasing goods and services over the Internet. In a recent marketing study commissioned by Google, it was found out that 80% of shoppers today do preliminary research online before they actually do their purchase. In light of the rising dominance of eCommerce, here are some trends to watch out for in the next 12 months:

1. Mobile

In a previous article we mentioned that 2013 is likely the year mobile devices will take over. An analysis of 35000 Shopify stores predicts that 1 out of 4 eShoppers this Christmas will do so from a mobile device and this will grow to 43% next year. With 5 Billion mobile phone subscribers expected to convert to smartphones and other handheld devices, developers need to pay attention to truly responsive design with the use of flexible images. Developer also need to put focus on eCommerce engine optimizations for 3G networks found in developing countries where the bulk of smartphone conversions are expected to happen.

2. Shopify

Providers specializing in eCommerce infrastructure are gaining headway. One of the leaders is Shopify, providing its users with easily customizable and highly functional hosted web stores. For a monthly fee starting from $29, one can enjoy estore services without much hassle. WordPress theme developers need to deliver powerful themes with great eCommerce functionalities that are easy to use and available to the WordPress market at a competitive price.

3. Social Media and Viral Marketing

We cannot neglect the way social media has shaped the way people interact and experience the web. Facebook, Twitter and Youtube have taken traditional word of mouth marketing to the next level enabling the emergence of the viral marketing phenomenon. With the continued popularity of Pinterest, Google+, and the recent premium ad services on Facebook, shoppers can easily share and appreciate product details as never before. Product features and price comparisons can be shared to thousands of consumers all in a matter of seconds. New WordPress eCommerce themes should be integrated with various social media tools as well as simple and easy to understand statistics and analytics tools that can provide usage information and statistical data as to how their businesses are doing in light of their social media efforts.

4. Google Shopping

Google has just completed converting Google shopping into a fully paid listing service of products and services. This means only stores who subscribe to Google’s pay per conversion scheme get in the list. WordPress eCommerce themes should be able to support various shopping and payment options while taking note of client demands to integrate the Google shopping system into their websites. Developers must be able to figure out how to generate price comparisons using regular Google search results and integrate these as they design and develop their WordPress themes.

eCommerce has a bright future ahead as the shopping experience becomes more and more digital. WordPress authors and developers have the unique opportunity to create the themes that addresses these developing trends that will make website owners choose WordPress as the eCommerce CMS of choice.

30 of the Best Shopify Themes (Free & Awesome)

Do you prefer to shop from shabby looking shops? Well, I am sure that all of us will be answering this question with a resounding NO. If that is the case, then why should shopping online be any different. It is imperative these days for a website owner to have an inviting, user-friendly experience lest you go the way of obscurity.

Application of a useful and at the same time beautiful theme in the website therefore becomes extremely important. Readily downloadable themes or templates compatible with different kinds of websites are available on the internet which can be used by designers as a starting point of their projects. Or it can be useful for novice designers who want to draw valuable inspiration from these examples thereafter start developing their own unique template. If you download a free shopify theme, then the work of the designer will be simplified and become much faster as well. These templates come with many useful features like ability to connect with the social networking sites, full customization features whereby the developer can amend it according to his own needs and all the latest technologies. With the use of these templates your website is surely going to stand out from the rest. It doesn’t end with having a unique template and features, its all depends on how well and different you do business. You can find experiences of popular ecommerce experts and help articles on blogs like Shopify ecommerce blog.

In addition to our article on some of the best ecommerce WordPress Themes of 2013, we have also created this detailed list of the 30 best and most diverse shopify websites for you designers out there. They can build up a unique, attractive and at the same extremely interactive platform with the help of these themes.

(more…)

Building Blocks to WordPress Grammar

The primary reason we learn a language is to be able to communicate more effectively. When we travel to new places or visit countries we’ve never been to before we usually buy one of those 15-minute language translation mini books and stuff them into our pockets, ready to be pulled out at any opportune time. We try to familiarize ourselves with the local translation of useful terms and phrases such as “Hello”, “Good Morning”, “How much?”, “Where’s the restroom?”, and other basic words to get us by. At this point, the primary goal is to understand and be understood. Sentence structure and rules of grammar are not the need of the hour just yet. Learning what these common and necessary basic words and phrases mean is the starting point to building your vocabulary and practicing your communication skills.

Similarly, we can learn to speak the language of “WordPress” by first simplifying our goals. Our goal at the moment is to understand and be understood. The semantics and structures can come later on as we first familiarize ourselves with the language and build our basic vocabulary.

Here are some of the most common words and phrases that you will encounter often as you begin to learn how to speak “WordPress.”

Content Management System (CMS)

A Content Management System, or CMS, is software for facilitating the maintenance of content, but not design, on a web site. A blogging tool is an example of a Content Management System.

WordPress

WordPress is web software you can use to create a beautiful website or blog. It is a free and open source blogging tool and a content management system (CMS) based on PHP and MySQL. It has many features including a plug-in architecture and a template system.

WordPress installation

Setting up WordPress for the first time is is a very simple process and takes less than five minutes to complete. Many web hosts now offer tools to automatically install WordPress for you. There are several installation guides on WordPress.org to guide you through the process.

Hosting Provider

A hosting provider is a company or organization which provides, usually for a fee, infrastructure for making information accessible via the web. This involves the use of a web server (including web server software such as Apache), and may involve one or more related technologies, such as FTP, PHP, MySQL, and operating system software such as Linux or Unix.

Web Server

A web server is a computer containing software for, and connected to infrastructure for, hosting, or serving, web sites written inHTML. The most common web server software on the internet is Apache, which is frequently used in conjunction with PHP, Perl, and other scripting languages.

Domain Name

A domain name is a name used for identification purposes on the Internet. In WordPress a domain name usually identifies a server where WordPress is installed. To make this work, the Internet’s domain name system (DNS) maps the domain name to a server’s IP apress. For example, the domain name example.com maps to the IP apress 192.0.43.10. Many domain names can map to the same IP apress, allowing a single server to run many websites.

cPanel

cPanel is a popular web-based administration tool that many hosting providers provide to allow users to configure their own accounts using an easy-to-use interface.

Site

In the WordPress user interface, a site can simply be the website created by WordPress, or it can be a virtual website created as part of a network by the multisite feature. A site in a network is virtual in the sense that it does not have its own directory on the server, although it has its own URL and it might have its own domain name. In WordPress code the site is the website created by WordPress. If multisite is in use, then the site is the network website and each virtual website is known as a blog.

FTP

FTP, or File Transfer Protocol, is rather predictably, a client-server protocol for transferring files. It is one way to download files, and the most common way to upload files to a server. An FTP client is a program which can download files from, or upload files to, an FTP server. You may need to use an FTP client to upload your WordPress files to your web server, particularly if you use a hosting provider.

HTML

HTML, or Hypertext Markup Language, is the W3C standard language with which all web pages are built. It is the predecessor toXHTML, but HTML is often still used to describe either one. It is often used in conjunction with CSS and/or JavaScript.

CSS

CSS, or Cascading Style Sheets, is a W3C open standards programming language for specifying how a web page is presented. It allows web site designers to create formatting and layout for a web site independently of its content.

PHP

PHP is a recursive acronym for PHP: Hypertext Preprocessor. It is a popular server-side scripting language designed specifically for integration with HTML, and is used (often in conjunction with MySQL) in Content Management Systems and other web applications. It is available on many platforms, including Windows, Unix/Linux and Mac OS X, and is open source software. WordPress is written using PHP and requires it for operation.

MySQL

MySQL is a popular open source SQL (Structured Query Language) database implementation, available for many platforms, including Windows, Unix/Linux and Mac OS X. WordPress requires a MySQL database to store all blog information, including posts, comments, metadata, and other information. WordPress also works with MySQL-compatible databases such as MariaDB and Percona Server.

XML

XML, or Extensible Markup Language, is written in Standard Generalized Markup Language (SGML) and essentially allows you to define your own markup language. XML is extremely useful in describing, sharing, and transmitting data across the Internet. Typically used in conjunction with HTML, XML defines data and HTML displays that data.

AJAX

AJAX is a technique that web pages use to have the server perform certain processing without reloading the web page. For example, when you approve a comment in a WordPress blog, WordPress uses AJAX to change the comment’s status, and you see the change without having to reload the Comments screen.

Script

Script is an automated series of instructions carried out in a specific order.

Theme

A theme is a collection of files that work together to produce a graphical interface with an underlying unifying design for a weblog. A theme modifies the way the weblog is displayed, without modifying the underlying software. Essentially, the WordPress theme system is a way to skin your weblog.

Template

In WordPress a template is a file that defines an area of the web pages generated by a theme. For example, there is typically a template for the header area at the top of the web pages, a template for the content, a template for the sidebars, and so on. The templates are like building blocks that make up the complete web page.

Frontend

The front end is what your visitors see and interact with when they come to your website, www.YourSite.com.

Backend

The back end is the area that authorized users can sign into to ap, remove and modify content on the website. This may also be referred to as “WordPress,” “admin” or “the administration area.”

Sitemap

A site map (or sitemap) is a list of pages of a web site accessible to crawlers or users. It can be either a document in any form used as a planning tool for Web design, or a Web page that lists the pages on a Web site, typically organized in hierarchical fashion.

Perhaps these words are already familiar to you but for those who are taking this WordPress journey with us, a lot of these terms will sound Greek. As you encounter these words over and over again and see how they work in real life situations, your understanding will gradually increase. Everything, like pieces of giant jigsaw puzzle, will eventually fall into place and reveal the bigger picture. In this situation, the sum of parts is greater than the whole. More next week!

Get Your Free Themes from WPBusinessBundle.com

Have you seen the the all new and improved WP Business Bundle? If you haven’t then you need to check it out. If you have been bombarded with numerous WordPress themes in the marketplace and you are suffering from “choice overload” head on out to WP Business Bundle for select WordPress Themes specifically targeted to meet the needs of businesses, corporate portfolios, professionals and other types of business-related websites.

WP Business Bundle has gone through a makeover and the generous folks over there are giving away two great Premium themes for free. That’s right – FREE! By simply signing up with them you can download a stunning Business Theme (Prospect) and a creative Portfolio Theme (Digifoto) for zero dollars! You don’t even have to choose because you can download one or even both.

Prospect Free WordPress Theme is a vibrant and dynamic business theme with features like 10 pre-made skins, an attractive slider, clean and easy to use breadcrumbs navigation, high-end aesthetics and many more excellent features that will appeal to the elite business crowd you move in.

Digifoto Free WordPress Theme is a Portfolio theme with 2 built-in design options (dark and light), numerous custom widgets, unique sliders, drag and drop forms, and other essential features for you to create an impressive online portfolio at zero cost to you.

Once you register to create your free account, simply confirm your email and WP Business Bundle will email the themes to you right away. Unlike most free themes out there, what’s cool about WP Business Bundle free themes is that you can expect:

  • Theme Updates
  • Cool Resources
  • New Free Themes
  • No Cost – No Obligation
  • Cancel Anytime Policy

You can also find useful plugins at WP Business Bundle. Since these plugins are designed to complement all WP Business Bundle Themes. Together, WP Business Bundle Themes and Plugins make a truly winning combination.

Check out WP Business Bundle.com and Download your Free Themes Today!

Nimble Theme by Elegant Themes

Nimble Premium WordPress Theme is a well balanced theme in a lot of aspects. The theme’s demo displays a combination of colors that is pleasing and attractive to the eyes. Its styling is bold but still effectively leaves makes clever use of white space giving the eyes a place to rest strategically. The overall design is balanced and looks beautiful on large monitors as well as on smartphone displays. It is indeed aptly called “Nimble” as it is flexible enough to adapt to various types of websites.

Nimble’s homepage is deliberately section giving it that clearly defined look. Each section has its own color scheme, effectively transitioning users from one section to the next as they scroll through the page. The top section contains a beautiful, full width slider for showcasing attention grabbing works and taglines. Clicking on a slide takes you to a page that contains details of the featured work or post. This section transitions into another section which can be used to give a bird’s eye view introduction about important information such as the company, mission, vision, product/service summaries or other types of information. This is further enhanced by call to action buttons at the bottom of the boxes that take you to pages where you find more exhaustive descriptions. There is also a section that can be used for special quotes, taglines or announcements. The next sections can be configured to contain recent news and updates, recent blog posts, recent portfolio additions, and even a price table to complete the whole layout. All these customizations can be easily handled via the ePanel Theme Options feature included in all Elegant Themes WordPress themes.

Nimble’s responsive design is quick and impressive. Images and content quickly resize to the width of your browser or the screen size of your handheld device. This means that your visitors can expect a pleasant browsing experience all the time.

More Features:

  • Responsive design
  • ePanel Theme Options
  • Large collection of shortcodes
  • Premade Page Templates
  • Perpetual Updates
  • Secure and Valid Code
  • Browser Compatibility
  • Complete Localization
  • Five Unique Colors
  • Unparalleled Support

Nimble Premium WordPress Theme includes top-notch tech support provided by Elegant themes’ support staff to help you setup your site and get it running in no time.

Nimble Theme: $39 | Demo & Download

The Beginner’s Guide to Learn Almost Everything About WordPress

So you’ve been blogging for quite sometime now and you’ve been posting random personal and business stuff on one of those free hosted sites. Everything has been going on well so far until one day this free hosted site suddenly announces that it is shutting down and all your content including all your contacts, posts and thousands of images will no longer be available after a certain date. Horrors! You now scramble to download every last post you’ve made and backup all your data before the clock strikes twelve or else everything disappears forever. Have you ever had that happen to you?

And then you stumbled upon WordPress. The thing is you know very little about it and so you start googling about it which is also probably why you ended up here and you are now reading this post. You want to know more.

Below are some useful resources to help jumpstart your WordPress journey. These resources are mainly aimed towards the novice or beginner level so WordPress savvy professionals might find some of these a bit elementary. Nevertheless, these references can someday come in handy whether you are a beginner or a true blue WordPress guru. We would also like to ask our readers to join the conversation by leaving a comment, any helpful suggestions or additional resources to add to our list.

For those who are about to begin their WordPress journey, check out these resources we have compiled to help you get started:

Websites to Bookmark

  • WordPress.com – A blog web hosting service (free) powered by the open source WordPress software. A good starting point on how to learn the how WordPress actually works at the backend and also to familiarize yourself with running a WordPress site. You can always upgrade to Premium status once you know your way.
  • wpmu.org – The number one source for WordPress news, tips, plugins, and theme reviews.
  • WPBeginner.com – A WordPress resource site providing quality tips, tricks, hacks and other resources for the WordPress community.
  • Speckyboy.com – Web design magazine that offers tutorials, time-saving techniques, inspiration, and useful resources for the web including WordPress.
  • wp.tutsplus.com – A site dedicated to teaching people how to use WordPress, develop widgets, plugins and themes.

Books to Read

Channels/Videos to Watch

  • WordPress.tv – A visual resource for all things WordPress including tutorials, updates, and the latest news.
  • WordCamp.tv – Presentations, highlights, and behind-the-scenes look at WordCamps around the world.
  • Lynda.com – Online courses and tutorials on anything WordPress.
  • StudioPress.tv – Step by step video tutorials for the Genesis Framework for WordPress.
  • Youtube WordPress tutorials

Authors/Developers to Follow

Straight from the Source

  • WordPress.org – the ultimate source for all things WordPress.

There are so many resources out there and so many tutorials that can help you get started. These are just a few to help point you in the right direction.