Magnetic is designed to work with the new WordPress editor, Gutenberg. Here are a few examples of page layout options with Gutenberg. This page uses a special template included in the theme.

Full-width image

The above is a full-width image that extends to the edge of the page. You can also have a wide image that extends beyond the content area.

Wide-width image

Or, add a cover image with text. This could be used for a page header or as a fixed in-page background image.


Here is an example of a full-width image gallery.

…and a wide-width image gallery.

Here’s an example of an embedded video. Videos can also use wide or full-width alignment.

Code, quote, and drop cap examples.

  <h2>Here's a block of code.</h2>
  <p>Look at me! Code!</p>

Computers are useless. They can only give you answers.

—Pablo Picasso

You cannot endow even the best machine with initiative; the jolliest steamroller will not plant flowers.

Walter Lippmann

Here’s a paragraph with a drop cap, or larger initial letter. It looks pretty good if you have a decent amount of text and want to go for a more traditional look that you might see in printed publications. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dui arcu, aliquam non fringilla a, ultrices eget orci. In hac habitasse platea dictumst. Pellentesque fermentum eu elit sed porta. Aenean efficitur convallis efficitur. Vivamus ultricies semper elementum. Vivamus viverra ante turpis, ac porta diam sollicitudin et. Integer ornare velit sed lectus porta, eu pharetra ante pellentesque.

Here are some button examples.

Gutenberg requires WordPress 5.0.