1

我已经定制了平滑的 div 滚动 jquery 插件（http://smoothdivscroll.com/）并在 wordpress 中将它实现为一个 wordpress 插件以及一个选项页面，您可以在此处查看滑块http://dev.linuxfreakz.com/？ page_id=2，我在 wordpress admin 中创建了一个选项页面，其中有 4 个选项来选择滑块标题、背景和箭头颜色以及帖子类别。幻灯片是 wordpress 帖子，里面的图片是他们的特色图片。滑块当前可以与简码一起使用，这一切都很好并且可以正常工作。

问题是现在我应该添加多个滑块，这些滑块可以选择不同的选项，并且可以通过选项页面在单个页面上使用，我对如何完成此操作感到困惑。一些wordpress大师可以给我指出正确的方向吗我真的没时间了.

任何帮助将不胜感激，谢谢。

这是拉出帖子并生成我当前使用的滑块的代码

function sds_display_slider() {
  global $post;

      $sds_category2 = (get_option('sds_category') != false) ? get_option('sds_category') : 1;

      $sds_title2 = (get_option('sds_title') != '') ? get_option('sds_title') : 'Smooth Slider';

      $sds_bgcolor2 = (get_option('sds_bgcolor') != '') ? get_option('sds_bgcolor') : '#dedede';

      $sds_navcolor2  = (get_option('sds_navcolor') != '') ? get_option('sds_navcolor') : '#9e1b32' ;   

      $plugins_url = plugins_url();

      echo '<div id="carousel" style="background-color:'.$sds_bgcolor2.'!important;">
    <style>
        div.scrollingHotSpotLeft {background-color:'.$sds_navcolor2.';}
        div.scrollingHotSpotRight{background-color:'.$sds_navcolor2.';}
    </style>
    <h2>'.$sds_title2.'</h2>
    <div id="makeMeScrollable">';

              query_posts('post_type=post&posts_per_page=-1&cat='.$sds_category2.'&order=ASC');
        if ( have_posts() ) :while ( have_posts() ) : the_post();

         $img_attached_url = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'medium');
        $img_attached = $img_attached_url[0];
        $post_heading = get_the_title($post->ID);
        $post_text = substr(get_the_excerpt(),0,180)."...";
        $link = get_permalink($post->ID);

        echo '<div class="contentBox">
            <a href="'.$link.'">
            <img src="'.$img_attached.'"></a><br>
            <a href="'.$link.'"><h2>'.$post_heading.'</h2></a>
            <p>'.$post_text.'</p>
        </div>'; 

        endwhile;

       endif;wp_reset_query();

    echo '</div>
  </div>'; 
}
4

1 回答 1

1

尝试http://wordpress.org/plugins/meta-box/并将您的选项页面放入其中。

于 2013-08-06T23:40:02.990 回答