The red frame is an example of setting

nejavo

You can switch button display from the block settings sidebar. 7 types of design blocks From here, we will introduce the design blocks. design block button block column block horizontal blocks vertically stacked blocks spacer block separator block group block button block "Button block" is used when placing buttons. For links that you want to stand out, it is effective to turn them into buttons. For example, you can use it to link to contact forms or application forms . Please see below for reference. a link after entering text in a "paragraph block". The blue frame is an example of setting buttons using a "button block". Comparison of paragraph block and button block Otter After all, the buttons are easier to understand! The following is the editing screen when inserting a "button block".


Button block description How to edit a button block You can enter the text to list of phone numbers be displayed on the button. You can set a link. You can change the button text and background color. The following article explains the key points for creating buttons. Related article 3 points to consider when using buttons on your homepage! Introducing installation methods and materials column block "Column blocks" are used when you want to display content side by side. Unlike the "horizontal blocks" that will be explained later, it is characterized by its support for responsive design . When you add a "column block", the following screen will be displayed. Here, let's select "3 columns: evenly divided". Add column block screen Three columns are displayed side by side as shown below. Let's add an " image block " from the " + " on the far left . Add image block to left column of column block.



In the same way, the following screen shows how to add "image blocks" repeatedly. Column block description memo If you want to select all columns or specific columns, the list display is easy to understand (1 & 2). When you select an entire column, you'll see "Arrange vertically on mobile" in the block settings sidebar on the right side of the screen (3 & 4). By default, it is checked and the images will be arranged vertically on smartphones as shown below, so please switch depending on the design you are looking for. Column block smartphone display example horizontal blocks "Horizontal blocks" are used when you want to create a horizontal layout. Unlike the "column block" mentioned in the previous section, the horizontal layout is maintained even if the screen width becomes narrower like on a smartphone. Below, the red frame is an example of using "column blocks" and the blue frame is an example of using "horizontal blocks."