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.
Create unique swatches including gradients to use anywhere in your site.
Visually edit all parts of your templates in our editor. Either starting from scratch or from our library of preset layouts.
Upload any Lottie file and use in your theme. All graphics support blending modes and can be used as backgrounds.
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.
Our custom MailChimp blocks integrates with the MailChimp API and makes it very easy to add a signup form anywhere in your site.
Using our WP Editor Block you can control the placement and layout of your WordPress content.
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.
All sizing, from typography to margins and widths, are based on a global Base Size to keep your layouts unison. No more setting margins and type sizes in exact pixels, REM for the win!
The Base Size is responsive to your screen size by default, but can be set to be static.
Use up to five global typographic styles, easily maintained through one unison control panel.
Our design team regularly handpicks new open source typefaces to use in our theme.
Simply drag-and-drop any .woff file to upload and use in your theme.
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 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.
All your layouts are based on a 12 column grid which automatically adjusts your design to any screen size.
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.
Using our built-in Unsplash-integration for images you have a library of thousands of great images at your disposal at any time.
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.
All images are lazy-loaded by default for optimal performance.
Our custom Gallery block have different layout options like grid and slideshow, controls for the UI, zoom-support and other effects.
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.
All sections in your layout can have different layout modes, including carousel and masonry layouts.
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.
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.
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.
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.
By using our custom WordPress blocks you can utilize core functionality like Menus, Widgets or Comments anywhere in your layout.
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.
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.
All templates can use CSS Scroll Snap for scrolling a page section by section.
With our visual editor you can easily create new Post Types and Taxonomies using WordPress native functionality.
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.