wp_std

یک نوع خاص carousel slider

8 پست در این موضوع قرار دارد

سلام

لطفا سایت http://www.chargoon.com/ رو ببینید. در زیر اسلایدر نوشته هایی هت که تغییر می کنه. یه نوع اسلایدر هستش ظاهرا. من همچین پلاگینی واسه وردپرس میخوام ولی هنوز پیدا نکردم. ترجیحا می خوام افقی باشه و یه عکس کوچیک هم کنار هر خبر بیاد. ممنون میشم اگه کسی سراغ داره لینک بده.

0

به اشتراک گذاری این پست


لینک به پست

این امکان وجود داره که یک پلاگین معمولی جی کوئری رو استفاده کنم در قالب وردپرس؟ مخصوص وردپرس نباشه؟

0

به اشتراک گذاری این پست


لینک به پست

این به وردپرس میخوره؟ نصب میشه؟ باتوجه به اینکه مخصوص وردپرس نیست؟

0

به اشتراک گذاری این پست


لینک به پست

شما اینو اول با قالبتون ست کنید ( از نظر ظاهر و کد ) سپس بخش مربوط به وردپرس که میخواین به این صورت نمایش در بیاد رو با استفاده از تابع خودش ست کنید..

به عنوان مثال شما میتونید حلقه مطالب رو در کد مربوطه قرار دهید و تنها کد مربوط به عنوان مطلب رو در حلقه بزارید تا به صورت carousel slider عناوین مطلبتون به نمایش در بیاد..

ویرایش شده در توسط graphicno
1

به اشتراک گذاری این پست


لینک به پست

شما نمونه این کد رو میتونید تو سایت persianscript.ir مشاهده کنید , بخش برگزیده های مدیر

بعد ست کردن کد های مربوط به آدرسی که بالا بهتون معرفی کردم با قالب خودتون از کدی که بهتون میدم در وردپرس استفاده کنید.

به عنوان مثال تنها میخواین مطالب دسته بندی اخبار به شکل دلخواه نمایش داده بشه پس از کد زیر استفاده کنید :


<ul>
<?php
$my_query = new WP_Query('showposts=10&cat=25');
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID;?>
<li><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>">
<?php the_title(); ?>
</a></li>
<?php endwhile; ?>

</ul>

تو کد برای تغییر ID دسته عدد 25 رو تغییر دهید و برای تغییر تعداد مطالب عدد 10 رو به دلخواه عوض کنید به شکل زیر :


showposts=3&cat=12

