为Slick Slider和ACF创建简码

时间:2019-12-24 03:29:17

标签: php wordpress advanced-custom-fields repeater slick.js

我正在构建WP网站,并想插入我已开始使用Slick Slider作为简码构建的滑块。

我已经创建了自定义字段(带有图像,三个文本输入和页面链接的中继器),并且它们仅显示在我的主页上。我理想的工作流程是,客户端仅在主页上编辑此字段块以添加和删除幻灯片,而放置在页面构建器中的短代码将呈现它。

这可能吗?

我不想仅仅为了在主页上获取幻灯片而制作CPT,但是我可以这样做。我当前正在创建具有单独幻灯片标记和循环以拉出字段的模板文件,但是如果有帮助可以共享。我真的只需要有关如何创建简码的帮助...我不理解我在WordPress文档中阅读的页面。

1 个答案:

答案 0 :(得分:0)

这绝对是可行的。创建简码功能时,只需参考首页ID。

function gallery_shortcode(){
  $pageID = get_option('page_on_front');
  if(get_field('slider',$pageID):
    $content = "<div id="slider">;
    while(have_rows('slider', $pageID): the_row();
      $image = wp_get_attachment_image(get_sub_field('image'),'full');
      $content = '<div class="single-slide">';
      $content = $image;
      $content = '<p>'.get_sub_field("text_link").'</p>';
      $content = '</div>';
    endwhile;
    $content = "</div>";
  endif;
return $content;
}
add_shortcode("gallery","gallery_shortcode");