WordPress Glossary

My WordPress glossary explains common terms.

I’ve put together this WordPress glossary to explain as many of the terms that you might come across when talking to freelance web designers. This A-Z contains descriptions of many of the common terms web designers use when developing WordPress sites.

A

Accessibility
The degree to which a web page can be used by all people, including those with some form of disability.

AJAX
Not the hero of ancient Greece you were doubtless thinking of. No, Asynchronous JavaScript and XML is a clever way of side-stepping the static nature of HTML, enabling the delivery of smooth, interactive web applications.

Analytics
This is used to describe the systematic computational analysis of data or statistics.

Apache
The open-source Apache web server is one of the pillars of the internet. In the vast majority of cases, browsers sending HTTP requests receive their replies from Apache.

B

Back-end
This is the database, server configuration and application logic that sits behind a website, enabling it to present information in a dynamic way.

Bounce rate
The percentage of visitors to a website who view only one page, then ‘bounce’. Not good.

Box model
No, fashion and packaging haven’t merged. Taken from CSS, the box model describes the system of margins, padding and borders that surround elements within the document tree, and determines the sum total of their layout properties.

C

Cache/Cached files
Caching is a browser or server feature that saves regularly used information on a hard disk, rather than re-requesting it from the server every time a page is loaded.

Cascading Style Sheet (CSS)
It’s good form to separate the structure of a website’s data from any description of how the information is meant to be displayed. The latter details are kept in CSS files. The cascade refers to the rules determining the outcome of CSS conflicts.

Client-side/server-side
This refers to the communication between a web client (browser) and a server, with a client asking a server for a web page and the server providing one. Designers must decide where calculations are performed by their site: server or client. Server is more flexible; client is faster – though HTML5 is levelling the playing field.

CMS
On the web, a content management system is a pre-built framework, usually of modular nature, within which websites can be maintained in a collaborative environment. Drupal and WordPress are two of the most popular; others include Joomla and Plone.

D

DOM
The Document Object Model sounds a lot worse than it is: it’s really just a convenient system for naming and addressing the elements that make up a web page (its tags) so that they can be manipulated by the likes of JavaScript.

E

Elastic layout
A web page with an elastic layout will contract and expand with your browser window and font preferences. This flexibility is achieved with percentages or ems, rather than fixed values.

Element
Like the substances that make up the periodic table, the elements of a web page are its fundamental building blocks. They can be html, xml or xhtml, but are always structured as a tree of data.

Em
An em is a relative measure used in web typography. For example, if you use 2em as your type size then you’re setting the font on that element and its children to twice the default size.

F

Favicons
‘Favourites icons’ are tiny logos that appear at the far left of a browser’s address bar. They can be static or animated, depending on your browser, and give websites that use them a little extra personality.

Fold
Above the fold is the portion of a web page that’s immediately viewable when you load it up. You’ll need to scroll down in order to read below the fold.

Front-end
This refers to the customer-facing or public part of a website.

G

Graceful degradation
Though it might sound like a niche service that would be popular among hyper-tense civil servants, this is really the practice of ensuring that when a web page breaks it does so with minimal fuss.

Gutenberg
The new WordPress editor. The entire editing experience has been rebuilt for media-rich pages and posts.

H

Hexadecimal
Hexadecimal describes a base-16 number system and is used for many things. One function is to refer to the RGB colour space used online: #ffffff refers to white, and #000000 to black.

HTML
Hyper Text Markup Language really makes the web what it is today. The ability to link between data is central to the concept of a World Wide Web, and HTML is the language used to facilitate this process.

HTTP
Hyper Text Transfer Protocol. This underlies the communication processes on which the web relies. It uses a request-response model: the client requests HTML from the server, which responds.

HTTPS
This works in the same way as HTTP but it works in conjunction with another protocol, Secure Sockets Layer (SSL), to transport data safely.

I

iFrame
The iFrame is an HTML element that enables an entire page of HTML to be nested and displayed within the confines of another page. This could end up leading to a kind of Russian doll scenario.