1

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط sha2w
      سلام و احترام
      میخوام اسلایدر قالبم رو  با اسلایدری که توسط metaslider ساختم در محیط css بخش سفارشی سازی تغییر بدم
      جسارتا به چه صورت المان اسلایدر قالبمو لینک کنم به اسلایدر ساخته شده ؟؟
    • توسط -HADI-
       
      سلام،
      اسلایدر رولوشن چند وقت هست این خطا رو میده، نمیتونم برطرف کنم مشکل رو ، لطفا راهنمایی کنید
       
      Revolution Slider Error: You have some jquery.js library include that comes after the revolution files js include. This includes make eliminates the revolution slider libraries, and make it not work. To fix it you can: 1. In the Slider Settings -> Troubleshooting set option: Put JS Includes To Body option to true. 2. Find the double jquery.js include and remove it.  
    • توسط Silence
      برای اینکه یک سری از مطالب به عنوان مطلب ویژه در قسمت بالای سایت به صورت اسلاید نمایش داده بشه، می خوام از یک دسته به عنوان ویژه و یا تگ ویژه استفاده کنم....
      حالا برای انتخاب اسلایدر یک سوال برام پیش اومده...
      آیا برای این کار، با استفاده از jQuery و HTML و CSS یک اسلایدر تعریف کنم و کدهای وردپرس رو در اون قرار بدم بهتر هست یا اینکه از پلاگین های آماده برای این کار استفاده کنم؟..
      کدوم پیشنهاد می شه و چرا؟...
       
      هر کدوم از این دو مورد آیا مزیت و برتری نسبت به دیگری دارن؟...
       
    • توسط premier
      دوستان به یک مشکل عجیب خوردم
      از این اسلایدر برای سایت استفاده می کنم :
      http://owlgraphic.com/owlcarousel/
      تو صفحه عادی عمل میکنه ولی به محض اینکه به قالب میبرم عمل نمیکنه !!
      یعنی اصلا لود نمیشه !!
      من کد اونو میزارم اگه راهی هست کمک کنید


      <!-- Owl Carousel Assets -->
      <link href="<?php bloginfo('template_url'); ?>/css/owl.carousel.css" rel="stylesheet">
      <link href="<?php bloginfo('template_url'); ?>/css/owl.theme.css" rel="stylesheet">

      <div id="owl-demo" class="owl-carousel">

      <div class="item"><h1>1</h1></div>
      <div class="item"><h1>2</h1></div>
      <div class="item"><h1>3</h1></div>
      <div class="item"><h1>4</h1></div>
      <div class="item"><h1>5</h1></div>
      <div class="item"><h1>6</h1></div>
      <div class="item"><h1>7</h1></div>
      <div class="item"><h1>8</h1></div>
      <div class="item"><h1>9</h1></div>
      <div class="item"><h1>10</h1></div>
      <div class="item"><h1>11</h1></div>
      <div class="item"><h1>12</h1></div>
      <div class="item"><h1>13</h1></div>
      <div class="item"><h1>14</h1></div>
      <div class="item"><h1>15</h1></div>
      <div class="item"><h1>16</h1></div>
      </div>
      <div class="customNavigation">
      <a class="btn prev">Previous</a>
      <a class="btn next">Next</a>
      <a class="btn play">Autoplay</a>
      <a class="btn stop">Stop</a>
      </div>
      <script src="<?php bloginfo('template_url'); ?>/js/jquery-1.9.1.min.js"></script>
      <script src="<?php bloginfo('template_url'); ?>/js/owl.carousel.js"></script>
      <script type="text/javascript">
      var jq191 = jQuery.noConflict(true);
      </script>
      <script>
      $(document).ready(function() {
      var owl = $("#owl-demo");
      owl.owlCarousel({
      items : 10, //10 items above 1000px browser width
      itemsDesktop : [1000,5], //5 items between 1000px and 901px
      itemsDesktopSmall : [900,3], // 3 items betweem 900px and 601px
      itemsTablet: [600,2], //2 items between 600 and 0;
      itemsMobile : false // itemsMobile disabled - inherit from itemsTablet option

      });
      // Custom Navigation Events
      $(".next").click(function(){
      owl.trigger('owl.next');
      })
      $(".prev").click(function(){
      owl.trigger('owl.prev');
      })
      $(".play").click(function(){
      owl.trigger('owl.play',1000);
      })
      $(".stop").click(function(){
      owl.trigger('owl.stop');
      })

      });
      </script>
      <!-- Demo -->
      <style>
      #owl-demo .item{
      background: #3fbf79;
      padding: 30px 0px;
      margin: 10px;
      color: #FFF;
      -webkit-border-radius: 3px;
      -moz-border-radius: 3px;
      border-radius: 3px;
      text-align: center;
      }
      .customNavigation{
      text-align: center;
      }
      .customNavigation a{
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      }
      </style>

    • توسط rezaei1374
      اول از همه توضیح بدم این قالب رایگان توسط وی بی ایران قرار داده شده و من میخوام قسمت اسلایدر رو در قالب دیگری استفاده کنم
      برای اینکار بجز کد های html و css چه کد دیگری به اون قالب اضافه کنم
      در تصویر زیر اسلایدر را مشخص کرده ام

      http://p30web.org/wp/