Monstroid. How to edit 着陆页 generated with 短码s

本教程向您展示 如何编辑 着陆页 generated with 短码s in Monstoid.

The content of the 页面 was created using various 短码s. Let’s see how to manage those. You can access the 页面 editing area via 指示板 > Pages > All 页面s > Main 着陆页 :

You will see the content to edit using 视觉模式. In the beginning of the 页面 content there is a 短码 为 滑块. 它定义了 MotoPress 滑块 已使用:

Its content can be managed via 指示板 > MotoPress滑块 section. There is a list of existing slides, with 短码s to display them. 找到被使用过的那个 着陆页 并点击 “编辑 滑块’ button to work with its content:

Feel free to check more detailed tutorial on how to work with MotoPress滑块.

下一个 短码 行指定 布局 and determine the content to show up in the front-end. Let’s check the following examples:

1. [cherry_row_inner 类型=“宽屏”]
   [cherry_col_inner size_md = " 12 "]
   [cherry_spacer大小= " 70 "]
   [/ cherry_col_inner]
   [/ cherry_row_inner]
   [/ cherry_col]
   [/ cherry_row]

   类型=“宽屏” specifies the width of the section, meaning this one occupies the complete width of the 页面;

   size_md = " 12 " 意思是12 网格 布局 类型用于 medium screen size;

   cherry_spacer大小= " 70 " 定义了 size of the spacer used 为 area.

2. [cherry_box  bg_color="#f6f6f6" bg_position = "中心"  bg_repeat = "没有重演” fill="no"]

   bg_color = " # XXXXXX” defines color 为 current area, it can be replaced with any other hex color instead of the default one;

   bg_position = "中心" sets the position 为 current background;

   bg_repeat = "没有重演” 定义如果 background is going to be repeated or shows up only once:

   

3. [cherry_button  文本=“演示” url = "博客" 大小= "大"  集中=“不” icon="icon: fa fa-desktop"]

   The buttons are set up with the 短码s as the one above. There you can determine available options:

   文本=“演示” sets up the words to be shown as the button text;

   url = "博客" 决定了 页面 to open when somebody clicks the button;

   大小= "大" specifies the actual dimensions of the current button;

   集中=“不” manages the bottom position;

   图标= "图标:fa fa-desktop” 指向按钮图标. 它指的是 FontAwesome 图标 默认情况下:

   

4. [cherry_posts  posts_per_页面 = " 3 " tax_term = "主题"  tax_operator="0" 
     订单= " desc "  image_size="cherry-thumb-475x300" content_length = " 10 " 
     button_text = "选择现在!" col_xs="12" col_sm="6"  col_md="3" col_lg="3" 模板= " template-1.tmpl”)

   这样的 短码s render posts from the specific category and allow setting up their 布局.

   posts_per_页面 = " 3 " sets the number of posts to show up;

   tax_term = "主题" specifies the category to pull posts from;

   订单= " desc " allows to select the order of posts to show up;

   image_size="cherry-thumb-475×300" points to the actual size of the featured images 为 selected posts on 着陆页;

   content_length = " 10 " 决定了 excerpt 长度;

   button_text = "选择现在!" specifies the title of read more button;

   col_xs="12" col_sm="6" col_md="3" col_lg="3" 定义了 布局 for different screen views (extra small // small /// medium // large);

   模板= " template-1.tmpl” picks up the file for styling:

   

5. [cherry_网格  num = " 4 " post_type = "证明" type = "列"  地沟= " 30 " 列= " 2 " template="testimonial-template-1.tmpl testi-网格“类=)

   这样的 短码 类型用于 网格 布局 职位:

   num = " 4 " sets the number of items to display;

   post_type = "证明" 定义了 自定义帖子类型 to be used (Testimonials posts in this example);

   type = "列" 是用来应用列的吗 布局 对于面积;

   地沟= " 30 " 定义了 gutter space size (in px);

   列= " 2 " specifies the number of columns;

   template="testimonial-template-1.tmpl” picks up the file for styling;

   类= " testi-网格 " selects the specific CSS style:

   

点击 "更新" 按钮完成后 短码 modifications to view the changes on the site.

Feel free to check the detailed video tutorial below: