WordPress Structure Phrases Demystified (Fast Reference)

  • January 4, 2023
  • elkenz
  • 12 min read

Are you making an attempt to grasp what WordPress format phrases imply?

Many rookies come throughout WordPress format phrases and vocabulary when engaged on their web site. These are phrases utilized by designers and builders and common customers might discover them complicated.

On this information, we’ll clarify a few of the mostly used WordPress format phrases. This may enable you to perceive the lingo used for WordPress web site layouts and work in your web site like a complete professional.

Explaining the common WordPress layout terms for beginners

Why Be taught WordPress Structure Phrases?

WordPress themes management the looks of your web site. You possibly can customise them by visiting the Look » Customizer web page.

WordPress theme customizer

All prime WordPress themes include choices to switch your web site design utilizing customizer settings, however your choices are restricted relying on the theme.

For much more flexibility, you need to use WordPress web page builder plugins like SeedProd.

The SeedProd page builder interface

SeedProd lets you simply create your personal customized layouts utilizing easy drag and drop instruments with out writing any code.

It additionally comes with dozens of templates that you need to use as a place to begin. Plus, it helps WooCommerce which helps you create layouts in your on-line retailer as nicely.

Nonetheless, as you’re employed on making a format in your web site, you could come throughout internet design phrases that you could be not be acquainted with.

Studying these web site format phrases will enable you to to grasp the constructing blocks of WordPress web site design, so you possibly can extra simply create any design you possibly can think about.

That being mentioned, let’s demystify these frequent WordPress format phrases to study what they imply and how one can use them.

Here’s a fast checklist of the ideas and phrases we’ll clarify on this article.

Understanding a Typical WordPress Structure

Different Frequent Parts of a WordPress Structure

Structure Phrases in WordPress Web page Builders

Understanding a Typical WordPress Structure

Most web sites use a really acquainted format. It appears one thing like this:

Common WordPress layout

The highest space of a web site is named the Header, adopted by a Content space, after which a Footer on the backside of the web page.

Relying on which web page a consumer is viewing, the format is likely to be completely different. As an example, on a WordPress weblog web page, it could embrace a sidebar subsequent to the content material space.

Blog page layout

This fundamental format is then crammed with different parts, which we’ll discuss later on this article.

Let’s first discuss every of those principal sections in additional element.

The header in a WordPress format is the highest part of any web page. It normally incorporates your web site brand, title, navigation menus, a search kind, and different essential parts that you really want customers to see first.

Right here is how the header part appears on WPBeginner.

Header layout on WPBeginner website

Many in style WordPress themes include extra options to customise the header space of your WordPress format. This function is typically known as a customized header.

Custom header in a WordPress theme

Relying in your WordPress theme, you might be able to add a full-width picture to the header with a tagline or a call-to-action button. Some WordPress themes might let you change the place of the brand, navigation menus, and header picture.

Customized Background in WordPress Theme Customizer

Much like the customized header function, some WordPress themes might let you set a customized background shade or a picture throughout your WordPress web site.

Background image option in WordPress theme customizer

You possibly can normally discover this feature beneath the theme customizer. Nonetheless, it’s generally buried inside different tabs. For extra particulars, check out our information on how one can add a background picture in WordPress, or how one can change the background shade in WordPress.

Content Space in WordPress

The content material space comes proper after the header a part of a format. That is the place the primary content material of the web page is displayed.

For a customized homepage format, the content material part might embrace a name to motion, adopted by companies or merchandise, testimonials, and different essential data.

Homepage layout example

On-line shops usually use this space to advertise ongoing gross sales, featured merchandise, best-selling objects, and extra.

A WordPress weblog might use a content-heavy format with excerpts and pictures from current articles, a e-newsletter enroll kind, and extra.

Right here is how WPBeginner’s homepage format appears. It’s a content-rich web site, and that’s why the current articles take the entire content material space.

WPBeginner homepage

By default, WordPress makes use of a weblog format exhibiting your most up-to-date weblog posts because the frontpage of your web site. Nonetheless, you possibly can change that and use any web page as your entrance web page.

Merely go to Settings » Studying web page and select ‘A static web page’ beneath the ‘Your homepage shows’ choice.

Using a static front page

After that, you possibly can select a web page that you just need to use as your homepage and one other one in your weblog web page. For extra particulars, see our information on how one can create a separate web page in your weblog posts in WordPress.

Don’t neglect to click on on the ‘Save Modifications’ button to retailer your settings.

Now you possibly can edit the web page you select to be your homepage and create a customized homepage format.

Because the identify suggests, Sidebars usually seem to the fitting or the left facet of the content material space.

Sidebar example

In WordPress, sidebars are additionally widget-ready areas. This implies you possibly can add widgets to this space and show parts like archives, e-newsletter sign-up types, classes, in style content material, and extra.

The Footer space seems on the backside of a web page format beneath the content material space. It normally features a footer widget space the place you possibly can show hyperlinks to essential pages like privateness coverage, phrases and situations, about web page, and extra.

Footer example

Questioning what to place within the footer of your web site? See this guidelines of issues so as to add to the footer of your WordPress web site.

Different Parts of a WordPress Structure

Subsequent, we’ll check out a few of the parts of a WordPress format you can add to your header, content material, sidebar, or footer sections. These are the constructing blocks that enable you to make a functioning format.

Navigation Menus or Menus are horizontal or vertical lists of hyperlinks. Most web sites have no less than one major navigation menu displayed on prime within the header space.

Navigation menus

Nonetheless, some web sites use a number of navigation menus within the header space.

WordPress additionally lets you show navigation menus as a widget. These menus seem as a vertical checklist of hyperlinks and you’ll place them in sidebars or the footer widget areas.

Vertical links

For extra particulars, see our information on how one can add navigation menus in WordPress.

Utilizing Widgets in a WordPress Structure

Widgets are parts you can add to the widget-ready areas or sidebars of your WordPress web site. Most WordPress themes include a number of widget-ready areas the place you possibly can add widgets.

WordPress comes with a number of built-in widgets that you need to use. Many in style WordPress plugins additionally include their very own widgets. For instance, you need to use widgets so as to add in style publish lists, contact types, banner adverts, social media feeds, and extra.

You possibly can see all these widgets by visiting Look » Widgets web page in WordPress admin space.

Adding widgets in WordPress

For extra particulars, see our information on how one can add and use widgets in WordPress.

Utilizing Blocks in WordPress Layouts

WordPress comes with a strong content material editor known as the block editor. This editor is designed that will help you create lovely layouts in your WordPress posts and pages utilizing blocks.

Using blocks to create layouts in WordPress

There are various kinds of blocks for the commonest parts of any content material. As an example, you possibly can add paragraphs, headings, photos, galleries, video embeds, columns, tables, and extra.

This lets you create completely different layouts for every publish or web page in your WordPress web site with out putting in a plugin or altering your theme.

Featured Photographs in WordPress Layouts

In the event you go to the homepage of WPBeginner, you’ll discover thumbnail photos subsequent to every article title. These are known as featured photos.

Featured images in WordPress

WordPress lets you set featured photos in your posts and pages. Your WordPress theme then makes use of these photos in numerous areas of your web site. To study extra, see our information on how one can add featured photos in WordPress.

Cowl Photographs in WordPress

A canopy picture is normally a large picture used as a canopy photograph for a brand new part in a weblog publish or web page.

You possibly can add it to your publish or web page utilizing the ‘Cowl’ block. The duvet block additionally lets you use a background shade as an alternative of a picture.

Cover image in WordPress block editor

To study extra, see our detailed information on the distinction between cowl picture vs featured picture.

Utilizing Patterns in WordPress Editor

Patterns had been launched to the WordPress block editor in WordPress 5.5. Every sample is a group of blocks organized in a specific order for generally used layouts.

Block patterns in WordPress

You possibly can select from buttons, header types, galleries, columns, and extra. This makes it simple for rookies to rapidly construct layouts utilizing frequent patterns.

It’s a comparatively new function so there are a restricted set of patterns obtainable. Nonetheless, extra patterns will grow to be obtainable as extra WordPress themes and plugins add their very own patterns to the block editor.

Including Buttons in WordPress Structure

Buttons play an essential position in fashionable web site design and format. They supply customers with a transparent name to motion, which helps you develop your small business and conversions.

The default block editor comes with its personal buttons that you need to use in any WordPress publish or web page.

Adding buttons in WordPress

Your WordPress theme may include a name to motion button settings beneath the theme customizer. Hottest WordPress web page builder plugins additionally include buttons in varied types that you need to use.

You possibly can even add click-to-call buttons in WordPress with a plugin.

For extra particulars, see our information on how one can add name to motion buttons in WordPress.

Utilizing Customized CSS in WordPress Layouts

CSS is the styling language used to create web sites. Your WordPress theme and plugins include their very own CSS guidelines, however infrequently you could need to change small issues like textual content shade, font measurement, or background shade.

That is the place Customized CSS is available in. WordPress makes it simpler so that you can save your personal customized CSS guidelines. Merely go to the Look » Customise web page after which click on on the Extra CSS tab.

Opening the theme customizer to add custom CSS

From right here, you possibly can add your customized CSS guidelines and also you’ll be capable to see them utilized within the reside preview. For extra on this matter, see our full information on how add customized CSS in WordPress.

Structure Phrases in WordPress Web page Builders

The simplest technique to construct customized WordPress layouts in your touchdown pages is through the use of a WordPress web page builder.

We advocate utilizing SeedProd. It’s the most newbie pleasant WordPress web page builder plugin in the marketplace.

Different web page builders use related phrases for frequent instruments and options.

Utilizing Templates in WordPress Web page Builders

Templates are the quickest technique to create an internet web page format. All in style web page builder plugins include a bunch of ready-to-use templates that you need to use as a place to begin.

SeedProd templates

As an example, SeedProd has templates for various kinds of pages that you could be want, together with touchdown pages, gross sales pages, 404 pages, coming quickly pages, and extra.

Modules and Blocks in WordPress Web page Builders

Identical to the blocks within the default WordPress editor, web page builder plugins additionally use blocks. Some web page builders might name them modules or parts, however they’re basically the identical factor.

Nonetheless, web page builder plugins include extra blocks than the default editor. As an example, SeedProd contains blocks for testimonials, WooCommerce blocks, Google maps, contact types, Fb embeds, and extra.

SeedProd blocks

You should use blocks to create your personal layouts, transfer them round, and mess around to determine what works finest for your small business.

Utilizing Sections in Your WordPress Layouts

Much like the ‘Patterns’ function within the default editor, Sections are a set of blocks grouped collectively to immediately create frequent areas of a web site. As an example, header part, hero picture, pricing tables, and extra.

Reusable sections in SeedProd

Completely different WordPress web page builder plugins might use completely different phrases for them. As an example, in SeedProd they’re known as sections and Beaver Builder calls them saved rows and columns.

We hope this text helped you study concerning the phrases utilized in WordPress layouts. You might also need to try our information on how one can study WordPress without cost in per week, or our comparability of the perfect WordPress internet hosting corporations.

In the event you favored this text, then please subscribe to our YouTube Channel for WordPress video tutorials. You can too discover us on Twitter and Fb.