Topics

  • What is a Theme?
  • Default Themes
  • Go New Themes
  • Adding New Themes
    • Adding Block themes
    • Adding New Themes using the Administration Screens
    • Adding New Themes by using cPanel
    • Calculation New Themes Manually (FTP)
  • Activating the Theme
  • Creating Themes

What is a Theme?

Fundamentally, the WordPress Theme system is a way to "pare" your WordPress site. Notwithstanding, information technology is more than simply a "pare". Skinning your site implies that but the blueprint is changed. WordPress Themes can provide much more command over the visual presentation of your content and other data on your WordPress site, equally well as behavior of sure site's elements while interacting with visitors.

A WordPress Theme is a collection of files that work together to produce a graphical interface with an underlying unifying pattern for a website. 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, epitome files (*.jpg, *.png, *.gif), fashion sheets (*.css), custom Pages, as well as whatever necessary code files (*.php). For an introduction to template files, run into Template Files.

Permit's say y'all write a lot about cheese and gadgets. Through the apply of the WordPress Loop and template files, yous tin can customize your Cheese category posts to look unlike from your Gadgets category posts. With this powerful control over what different pages and categories look like on your site, you are limited only past your imagination. For information on how to create custom wait for various templates in your theme, take a look at Template Hierarchy.

Template Bureaucracy – the structure of WordPress theme files

To meliorate sympathize this diagram, you lot can interact with it.

Top ↑

Default Themes

WordPress currently comes with twelve themes: the default Twenty Twenty Ii theme (demo), and the previous defaults Twenty Twenty One theme (demo) Twenty Xx (demo) Twenty Nineteen (demo) 20 Seventeen (demo) 20 Sixteen (demo) Twenty 15 (demo) 20 Fourteen (demo) 20 Thirteen (demo) Twenty Twelve (demo) Xx Eleven (demo) Twenty X (demo).

The Twenty 20 2 theme is the first ever default block theme. It currently simply works if you are using WordPress 5.9 and above or if you install the Gutenberg plugin alongside prior WordPress versions.

NOTE : All default themes now come up arranged with cake patterns, which allow you to easily create beautiful layouts. Find out which patterns are added to themes on the Make WordPress Web log.

You can switch betwixt Themes from the Appearance menu in the Administration Screen. Themes you add to the theme directory will appear in the Assistants Screen > Advent > Themes as boosted selections.

Themes Administration Screen - Installed Themes
Themes Administration Screen – Installed Themes

Meridian ↑

Get New Themes

The WordPress Theme Directory is the official site for WordPress Themes. Every theme in this directory is reviewed by a dedicated team and tested against wide range of rules, all of which are ensuring secure and pleasant experience for theme user.

With over 9,000 themes in the directory, you can easily find the correct 1 for your site with avant-garde search feature using filters for layout, subject area and specific theme'due south features. This includes finding Block themes which support total site editing features.

Themes Directory - Feature Filter
Themes Directory – Characteristic Filter

If you lot need more a screenshot and features list to determine whether the theme fits your needs, you tin can see the demo for the theme with Preview feature on theme's info folio.

Twenty Twenty-One Theme Info Page
Theme Info Folio

Height ↑

Adding New Themes

Most of themes in WordPress Theme Directory come up with installation instructions, peculiarly the ones that may crave more than steps than the usual theme installation. Exist sure to read through and follow those instructions for the successful installation of the Theme. If your Theme does not piece of work after post-obit any provided instructions, delight contact the Theme writer for help.

Meridian ↑

Calculation Cake themes

A block theme is a theme that uses blocks for all parts of a site, including navigation menus, header, content, and site footer. These themes are congenital for the newest features coming to WordPress that let you to edit and customize all parts of your site.

Currently, yous can add block themes in the same manner you would whatever other theme. However, the Live Preview option is removed which means you volition need to prepare a test site beginning to explore the theme before activating if yous wish to preview it. Y'all too will not have the pick to utilize the Customizer since block themes rely on the Site Editor to edit all parts of your site. In guild to customize a block theme, y'all'll need to activate it first.

