将光滑的滑块添加到 wordpress

Question

我做了一个网站的 HTML/CSS 设计，现在我需要将它转换为 Wordpress。我现在正在处理的部分是添加光滑的滑块以仅在我的 WP 首页上显示。它在 HTML 中完美运行（因为在那里我合并了 javascript，它可以在实际的 slick 滑块网站上找到，并通过 3 个带有图像的 div 元素启动。）。

在 WP functions.php 中我添加了：

//Add slider

 add_action( 'init', 'create_post_type' );

function create_post_type() {
 register_post_type( 'slider',
   array(
   'labels' => array(
    'name' => __( 'Sliders' ),
    'singular_name' => __( 'Slider' ),
    'add_new' => 'Add new slide',
  ),
     'public' => true,

  )
);
}

?>

它应该是一个自定义帖子类型，所以通过这段代码，我设法在 WP Dashboard 中显示滑块/添加新滑块选项。但是现在我不知道接下来我应该做什么才能让实际的滑块显示在我的首页上。因为当我添加一张新幻灯片时，它会制作一个全新的单张图片帖子，而不是显示在我的首页（而不是标题）顶部。我确定我还缺少其他东西，但我不知道该怎么做，因为这是我第一次不得不做这样的事情。任何人都可以帮助我吗？我开始为此发疯。提前非常感谢大家。

Answer 1

您可能想试试 WordPress 插件 Slick Slider。它使用原生 WordPress 画廊（与另一个答案中提到的使用自定义帖子类型的 WP Slick Slider 和 Image Carousel 形成对比）。

免责声明：我是这个插件的作者。

Answer 2

你有两个选择：

1（最简单） 改用插件：https://nb.wordpress.org/plugins/wp-slick-slider-and-image-carousel/

2（高级） 创建一个自定义循环，从自定义帖子类型中获取所有图像并将它们作为幻灯片回显。示例：

// WP_Query arguments
$args = array (
    'post_type'              => array( 'slider' ),
);

// The Query
$query_slider = new WP_Query( $args );

// The Loop
if ( $query_slider->have_posts() ) {
    echo '<div class="your-class">';
    while ( $query_slider->have_posts() ) {
        $query_slider->the_post();
        echo '<div> ';
        the_post_thumbnail();
        echo '</div>';
    }
    echo '</div>';
} else {
    // no posts found
}

// Restore original Post Data
wp_reset_postdata();

您还需要将主题函数.php 文件中的脚本和样式表排入队列。