Topics

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

What is a Theme?

Fundamentally, the WordPress Theme system is a way to "skin" your WordPress site. Yet, it is more only a "peel". Skinning your site implies that only the design is changed. WordPress Themes can provide much more control over the visual presentation of your content and other data on your WordPress site, every bit well as behavior of sure site's elements while interacting with visitors.

A WordPress Theme is a drove of files that work together to produce a graphical interface with an underlying unifying blueprint for a website. These files are called template files. A Theme modifies the style the site is displayed, without modifying the underlying software. Themes may include customized template files, image files (*.jpg, *.png, *.gif), style sheets (*.css), custom Pages, as well as any necessary code files (*.php). For an introduction to template files, see Template Files.

Permit'due south say you write a lot about cheese and gadgets. Through the utilize of the WordPress Loop and template files, you tin can customize your Cheese category posts to wait 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 by your imagination. For information on how to create custom look for various templates in your theme, take a look at Template Hierarchy.

Template Bureaucracy – the structure of WordPress theme files

To better understand this diagram, you can interact with it.

Meridian ↑

Default Themes

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

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

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

You can switch between Themes from the Appearance carte in the Administration Screen. Themes you add to the theme directory volition appear in the Administration Screen > Advent > Themes equally additional selections.

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

Summit ↑

Get New Themes

The WordPress Theme Directory is the official site for WordPress Themes. Every theme in this directory is reviewed past a dedicated squad and tested confronting 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 lot can hands discover the right one for your site with avant-garde search feature using filters for layout, field of study and specific theme's features. This includes finding Block themes which support full site editing features.

Themes Directory - Feature Filter
Themes Directory – Feature Filter

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

Twenty Twenty-One Theme Info Page
Theme Info Page

Top ↑

Adding New Themes

Most of themes in WordPress Theme Directory come up with installation instructions, specially the ones that may crave more 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 afterwards following whatever provided instructions, please contact the Theme author for assist.

Top ↑

Adding Block themes

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

Currently, you lot can add cake themes in the same manner you would any other theme. However, the Alive Preview option is removed which means y'all will need to set a exam site commencement to explore the theme before activating if you wish to preview it. You too will not take the option to employ the Customizer since cake themes rely on the Site Editor to edit all parts of your site. In social club to customize a block theme, you'll demand to actuate it first.

Yous tin can read more about this current feel here.

Top ↑

Adding New Themes using the Administration Screens

You can download whatever theme from WordPress Theme Directory straight to your site by using the Add New pick in the Appearance sub-menu.

  1. Log in to the WordPress Administration Screens.
  2. Select the Appearance screen, then Themes.
  3. Select Add New.
  4. Either use the Search or Filter options to locate a Theme you would like to utilize.
  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 top of page to upload a zipped copy of a Theme that you accept previously downloaded to your machine.

When the Theme is already downloaded just not activated Alive Preview option will give you lot a preview of your site with your own, existing content.

Top ↑

Adding New Themes past using cPanel

If your host offers the cPanel control panel, you can use its Upload choice to upload the Theme files to your site. For this y'all will need Theme files in an compressed archive (.zippo or .gz).

  1. Download the Theme .zip 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 fleck only essentially you are looking for public_html inside which you'll observe /wp-content/themes/.
  3. Once y'all're within the Themes folder in cPanel File Manager, click on Upload and upload that .aught file you lot saved in Footstep 1.
  4. One time the .goose egg file is uploaded, right click on the 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.

Top ↑

Adding New Themes Manually (FTP)

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

  1. Download the Theme archive (.zip) and extract the files it contains. You should have a folder named equally theme itself, containing theme files.
  2. Using an FTP client 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 below 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 gear up to be activated. All themes in /wp-content/themes/ directory are available for Activation and Update (when update is provided past theme author), but but i theme from this directory can be Agile.

When theme is Activated it means that this theme'due south style and functionality (look and behavior) will be applied on your site. You lot will exist informed past Administration notification well-nigh 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 Appearance screen, then Themes.
  3. You should see here all themes from your /wp-content/themes/ directory and from hither you can run into details for each of them by clicking on Theme Details (rollover the Theme thumbnail).
  4. Live Preview choice will requite you preview of your site with your site's content.
  5. To activate the Theme click the Actuate button.

Your selection will immediately go active.

Notation: If the Theme preview is bare, practise Not actuate the new Theme without investigating further. Your site may not exist displayed correctly, otherwise. If you do not see Theme'due south thumbnail at all, your new Theme might be corrupted or broken. Accept a look beneath installed theme's thumbnails if there is whatsoever info most broken themes. In this case contact the Theme author for help.

Broken Theme

Tiptop ↑

Creating Themes

If you are interested in creating your own Theme for distribution, or learning more than virtually the architecture of Themes, delight review the documentation regarding Theme Evolution.

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

Whichever the example, yous are welcome to join the Themes Team and their dedicated #themereview Slack aqueduct. In that aqueduct, y'all tin ask for help on developing themes for WordPress Theme Directory or fifty-fifty start reviewing themes yourself.