WordPress:Using Themes/Theme List
Before the advent of Themes, WordPress generated content using a single file, index.php, and files to support comment display and submission. A single style sheet controlled the presentation. All other pages, including the category and archive pages, were generated by passing parameters to the index.php page.
The new Theme system provides two convenient features.
- Physically Separate Components
- The new WordPress modular template files system provides a method to define separate physical PHP files for the different components of your WordPress site. This allows creation of unique designs and functionality for many special pages, such as category archives, monthly archives, and the individual entry pages.
- Quickly Change Layout and Design
- It allows users with appropriate permissions to quickly change the layout of the entire site by uploading a new theme and essentially flipping a switch in the admin panel.
The old method of generating pages will still work. If you are upgrading from v1.2 or v1.2.1 or v1.2.2, you can continue using your existing design. Keeping your older design will not prevent you from adding additional themes and easily switching between designs.
What is a Theme?
Fundamentally, the WordPress Theme system is a way to "skin" your weblog. Yet, it is more than just a "skin." Skinning your site implies that only the design is changed. WordPress Themes can provide much more control over the look and presentation of the material on your website.
A WordPress Theme is a collection of files that work together to produce a graphical interface with an underlying unifying design for a weblog. These files are called template files. A theme modifies the way the site is displayed, without modifying the underlying software. Themes may include customized template files, image files (*.jpg, *.gif), style sheets (*.css), custom Wordpress:Pages, as well as any necessary code files (*.php). For an introduction to template files, see Wordpress:Stepping Into Templates.
Themes are a whole new ball game. Let's say you write a lot about cheese and gadgets. Through the innovative use of the WordPress Loop and template files, you can customize your Cheese category posts to look different from your Gadgets category posts. With this powerful control over what different pages and categories look like on your site, you are limited only by your imagination. For information on how to use different Themes for different categories or posts, see Wordpress:The Loop in Action and Wordpress:Category Templates.
Get New Themes
The WordPress Theme Viewer is the official site for WordPress Themes which have been checked and inspected, and are free for downloading. The site features the ability to search by type and style, and offers a demonstration of the page view elements of the Theme.
Other sources for WordPress Themes may include:
- WordPress Theme Viewer
- WordPress templates
- Hosting of High quality WP templates
- Modern WordPress Themes
- WordPressTheme.com
- ElegantWPThemes.com
- WordPress Wow Themes Gallery
- WordPress Support Themes forum
- WordPress Garden - Theme reviews
- WordPress Theme -ThemesPack
- WordPress Themes by Beng Hafner
- WordPresstheme.net Free WordPress Themes
- Best WordPress Themes
- Free WordPress Themes - Kate's Theme Viewer
- Free WordPress Themes
- Free WordPress Themes on TemplateXtreme
- Free beer theme by Jeremy Moseley
- Blogging Pro WordPress Themes Category
- Kaushal Sheth's WordPress Theme Viewer
- biboz.net Free WordPress Themes
- Free WordPress Themes by SiteGround
- WordPress Themes by Sadish
- Gii Themes
- Skins/Themes for WordPress
- WordPress Themes by priss
- GFXedit.com Themes
- Dirsurfer Themes
- How to Blog's List of 980+ Themes
- Alex King's WordPress Theme Competition
- JohnTP's WordPress Themes Collection
- Gallery for WordPress
- Headsetoptions WordPress Themes
- Mandarinmusing WordPress Themes
- Themes for WordPress
- Yvo Schapp's WordPress Theme Generator
- Free WordPress Themes
- miloIIIIVII
- ReviewMyTheme Free WordPress Template
- AllinfoDir WordPress Themes
- Genuine WordPress Themes
- ElegantDirectory WordPress Themes
- High Quality Themes from rakCha
- Aviva WordPress Themes
- Deep Link Listing - Blogger - WordPress Themes
- Free Sponsored Themes
- Free WordPress Themes
- Free WordPress Themes
- BlogoSquare Free Theme downloads and reviews
- Free WordPress Themes
- Free High Quality WordPress Themes
- Free WordPress Themes
- Free WordPress Themes
- Free WordPress Themes
- WordPress Themes
- Free WordPress Themes at CSS Design Templates
- enQuira Themes
- Free & Paid Themes at onehertz
- Chetan Free WordPress Themes
- iGuides Free WordPress Themes
- Free WordPress Themes by Romow
- Free WordPress Themes by blogstheme
- Ext JS powered WordPress Theme
- Free WordPress Themes by Yoru @ Cureless
- Themes by ChiQ Montes
- Free WordPress Themes
- Blueverse SEO WordPress Themes
- ThemeBox WordPress Themes
- WordPress Themes by AskGraphics.com
- Free WordPress Themes
- Squeaky's - WordPress Themes and Articles
- slayer's web 2.0 and AJAX Tweaked WordPress themes
- Free WordPress Themes
- Green Fury WordPress Theme
- JTk's Free Themes
- Webmaster Marty's WordPress Themes
- Brétema Themes
- Themeage
- Best WordPress Themes
- Unique WordPress Themes at wpthemez
- Ericulous WordPress Themes
- Professional WordPress Themes - Chromatic Sites
- WordPress Theme -ThemesGallery
- WordPress templates
- WordPress Themed
- Free WordPress Themes
- Uzzz Production Themes
- Balkhis WP Themes
- Genuine WordPress Themes
- AllinfoDir WordPress Themes
- ReviewMyTheme Free WordPress Template
- Rahmat's Free WordPress Themes
- Gomvents' Free WordPress Themes - Updated Daily
- Free Premium WordPress Themes
- Dustin Hamilton Media Free Wordpress Themes
- Free Wordpress Themes and Templates
- Free Wordpress Themes
- WebFrap - Wordpress Themes Gallery
Using Themes
WordPress supplies two themes in its distribution for your initial use. You can switch between these two themes using the admin panel. Themes that you add to that directory will appear in the Wordpress:Administration Panels > Presentation as additional selections.
Adding New Themes
There are many themes available for download that will work with your WordPress installation.
thumb|right|Presentation Theme PanelIf the theme that you are installing provides instructions, be sure to read through and follow those instructions for the successful installation of the theme. It is recommended that theme developers provide installation instructions for their own themes, because themes can provide special optional functionality that may require more steps than the basic installation steps covered here. If your theme does not work after following any provided instructions, please contact the theme author for help.
To add a new theme to your WordPress installation, follow these basic steps:
- Download the theme archive and extract the files it contains. You may need to preserve the directory structure in the archive when extracting these files. Follow the guidelines provided by your theme author.
- Using an FTP client to access your host web server, create a directory to contain your theme in the wp-content/themes directory provided by WordPress. For example, a theme named Test should be in wp-content/themes/test. Your theme may provide this directory as part of the archive.
- Upload the theme files to the new directory on your host server.
- Follow the [[Wordpress:#Selecting_the_Active_Theme|instructions below]] for selecting the new theme.
Adding New Themes in cPanel
If your host offers the cPanel control panel, and the theme files are in a .zip or .gz archive follow these instructions. Note: This assumes the theme you download is a compressed (zip) file and the files in the zip file are in their 'named' folder.
- Download the theme zip file to your local machine.
- In cPanel File Manager, navigate to your themes folder. If you have WordPress installed in it's own folder called wordpress, you would navigate to "public_html/wordpress/wp-content/themes" and if WordPress is installed in your web-root folder you would navigate to "public_html/wp-content/themes".
- Once you've navigated to the themes folder in cPanel File Manager, click on Upload file(s) and upload that zip file you saved in Step 1.
- Once the zip file is uploaded, click on the zip file name in cPanel, then in the panel to the right, click on Extract File Contents, and that zip file will be uncompressed.
- Follow the [[Wordpress:#Selecting_the_Active_Theme|instructions below]] for selecting the new theme.
Selecting the Active Theme
To select the active theme for your site:
- Log in to the WordPress Wordpress:Administration Panels.
- Select the Presentation subpanel.
- From the Available Themes section, click on theme title (or theme screenshot) for the theme you wish to activate.
- To view the new look, click View Site at the top of the Panel's screen.
Your selection should immediately become active.
Creating Themes
If you are interested in creating your own theme for distribution, or learning more about the architecture of themes, please review the documentation regarding Wordpress:Theme Development and Wordpress:Designing Themes for Public_Release.
Theme Files
The following are the files typically included within a Theme.
- 404 Template = 404.php
- Archive Template = archive.php
- Archive Index Page = archives.php
- Comments Template = comments.php
- Footer Template = footer.php
- Header Template = header.php
- Links = links.php
- Main Template = index.php
- Page Template = page.php
- Popup Comments Template = comments-popup.php
- Post Template = single.php
- Search Form = searchform.php
- Search Template = search.php
- Sidebar Template = sidebar.php
- Stylesheet = style.css
== Moving from 1.2.x to 1.5 ==
For details on upgrading WordPress and your WordPress Theme from v1.2 to 1.5, see: Upgrade 1.2 to 1.5.
Theme Tools and Other Resources
These tools and resources will aid you in creating and/or enhancing themes.
Layout
- Wordpress:Blog Design and Layout
- Wordpress:Stepping Into Templates
- Wordpress:Customizing Your Sidebar
- Wordpress:Good Navigation Links
- Wordpress:Next and Previous Links
- Wordpress:Styling Lists with CSS
- Wordpress:Creating Horizontal Menus
- Wordpress:Dynamic Menu Highlighting
- FAQ Layout and Design
- WordPress Index Builder
- Photoshop Template for the WordPress Default Theme
Templates and Template Tags
- Template Files
- Wordpress:Stepping Into Templates
- Wordpress:Stepping Into Template Tags
- Wordpress:Template Tags
- Developing WordPress Themes
- Wordpress:The Loop in Action
- Template Tag Layout in simple to read form
- Anatomy of a WordPress Theme
- Templates and the is functions
- Dissection of a WordPress Theme
Tools and Resources
- Wordpress:Designing Themes for Public Release
- Wordpress:Know Your Sources
- Wordpress:Validating a Website
- Wordpress:Finding Your CSS Styles
- Wordpress:CSS Fixing Browser Bugs
- WordPress Design Sandbox Article
- Working On CSS and the WordPress Theme (using a sandbox)
- From XHTML CSS to WordPress (making a Theme}
- Tutorial: How to Create a Wordpress Theme
- Coevolving Innovations guide to Installing Wordpress (including a Theme) on a web host with Fantastico and cPanel (at Wordpress 2.2.1)
- Screencast: Hack a Theme in 5 minute with Firebug
Colors, Graphics, and Fonts
- Kubrickr - Changes Default Theme Header Images
- Header Graphics
- Creative Commons Images
- Image * After - Free Stock Image Library
- Free Icons Library
- Stock.xchng - Free Stock Image Library
- Wordpress:Playing With Fonts
- Wordpress:Developing a Colour Scheme
- Colr.org - For Finding Colors in an Image
- I Like Your Colors
- List of More than 70 Free Stock Photo Sites
- kuler - Create color palettes with this web app from Adobe Labs