Common Web Vocabulary

Teaches

ALT TEXT
A text description of a visual element.

BACK-END
The admin areas that you use to manage your site.

BLOCK
Pieces of a layout such as a ‘Header’ ‘Image’ or ‘Paragraph’

BLOG
A feed of individual ‘posts’ which can display their publish date, allow user comments, and be organized by categories and tags.

BRANDING
The consistent personality and visual decisions of your website that help make it feel cohesive.

CMS – (Content Management System)
A site’s CMS is the tool that delivers the content of the site to user while also offering organizational tools to the admin.

CPANEL
A popular interface system for managing websites. Most hosts will offer a cPanel to access your website’s most important settings.

DOMAIN NAME
The beginning of the address of your site. Often the name of your account with your hosting provider.

DNS – (Domain Name System)
Codes that tell your domain how to function.

DOMAIN REGISTRAR
The company your domain is registered with. Where your Nameservers are defined.

EMBED
A little piece of code that displays content from a third-party like Twitter or Facebook.

FLUID LAYOUT
A generic term used in theme marketing to tell you they have designed the layout to adapt to the size of the screen.

FOOTER
A repeated section at the base of your website.
A great place for contact information or business hours.

FRONT-END
The visuals that your Users see when visiting your site.

FULL SITE EDITING – (FSE)
WordPress 6.0 is an attempt at a modern “block building” approach to website design.
Full Site Editing refers to WordPress’ new block themes that try to put most design features into one central place.

HEADER
A repeated section at the top of your website. A great place for logo and navigation

HEADING – (H1 H2 H3 ECT)
Title text in your website. Google will prioritize this info based on the level of heading thats been applied.
Heading1 is the Biggest, reserved for the title of the Page.
Heading2 is next biggest, used for subheaders.
Heading3 is less important than H1 and H2 but has higher priority than plain paragraph text.

HERO
A full-width image that usually sits at the top of a layout, to announce some broad statement or goal.

INSTALLER
A system within your hosting that helps you install various applications to your server, such as WordPress.

KEYWORDS
Words and Phrases associated with your business or industry that have been added to your site to improve searchability.

LAZY LOADING
When loading a website, Lazy Loading prioritizes anything visible on the page so that users can interact more quickly.

MAILING LIST
A list of email addresses you have permission to send marketing emails to.

MOBILE-FIRST DESIGN
A strategy for coding and designing your website to load mobile layouts first, then tablet and desktop layouts.
(This might not always be doable with the theme you’re using)

MX RECORDS
A specific DNS record that affects emails associated with this domain.

NAMESERVERS
The magic set of DNS codes that help your domain function.
Defined in your domain registrar.

NAVIGATION
Usually referring to the top of page links that are repeated on every page, allowing users to move through the site’s pages.

PAGE
An individual section of your site focused on a single broad topic.

PATTERN (WordPress Verbiage)
A premade group of blocks that can be added to a layout as one piece.

PERMALINK
The specific folder path within your site’s structure that points to content on your site. (ex. webclass.justcole.design/PERMALINK)

PLUGIN
A bigger piece of code that adds functionality to your site.

POST
Smaller pieces of content on your site that can be categorized and allow comments.

SITEMAP
An Table of Contents for your website.

SEO – (Search Engine Optimization)
SEO as a whole is a system of strategies for getting your website higher in search results

SITE TOOLS
An alternative interface to cPanel for managing websites. Generic term referring to the hosting specific system.

SLUG
A human-readable Permalink. (ex. webclass.justcole.design/SLUG)

SOFTACULOUS
A silly name for a common installer. A tool available within your hosting.

SSL CERTIFICATE
A security certificate that enables an encrypted connection between your site and your user.

STYLING (CSS)
Cascading Style Sheets is the code that make the internet look pretty. Often times you won’t need to deal with CSS code directly unless you want to but being able to recognize what it looks like and what it might be doing can come in handy.

TAGS
Think of them as categories in the internet library.

TEMPLATE (WordPress verbiage)
A preset page design for content to be placed into.
(Ex. A template created to be applied to posts may include a sidebar with links to your post categories, a comment box below the content area, and a query to display the 3 most recent posts in the related category.)

TERMINATOR Also known as a ‘Top Level Domain’ or ‘Domain Extension’
The end of a domain after the final “.” The Domain and Terminator combined defines the location of your site on the internet.
(Ex. ‘.com’, ‘.org’, ‘.design’)

THEME
A component of WordPress that defines the style of your site.

USER
A person visiting your site.

WOOCOMMERCE
A Plugin that makes online shops.

More JustCole Blog Posts

Common Website Questions

I work primarily with small businesses and non-profits and I regularly encounter the same questions from clients who want to understand their site better. I've complied them here and will add to this post as I think of it. Please note: These are simplified answers...

Editing Divi Content

Please Note: This help document uses verbiage and screenshots from Divi 4. Divi 5 has somewhat updated builder visuals and button verbiage but most of this document remains true for Divi 5 sites. When building a WordPress site, Cole uses a theme called Divi. Divi...

Spacing with WordPress Blocks

When editing a vanilla WordPress Block layout, there are two main ways to adjust spacing within the layout. First, you may open the style settings for a specific block and find the “Dimensions” settings In this example we see a “Buttons” block. Margin is the spacing...