wordpress изображение слайдер прикрепления?

Question

Я пытаюсь узнать больше о wordpress.org. И я натыкаюсь на сайт, который делает какой-то слайдер для изображения. Я знаю некоторые плагины, но это не работает. на сайте есть почта, у которой есть несколько изображений, которые отображаются по одному за раз на другой странице. For example this site

Он имеет кнопку запуска слайда на первой странице сообщения, и когда вы начинаете слайд, URL добавляет # на URL. Что-то вроде этого:

example.com/post/1 

Я попытался это, но прибегая к помощи не могу найти какую-либо функцию или я не могу заставить его работать. Я также пробовал wp_get_attachment_image(), но не повезло. Как мне это сделать?

Answer 1

То, что вы видите, это не слайдер. Я пошел к указанному вами URL-адресу и открыл консоль Google Chrome и обнаружил, что, хотя установлен плагин Flex Slider, функция «Top 25 Most ...» не использует это. Кажется, пользовательский JavaScript, который использует iFrames в навигации.

Вы можете получить такой же эффект, просто добавив кнопки навигации под содержимым вашей страницы, нажав каждую кнопку, переведя вас на другую страницу.

Сделайте свой 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 в области содержимого сообщения, но вам нужно будет добавить весь контент (текст и изображения) в этой области содержимого.

Поиск ниже инструкции:


Backend:

вам необходимо добавить следующие строки в файл 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--> в вашем редакторе.

Frontend:

Вам нужно добавить следующую строку в ваш 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 wh ich будет отображать содержимое после добавления page break до тех пор, пока не будет добавлен другой.

Обратитесь к wp_link_pages(), если что-то пошло не так.

Я надеюсь, что помогает :)