CherryFramework 4. 如何添加“阅读更多”按钮的博客布局短代码

本教程展示了如何在博客中添加“阅读更多”按钮 Layout shortcode in CherryFramework 4 templates.

1. Locating the shortcode on your page

   你要做的第一件事就是检查 shortcode 参数查找要编辑的文件以添加 Read more button there. 请找到 shortcode 在页面上，它看起来类似于下面的例子:

   [cherry_blog posts_per_page="4" order="DESC" orderby="date" page=" yes" layout_type="grid" filter_type="none" grid_column="grid-4" columns="4" columns_gutter="10" timeline_item_width="48" use_timeline_breakpoint="yes" timeline_breakpoint="month" timeline_breakpoint_date_format="F j ., Y" show_marker_date="no" timeline_marker_date_format="F ", Y" pagination_previous_label = "" pagination_next_label=" " class="grid-type-1" template_type="type-1"]

2. 定位要编辑的文件

   下一步是基于查找文件 shortcode parameters.

   1. Please check layout_type，可设置为“网格”，masonry或“时间轴”。. 在这个例子中，它被设置为grid.

   2. Next, check template_type在我们的例子中是type-1.

   3. 文件名复合体的最后一部分是文件类型，例如: standard, image, gallery , etc. 因此我们需要定位 layout-grid-type-1-video.tmpl 文件中添加“阅读更多”按钮 video 使用Blog显示在页面上的帖子 Layout shortcode.

   4. 登录你的 hosting 控制面板 and select 文件管理器 或者连接到 FTP.

   5. Select wp-content /主题/monstroid/ blog-layouts / tmpl / directory to reach shortcode 源文件:

      

   6. 打开你的档案，在我们的案例中是 layout-grid-type-1-video.tmpl one.

3. Editing file

   的下面添加读取模式按钮代码 content 部分通过更改代码从:

   		%%CONTENT%%
   	

   to

   		%%CONTENT%%
   		
   
   			% %按钮在哪里= % %“循环”
   		
   	

4. 保存更改并检查您的站点，按钮现在出现. 还可以向此按钮添加特定的样式规则 .read_more CSS代码中的类名:

   

请随时查看下面的详细视频教程: