2012-03-24 5 views
0

Как создать пользовательский плагин слайдшоу Wordpress? Я искал учебники по Google, но я не мог найти их, не могли бы вы, ребята, дать учебник здесь или ссылку на некоторые другие пользовательские учебные плагины для слайд-шоу?Как создать пользовательский плагин слайд-шоу wordpress?

ответ

0

Я думаю, если у вас есть знание WordPress, тогда просто измените файл header.php из вашей папки с шаблонами.

+0

Как это сделать? –

2

Если вы не возражаете, используя плагин JQuery, а не писать с нуля, я мог бы предложить .cycle().

Я собираюсь предположить, что вы не знакомы с циклом WP. Если вы этого не сделаете, вы должны проверить WP Codex (here).

PHP - (поместить это в functions.php)

<?php add_action('wp_enqueue_scripts', 'my_scripts_method'); ?> 
<?php function my_scripts_method() { 
    wp_deregister_script('jquery'); 
    wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'); 
    wp_enqueue_script('jquery'); 
    wp_deregister_script('jqueryui'); 
    wp_register_script('jqueryui', 'https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js'); 
    wp_enqueue_script('jqueryui'); 
    wp_register_script('slideshow', get_bloginfo('stylesheet_directory').'js/slideshow.js'); 
    wp_enqueue_script('jqueryui'); 
} ?> 

<?php add_action('hook_name', 'my_slideshow'); ?> 
<?php function my_slideshow() { ?> 
    <?php if(is_page('page_name')) : ?> 
    <div id="SlideShow"> 
    <?php $my_query = new WP_Query('category_name=my-slideshow$post_per_page=5'); ?> 
    <?php if ($my_query->have_posts()) : ?> 
     <?php while ($my_query->have_posts()) : ?> 
     <div id="slide"> 
      <div class="wrapper"> 
         <?php if (has_post_thumbnail()) : ?> 
           <?php the_post_thumbnail() ?> 
         <?php else : ?> 
           <?php echo (get_bloginfo('stylesheet_directory').'/images/default.png'); ?> 
         <?php endif; ?> 
      </div><!-- end .wrapper --> 
     </div><!-- end #slide --> 
     <?php endwhile; ?> 
    <?php else : ?> 
     <span>Sorry, there is no content at this time.</span> 
    <?php endif; ?> 
    <?php wp_reset_postdata(); ?> 
    </div><!-- end #slideshow --> 
    <?php endif; ?> 
<?php } ?> 

заменить 'hook_name' с крюком, где вы хотите, чтобы включить в слайд-шоу. замените 'page_name' на пустую страницу, на которой вы хотите показывать слайд-шоу. Если вы хотите, чтобы он отображался на всех страницах, удалите <?php if(is_page('page_name')) : ?> и <?php endif; ?> в конце. замените 'my-slideshow' на $my_query на имя той категории, которую вы хотите в слайд-шоу. Вы можете изменить '5' на любое количество слайдов, которые вы хотите показать в слайд-шоу. the_post_thumbnail - признанный образ сообщения. Он проверяет, имеет ли сообщение изображение с изображением, если нет, оно полагается на default.png, найденное в папке с изображениями темы.

JQuery - (поместить это в своем собственном файле в тематической директории в а/Js реж Вызывать файл slideshow.js.)

var $j = jQuery.noConflict(); 

$j(document).ready(function() { 
    $j('#slideshow').cycle({ 
     // options here. 
    }); 
}); 

Есть много вариантов, вы можете определить, найденных here.

Это в значительной степени суммирует пользовательское слайд-шоу. Если вы хотите упаковать его в виде модульного плагина, вам нужно будет ссылаться на Codex here.

Смежные вопросы