Even if you don’t know a thing about HTML or cascading style sheets (CSS), you can still create a beautiful, functional website. WordPress.com is filled with versatile WordPress themes you can access, whether you want to build an online presence for your photography business, start a personal blog, or anything in between.
In addition to careful design, each theme boasts certain core elements that website owners need to promote their content or business. Here’s how those back-end elements come together to form the anatomy of a WordPress theme.
The anatomy of a WordPress theme
Each WordPress.com theme is comprised of template files for each element that appears on a visitor’s screen. For example, there’s an index file for the homepage, a template file for the posts on your site, another for individual pages (like the “About Us” or “Contact” pages), and other template files for the header, footer, archives, sidebars, and more.
Though some of these features vary slightly and may look a bit different depending on the theme, the core components you’ll find in each theme typically include:
1. The header
The header is located across the top of your website. It usually includes the name of your website or business, and an image or logo. It also includes a navigation menu that directs visitors to the different pages on your site, like your blog, portfolio, or products and services.
The header is always visible to anyone who visits your site, regardless of what page they’re viewing.
2. Hero image
The hero image is the main image that visitors see when they land on your site. Think of it as the digital equivalent of a billboard. A hero image can be a standalone photo or even an animation. It’s meant to make a statement, capture readers’ attention, and hopefully pique their interests enough so they’ll want to check out other pages on your site.
3. The footer
Sidebars are usually located on the left or right side of the page in each WordPress.com theme, and feature complementary information that you might not want to highlight in your main header or navigation menu. They can display lots of different things, including recent and most popular articles, site categories, and widgets.
Widgets are chunks of portable HTML code. You can add widgets to your website for increased functionality and features. For example, there are widgets for recent posts, calendars, social icons, contact forms, and more. Adding widgets allows you to customize your chosen theme, so that your site has all the content it needs.
Adding to the anatomy of a WordPress theme
The great thing about WordPress.com themes is that they give you a foundation for your site — even if you don’t have the technical know-how to create one from scratch. All you have to do is pick a beautifully designed theme that showcases your business or brand, and then populate it with relevant information.
If you know a bit of HTML and purchase a WordPress Premium or Business plan, you can add any of our WordPress themes before using CSS to customize it. Even if you don’t want something uniquely your own, a WordPress.com theme should be enough to get you started and, with a little promotion, drive more online awareness for your business or blog.
WordPress.com Courses make it easy to start that blog, website or podcast.
Build, publish and grow your blog, website or podcast with on-demand go-at-your-own pace courses taught by WordPress experts.Browse courses