I’m probably overusing the cover block at this point. Intro Section – Cover Block Screenshot of using the Cover block. You can find this under the “Post/Page Attributes” box under the “Document” tab when editing your post/page. View a demo of this tutorial → Selecting the page templateīecause Gutenberg still doesn’t have a “post title” block that you can move around, we must use the “No Post Header/Footer” page template that Exhale offers. This tutorial will be a step-by-step guide on how I built out the page design above. To use that block, you’ll need to be running at least that version of Gutenberg or wait until WordPress 5.2 drops. Note that the last stage of this tutorial uses the new Group block, which was introduced in version 5.5.0 of the Gutenberg plugin. Really, you could use the techniques here to build any sort of sales page. Today’s tutorial is all about creating an “app” sales page. See full layout →Īs I’ve been promising, I was going to do more walk-through tutorials on how to build out custom pages with the WordPress block editor (Gutenberg) and the Exhale theme. Alternatively, you can also set the image height and width values using the size input fields located in the sidebar inspector options.Screenshot of the app sales page. Left Clicking and dragging this handle will resize the image to the desired size. The easiest way is with the image scaling handle located on the side of the selection marker. There are multiple ways to resize images on the Blocs canvas.
Gif images do not have a file size limit. Alternatively, you can also import images to a project using the keyboard shortcut ⌥+I.īlocs supports image files up to 5MB in the following file formats: jpg, png and svg. There are multiple ways to import images into a project, the easiest way is to simply drag images into the Blocs application window, doing this will add them to the Asset Manager as well as placing them onto your current project page. This will open the Asset Manager, from here you can choose to use either a stock image or one of your own. To change any image in your design simply double click it or if the image is already selected you can also change it by clicking on the preview thumb from the sidebar inspector options.
When you place an image Bric into your design or use one of the pre-made Blocs that contains an image, the image will be set to a basic placeholder. Import to library or dragging images into the Blocs application. Images can be added to your project in two ways.
0 kommentar(er)