Image map
A list of co-ordinates relating to a specific image, used to create hyperlinks within the regions they describe.

Indexed
Indexing is the process of adding webpages into Google search. Depending upon which meta tag you used (index or NO-index), Google will crawl and index your pages. A no-index tag means that that page will not be added into the web search’s index. By default, every WordPress post and page is indexed.

M

Markup
HTML, XML, XHTML and SGML are all markup languages. They apply a system of tags to text and other objects, making them readable by a computer.

Metadata
Metadata is, essentially, data about data. A common example is the use of a <meta> tag to include a list of keywords within a web page, giving search engines some idea about the nature of the site’s content.

N

O

Open source
Most significant for their contribution to the world of software, open source projects publish their code base and allow anyone to copy, modify and redistribute it. The applications develop as a result of this openly collaborative approach.

P

PNG
The Portable Network Graphic is an image format that was designed specifically for transferring image data on the web. It can include transparency information but doesn’t support CMYK.

Q

Quirks mode
Browser manufacturers haven’t done a perfect job of implementing web standards, particularly when it comes to CSS. As a result, it’s sometimes necessary for browsers to look out for web pages written to accommodate these ‘quirks’. There’s even a mode for it.

R

RSS
Really Simple Syndication is the foundation of the mash-up concept. A flavour of XML, it provides a machine-readable standard for web content so that it can be easily and meaningfully redistributed online.

S

Selector
Within CSS, a selector is any part of the HTML you’re attempting to pull together in a bid to apply a visual rule. The tag name, its ID or class are all acceptable.

Semantic web
A group of technologies that, fully deployed, will enable computers to read web pages and also to extract meaning from them.

SEO
Search engine optimisation increases a site’s ranking. This may mean customising content or keywords, or getting people to link to or write about a site.

SERP
A search engine results page (SERP) is the page displayed by a web search engine in response to a query by a searcher. The main component of the SERP is the listing of results that are returned by the search engine in response to a keyword query, although the page may also contain other results such as advertisements.

SOAP
Rub-a-dub-dub? Not quite. The Simple Object Access Protocol provides a standard by which XML data can be transferred between platforms using HTTP.

T

Template
Templates provide websites with a simple structural guide for their pages, ensuring consistency while allowing users some flexibility in terms of layout.

Theme
Gives a site its look. Often the result of custom CSS pages that can be applied to the same template to produce different results, almost on a user-by-user basis.

U

URL/URI
The Uniform Resource Locator/Identifier in the address bar gives the unique location of a particular resource on a network.

V

Visual Editor
This is the visual version of the WYSIWYG editor. WordPress allows you to toggle between HTML and visual views.

W

WordPress.com
This is the ‘other’ version of WordPress. It’s basically a stripped-down version of a self-hosted WordPress install and is designed for simple blogs.

Widgets
A WordPress Widget is a small block that performs a specific function.

WP_Query
WP_Query is a class defined in WordPress. It allows developers to write custom queries and display posts using different parameters.

wp-config.php
One of the core WordPress files. It contains information about the database, including the name, host (typically localhost), username, and password.

WAMP
WAMP is sometimes used as an abbreviated name for the software stack Windows, Apache, MySQL, PHP. It is derived from LAMP which stands for Linux, Apache, MySQL, and PHP. As the name implies, while LAMP is used on Linux servers, WAMP is used on Windows servers.

WordCamp
WordCamp is a term used for locally organized WordPress conferences.

WPML
The WordPress Multilingual Plugin. It allows running fully multilingual websites with WordPress, making it easy to translate WordPress pages, posts, tags, categories and themes.

X

Y

YITH
A set of premium and free plugins for WooCommerce. We have a developer licence with these clever people and use their plugins on the WooCommerce sites we build.

Z

Z-index
This controls the order of items in HTML. The higher the z-index, the nearer the top an item is. For example, an item with a z-index of 10 sits above (on top of) an item with a z-index of 5. Negative z-index values should be avoided.