You tin read more about this electric current experience hither.

Height ↑

Adding New Themes using the Administration Screens

You can download any theme from WordPress Theme Directory straight to your site past using the Add together New selection in the Advent sub-menu.

  1. Log in to the WordPress Administration Screens.
  2. Select the Appearance screen, then Themes.
  3. Select Add together New.
  4. Either use the Search or Filter options to locate a Theme you would like to use.
  5. Click on the Preview link to preview the Theme or the Install link to upload the Theme to your site. Note that
  6. Or use the Upload Theme button at the meridian of page to upload a zipped copy of a Theme that you lot take previously downloaded to your car.

When the Theme is already downloaded but not activated Live Preview pick will give you lot a preview of your site with your ain, existing content.

Top ↑

Calculation New Themes by using cPanel

If your host offers the cPanel control console, you can use its Upload pick to upload the Theme files to your site. For this you volition need Theme files in an compressed archive (.zip or .gz).

  1. Download the Theme .null file to your machine.
  2. In cPanel File Manager, navigate to your Themes folder. Depending on your hosting, path to Themes folder can differ a scrap merely essentially you are looking for public_html within which y'all'll observe /wp-content/themes/.
  3. Once you're inside the Themes folder in cPanel File Manager, click on Upload and upload that .zip file you saved in Step 1.
  4. Once the .zip file is uploaded, correct click on the proper name of that file in cPanel and select Extract from the context menu.
  5. When Theme files are successfully extracted, follow the instructions below for activating the new Theme.

Height ↑

Calculation New Themes Manually (FTP)

To add a new Theme to your WordPress installation via FTP protocol, you'll demand FTP client and extracted Theme files.

  1. Download the Theme archive (.goose egg) and excerpt the files it contains. You should have a binder named as theme itself, containing theme files.
  2. Using an FTP customer to access your host web server and navigate to /wp-content/themes/ directory.
  3. Upload the Theme folder to this directory on your host server.
  4. Follow the instructions beneath for activating the new Theme.

Top ↑

Activating the Theme

Now that new Theme is in /wp-content/themes/ directory (whether y'all used Administration Screens, cPanel or FTP method), this new Theme is ready to be activated. All themes in /wp-content/themes/ directory are bachelor for Activation and Update (when update is provided past theme writer), only just one theme from this directory can be Agile.

When theme is Activated it means that this theme's mode and functionality (expect and behavior) will exist applied on your site. You volition be informed by Administration notification about successful activation of the Theme.

Activated Theme Notice

To activate a Theme for your site:

  1. Log in to the WordPress Administration Screens.
  2. Select the Advent screen, then Themes.
  3. Y'all should run into here all themes from your /wp-content/themes/ directory and from here you can see details for each of them by clicking on Theme Details (rollover the Theme thumbnail).
  4. Live Preview option will give yous preview of your site with your site's content.
  5. To activate the Theme click the Activate button.

Your selection will immediately go agile.

Note: If the Theme preview is blank, do Non activate the new Theme without investigating further. Your site may not be displayed correctly, otherwise. If y'all do non meet Theme's thumbnail at all, your new Theme might exist corrupted or cleaved. Accept a look below installed theme'southward thumbnails if in that location is whatever info about cleaved themes. In this example contact the Theme author for help.

Broken Theme

Top ↑

Creating Themes

If you are interested in creating your own Theme for distribution, or learning more well-nigh the architecture of Themes, delight review the documentation regarding Theme Development.

If you simply want to customize your current Theme for your own utilise, consider creating a Kid Theme.

Whichever the case, you are welcome to join the Themes Team and their defended #themereview Slack channel. In that channel, you tin can ask for help on developing themes for WordPress Theme Directory or even start reviewing themes yourself.