Websites are built with components.

The WPComponents script contains over 30 components which may be the building blocks of a WordPress website. It is born out of the fact that the same elements for different projects were required again and again. The installation and implementation of WP Components is described on GitHub.

The structure of WP Components

WP Components is made in a modular fashion and contains two types of WordPress elements: molecules and atoms. By using these elements, one can quickly develop a WordPress website using the desired components.

Molecules are larger sections of a site such as a header. Molecules can contain atoms. Atoms are single WordPress elements such as sharing buttons, breadcrumbs, images, titles and so forth.

WP Components can only be used with WordPress. Most of the elements have microdata and rich snippets included in their coding. The styling of the elements is minimal.

The installation and implementation of WP Components is described in its Github Repository.

The WP Components script currently has the following WordPress molecules:

  • Footer: a site footer.
  • Header:  a site header.
  • Post Footer: the footer of a post or page.
  • Post Header: the header of a post or page.
  • Posts: a grid or list of posts.
  • Slider: a slider with custom content.

And the following atoms:

  • Archive Title
  • Author (Post Author)
  • Breadcrumbs
  • Button
  • Callback
  • Cart (WooCommerce)
  • Comments
  • Content (Post or Page Content)
  • Copyright
  • Date (Post or Page Date)
  • Description
  • Image
  • Logo
  • Menu
  • Meta
  • Modal
  • Pagination
  • Rate
  • Scroll
  • Search
  • Share (Social Sharing)
  • Sidebar
  • Social (Social Profiles)
  • String
  • Tabs
  • Termlist
  • Terms
  • Title (Post or Page Title)
  • Type (Post or Page Type)
  • Video

Our Complete WordPress Script Collection

During the years, we found out that we were repeating the same code over and over in our WordPress development projects. The obvious thought came in mind: Why don’t we store these pieces of code in reusable scripts on GitHub? And so it happened, our repository was born.

WP Components is a collection of common components used in the development of websites, such as breadcrumbs.

WP Custom Fields is a kick-ass framework for custom customizer, options pages and post, taxonomy or user metabox fields.

WP Enqueue is a script for enqueing scripts and styles easily.

WP Optimize allows to implement basic optimizations to a WordPress installation by the removal of redundant code.

WP Register is a script that allows to easily register custom posts, taxonomies, sidebars, menus and widgets.

WP Updater is a script to update a theme or plugin through an external repository.

WP Router is a WordPress script that enables a developer to add custom routes and link these to custom templates.

WP Config is a class which can be used to store, add or modify configurations for a theme or plugin.

WP Autoload shows how one can use autoloading with WordPress.