|
You can return to the previous editing task by clicking the "Back button (Ctr+Z)" at the top left of the screen. Use this function if you have made a mistake. STEP Four Check responsive spacer block First, click on the top block. This is a responsive spacer block. What is responsive spacer?plugin "VK Blocks" for "Lightning". The feature is that the height of the margin between blocks can be set depending on the screen size (PC, tablet, mobile). *Spacers are also available in standard WordPress blocks. However, with spacers, it is not possible to set margins according to the screen size. STEP Five Add cover block Set up a background image using a cover block.
What is a cover block? A standard WordPress block that allows you to set a list of phone numbers background image and overlay colors on top of the image. In addition, various blocks can be placed inside the cover, making it easy to use. Click Add Block at the bottom of the responsive spacer. Click Show All . STEP 6 click on cover Click " Cover " from the block list on the left. After installing the cover block, the left panel will no longer be needed. Please close with " × ". STEP 7 Upload an image uploadUpload the image " office-pro-img04.jpg " from STEP 8 Select the column block at the bottom of the cover Select the column block at the bottom of the installed cover. supplement If you have difficulty selecting columns, click the three-line icon (list view) at the top left of the editing screen. You can select it by clicking the third "column" from the top.

Beware of changes in WordPress specifications (Added: 2023/05) From WordPress 6.2, the name of the three-line icon has been changed to "Document Overview". Before change: Click "Three line icon (list display)" After change: Click "Three line icon (document overview)" Before change (WordPress 6.1 and earlier) After change (WordPress 6.2 or later) STEP 9 Place the column inside the cover Drag and drop the selected column to place it inside the cover. You can place it by clicking and dragging the column and dropping it above "Enter a title..." in the cover. Make sure you have installed it as shown below. What is a column? Standard block for WordPress.
|
|