wordpress图像附件滑块？

Question

我正在尝试了解有关wordpress.org的更多信息。我偶然发现了一个为图像做某种滑块的网站。我知道一些插件，但它不能那样工作。该网站的帖子包含多个图像，这些图像在不同的页面中一次显示1个。 For example this site

在帖子的第一页有一个开始幻灯片按钮，当你开始幻灯片时，网址会在网址上添加一个＃。像这样：

example.com/post/1

我尝试使用Google搜索，但无法找到某些功能，或者我无法使其正常工作。 我也试过wp_get_attachment_image()但没有运气。我该怎么办？

Answer 1

你看到的不是滑块。我转到了您提到的网址并打开了谷歌Chrome控制台，发现尽管安装了插件Flex Slider，但“最常见的25个...”功能却没有使用它。它似乎是在导航中使用iFrame的自定义JavaScript。

只需在页面内容下方添加导航按钮，点击每个按钮即可转到另一页，即可获得同样的效果。

让您的WordPress更轻松，坚持使用Flex Slider或其他流行的Wordpress滑块插件。 http://flexslider.woothemes.com/

Answer 2

正确的做法是在每个帖子中添加一个图像转发器字段（ACF很棒，但repeater option不是免费的，但您可以使用免费的types ，检查its repeater documentation）。

现在，一旦你在单个页面中为每个帖子检索了图像，就可以使用任何jQuery库在滑块中对它们进行排序（Bootstrap's slider非常好，但有很多选项可用：flexslider ，bxslider ...）。

但是，如果您坚持在每个帖子的一个页面中保留每个上传的图片，则可以通过其他方式进行。

在帖子内容区域中使用名为page break的功能，但您必须在此内容区域中添加整个帖子内容（文字和图片）。

查找以下说明：


的后端

您需要将以下内容添加到您的functions.php中以显示此按钮：

function my_add_next_page_button( $buttons, $id ){

    /* only add this for content editor */
    if ( 'content' != $id )
        return $buttons;

    /* add next page after more tag button */
    array_splice( $buttons, 13, 0, 'wp_page' );

    return $buttons;
}
add_filter( 'mce_buttons', 'my_add_next_page_button', 1, 2 );

或者您可以在编辑器中使用：<!--nextpage-->。

的前端

您需要在 functions.php 中添加以下内容才能生成单个帖子分页：

function custom_wp_link_pages($args = '') {
    $defaults = array(
        'before' => '<div id="post-pagination">' . __(''),
        'after' => '</div>',
        'text_before' => '',
        'text_after' => '',
        'next_or_number' => 'next',
        'nextpagelink' => __('Next'),
        'previouspagelink' => __('Previous'),
        'pagelink' => '%',
        'echo' => 1
    );

    $r = wp_parse_args($args, $defaults);
    $r = apply_filters('wp_link_pages_args', $r);
    extract($r, EXTR_SKIP);

    global $page, $numpages, $multipage, $more, $pagenow;

    $output = '';
    if ($multipage) {
        if ('number' == $next_or_number) {
            $output .= $before;
            for ($i = 1; $i < ( $numpages + 1 ); $i = $i + 1) {
                $j = str_replace('%', $i, $pagelink);
                $output .= ' ';
                if ($i != $page || ( (!$more ) && ( $page == 1 ) ))
                    $output .= _wp_link_page($i);
                else
                    $output .= '<span class="current-post-page">';

                $output .= $text_before . $j . $text_after;
                if ($i != $page || ( (!$more ) && ( $page == 1 ) ))
                    $output .= '</a>';
                else
                    $output .= '</span>';
            }
            $output .= $after;
        } else {
            if ($more) {
                $output .= $before;
                $i = $page - 1;
                if ($i && $more) {
                    $output .= _wp_link_page($i);
                    $output .= $text_before . $previouspagelink . $text_after . '</a>';
                }
                $i = $page + 1;
                if ($i <= $numpages && $more) {
                    $output .= _wp_link_page($i);
                    $output .= $text_before . $nextpagelink . $text_after . '</a>';
                }
                $output .= $after;
            }
        }
    }

    if ($echo)
        echo $output;

    return $output;
}

现在在循环内的 single.php 中：

<?php
the_content();
custom_wp_link_pages();
?>

您将获得此布局：

每篇帖子中的下一个按钮都会有如下链接： http://website.com/post-name/2将在page break插入后显示内容，直到添加另一个内容。

如果出现任何问题，请参阅wp_link_pages()。

我希望有帮助：）