Blocks are the new way of adding content to pages in WordPress. As an editing experience, it’s not to everyone’s taste, and many clients prefer to stick with the old Classic editor.
See the official WordPress blocks guide for details of the editor.
The theme will work with either editor but has some features which can only be used with the Block editor. It is possible to do the bulk of your editing in Classic mode and only switch to the Block editor when you need it for its advanced layout options. (Don’t switch between them mid-edit though as sometimes edits can be lost, especially if you jump back and forth between modes!)
The Blocks that come with WordPress, and other third-party blocks don’t always have options you might want, but some additional control is possible using the Advanced panel for individual blocks. This allows you to add classes to the block. Classes are used to define styling which can supplement or over-ride the default styling for the block. As the user needs to know class names and what they do, it’s not a very elegant solution, but the Block editor is an evolving system and has its limitations.
The Callanish theme has several classes designed for use with blocks and others can be added as part of the customisation of the theme.
- img-border adds a border to images, for use in the Gallery Block
- text-shadow-black adds a black text shadow to text, useful where white text is overlaying an image
- clip10, clip-10, skew10, skew-10 are classes specifically for the Media & Text block to provide a sloping edge to the image
- skew2 and skew-2 are classes for modifying the Group block to apply a slope to the top and bottom edges of the block
- fullheight and halfheight are for use with the Cover Block which by default can only have its minimum height set in pixels; these classes will set the minimum height to fill all or half of the screen height
In addition, there are blocks like Paragraph which do not have the toolbar option for Wide Width or Full Width, but this can be applied by including the relevant class, alignwide or alignfull. These classes will not be reflected in the editor view but will be applied when the page is displayed on your website, at least for some blocks.
Third Party Blocks
The theme comes with Atomic Blocks pre-installed and additional block sets can be installed using plugins. However, many block sets have similar blocks, and not all of these will have styling which matches your site, and having too many blocks can become confusing and make it difficult to maintain consistency across the site.
The theme comes with several custom Blocks developed to accompany the theme. The Theme Blocks page has full details of these blocks.