• For Designers
  • For Developers
  • For Editors
  • For Teams

Theme Development in the Cloud

Since TheDock run on top of WordPress application, all theme editing happens in the cloud. Gone are the days of .env files, local environments and deployment routines.

Say hello to a workflow with quick changes and instant theme updates.

Teams, from designers to developers, can also collaborate in TheDock, while editors can change content in WordPress just as easy as it has ever been.

WordPress Native

Easily create new Post Types and Taxonomies using our visual editor.

Auto-adjusting Layouts

All your layouts are based on a 12 column grid which automatically adjusts your design to any screen size.

Organized data with ACF

When working with more data-oriented posts and layouts, the WordPress Block Editor (or the original Content Editor) does not offer an ideal workflow. Instead, WordPress have custom meta fields as a native feature, however the user experience of working with those native fields leave much to be desired.

Advance Custom Fields extends the core functionality to a much better editing experience, and any custom field added through TheDock will be connected to an appropriate field using ACF.

Global Base Size

All sizing, from typography to margins and widths, is based on a responsive Base Size to keep your layouts unison. No more setting margins and type sizes in exact pixels, REM for the win!

Curated Library of Typefaces

Our design team regularly handpicks new open source typefaces to use in our theme.

Custom Code

To ensure that anything is possible, theme’s built with TheDock support not only visual editing, but also custom code. Our code editors are built-in and you do not need to edit any files.

Add custom styling with CSS or scripts in JavaScript.

Add custom functions in PHP by extending your function.php file from within TheDock.

You can also create PHP Partials to extend your templates with custom coded parts, both as Sections and as Blocks.

Global Modules

Define global modules that can be used in more than one template in your theme. Quickly apply changes by changing the module.

You can also insert a module in a template and then detach the contents of your module. This way modules can be used as blueprints for a faster workflow. Any section in a layout can quickly be saved as a module adding it to your library, ready to be used in another template.

Lottie Animations

Upload any Lottie file and use in your theme. All graphics support blending modes and can be used as backgrounds.

Effects and Parallax

Areas and Blocks support effects like fading in or changing position or scale in when in view or on hover.

You can also add parallax to elements to give more depth to your layout.

Upload Any Font

Simply drag-and-drop any .woff file to upload and use in your theme.

Custom WP Blocks

By using our custom WordPress blocks you can utilize core functionality like Menus, Widgets or Comments anywhere in your layout.

Scroll Snap Support

All templates can use CSS Scroll Snap for scrolling a page section by section.

Typographic Scale

Use up to five global typographic styles, easily maintained through one unison control panel.

Global Button Style

Define the default styling for Buttons in your theme. Buttons come in three different variations, Full, Outline and Text, and each variation come in all colors of your theme. You can adjust Buttons in your layout to extend the default style.

Global Color Palette

All colors in your theme is connected to your global palette, including automatic tints and shades, making it super quick to change a color. Contrast color is suggested for optimal accessibility.

Global Header

Your theme have a global header applied by default to all templates. The global header can hidden from the template settings.

The global header comes in two variants, one for desktop and one for mobile devices. By applying different styles, the menu can be placed on the top, on the side or as an overlay toggled by a button.

By default, your mobile menu is a overlay menu toggled by a button.

Unsplash Images

Using our built-in Unsplash-integration for images you have a library of thousands of great images at your disposal at any time.

Custom Forms Using CF7

Extending your theme with the Contact Form 7 plugin you can create custom forms in WordPress. With our Custom Form Block you can edit the style of the form.

Global UI Styles

Define your default border thickness, radius and shadows to be applied to all elements that support these features. The style can then be customized on every element as needed.

Templating System

All parts of your site, such as pages, archives and single posts, have templates attached. TheDock visualizes the built-in template hierarchy of WordPress to give you full control of your theme.

You can even create templates that are exported as Custom Templates, to be assigned to any post in WordPress.

Lazy-loading Images

All images are lazy-loaded by default for optimal performance.

WordPress Content

Using our WP Editor Block you can control the placement and layout of your WordPress content.

CSS Blend Modes

All graphics, including backgrounds and videos, have support for CSS Blend Modes. To ensure performance, grayscale images are generated for any image uploaded to your theme to avoid the use of filter.

Mailchimp Block

Our custom MailChimp blocks integrates with the MailChimp API and makes it very easy to add a signup form anywhere in your site.

Advanced Areas

Using our Advanced Area feature turn your area add a background layer to your area and use CSS grid for more layout control such as overlapping the background and the content.

Gallery Block

Our custom Gallery block have different layout options like grid and slideshow, controls for the UI, zoom-support and other effects.

Global Footer

Your theme have a global footer applied by default to all templates. The global footer can hidden from the template settings.

The footer consists of one or more sections that can be fully customized just as any section in any layout.

Global Swatches

Create unique swatches including gradients to use anywhere in your site.

Section Modes

All sections in your layout can have different layout modes, including carousel and masonry layouts.