How to Find the WordPress Theme in Your Website Code?

When you build a website with WordPress, the content management system (CMS) comes pre-packaged with a shopping cart (WP-E-Commerce) and a complete blogging platform (WP-Blogger). For a long time, the look & feel of your WordPress-powered site was completely dictated by the appearance of the default theme used (Twenty Fourteen in 2015). With the emergence of advanced web design tools like ThemeForest, it’s now possible to fully customize the look of your site.

Luckily, exploring your website’s source code is now a lot easier. With the increasing prevalence of front-end development tools like Inspectlet and Full Stack Developer, it’s possible to gain an in-depth understanding of how your site works simply by looking at the markup on the page.

In this article, we’ll cover the basics of finding the WordPress theme in your site’s code. We’ll begin by discussing the various types of markup you’ll find within a WordPress page, and how to identify the theme in each case.

Types of Markup

While HTML is the markup language used for writing content, the structure of a webpage is governed by CSS and JavaScript. These are scripting languages that allow you to style content (formatting, color, etc) to present it in a specific way. One of the best things about these two languages is how they separate the presentation layer from the logic layer of a website.

This means that while you’re editing your site’s content using HTML, you aren’t required to know how to code in JavaScript or CSS to successfully style the content as intended. For example, you may want to change the color of a button using CSS, but don’t necessarily need to know how to code in JavaScript to achieve the same result. With HTML, CSS, and JavaScript, you have a powerful language that can be used to present content in an almost limitless number of ways. This is great news for those looking to learn how to code, or who are already proficient in CSS and JavaScript and are looking to further their understanding of markup languages.

However, as exciting as these three languages are, they’re not the only ones that can be used to present content on a webpage. For the purposes of this article, we’ll discuss the various types of markup used within WordPress, their corresponding themes, and how to identify which one is used in your website.

The Default Theme: Twenty Fourteen

As previously mentioned, Twenty Fourteen was the default theme used in WordPress from 2014 to early 2018. This is the theme that comes packaged with the free version of WordPress (WordPress.org) and a large number of the pre-built websites powered by WordPress. Twenty Fourteen is a traditional-looking WordPress theme that relies heavily on the use of the HTML5 tag. As the name suggests, this theme was created using HTML5 elements and techniques, which makes it possible to fully style your content using a variety of front-end development tools like CSS3.

The downside to this theme is that, as fantastic as it is at using modern web design techniques, it isn’t very customizable. If you’re looking for some degree of personalization, then choosing a different theme may be a smart move. You can download Twenty Fourteen from WordPress.org.

Foundation One

WordPress also comes with another theme, called Foundation One. Like Twenty Fourteen, this is another traditional-looking theme that relies heavily on HTML5. However, the good thing about Foundation One is that it’s extremely customizable via the use of shortcodes and CSS. This means that, even if you’re not a professional web designer, you’ll have no problem styling this theme to fit your needs.

If you’d like, you can download Foundation One from WordPress.org.

Twenty Three

Twenty Three is yet another traditional-looking WordPress theme that comes with a lot of features. This theme supports unlimited sidebars, which makes it ideal for displaying lots of content on your website. If you’re looking for a clean, simple, and traditional-looking theme that can be easily tailored to your needs, then Twenty Three may be the theme for you.

This theme also supports popular plugins like WooCommerce, which makes it possible to fully integrate e-commerce into your website. If you are looking to launch a clothing line or sell your own designs, then this is the perfect theme to do so on your site.

Some people prefer to use simple HTML in their WordPress blogs. If you fall into this category, then you can opt for the Twenty Three theme as a fully functional, minimalistic version of the traditional Twenty Fourteen theme.

The Granville

If you’re looking for a free WordPress theme with a modern look, then you can check out the Granville theme. This is a fairly new theme, but has gained a lot of popularity due to its unique styling. Similar to Twenty Three, the Granville theme supports unlimited sidebars, making it perfect for displaying content across the entire front page of your website.

However, the good thing about the Granville theme is that it doesn’t look like a conventional website. Most notably, there’s no sidenavigation on the top of the page. Instead, all the content is displayed in a row, from the smallest to the largest element.

This saves a ton of space, especially if your posts are a lot longer than my usual 6-7 paragraph blog posts. You can download this theme from WordPress.org.

Fully Customizable

If you want a WordPress theme that can be fully customized to your needs, then you should check out the Solstice theme. This is one of the most customizable themes available for WordPress. Even the name of the theme (Solstice) suggests that it needs very little effort to fully style it to match your needs.

The best part about this theme is that it comes with several pre-designed website demos that can be easily adapted to match your needs. The only downside to this theme is that it requires a bit of knowledge to fully style it to match your needs. However, for those looking for a quick and easy way to get a fully-customized website up and running, this is the theme for you.

What About Themes For Blogger.com?

If you’re also using Blogger.com, then you may be wondering if there are any themes specifically designed for that service. The answer is yes, thanks to the amazing people behind the Twenty Fourteen project. This is the same team that built the Twenty Fourteen theme for WordPress. If you check out their blog, you’ll notice that they frequently post tips and tricks on using WordPress tools like HTML, CSS, and JavaScript to fully style their content.

By using these tools, they’ve created a number of free and premium Blogger templates that can be attached to a blank site to quickly launch a fully-functional blog powered by Blogger. These templates are completely open source, so you can download them and use them for free.

Include the Blogger icon next to the Twitter icon on your site’s navigation bar, and you’ll be transported to the Blogger dashboard. Here you can choose from a variety of beautiful themes for your blog. If you have a general blog topic in mind, then choose a theme based on that. You can also use the Blogger dashboard to create a new blog if you’re feeling adventurous!

How Do I Find The WordPress Theme In My Site’s Code?

Now that you know the different types of markup that can be used within a WordPress page, let’s take a look at some common ways to find the theme in your source code.

Go To Appearance > Theme Options

The first place to look for the theme in your source code is within the Appearance section of your WordPress dashboard. Here you’ll find the Theme Options screen, where you can select the appearance of your site. If you navigate to this screen, you’ll see a variety of options, including the Default theme and the Twenty Fourteen theme as seen in the image above.

Here you can make changes to the settings for the two themes, including the color scheme, heading styles, and more. This is where you can get the most out of this screen, as you have full control over the look of your site.