نمایش آکاردئونی

این کوئری مطلب اول سایت را در استایلی متفاوت و همراه خلاصه مطلب نمایش می دهد و عنوان جهار مطلب بعدی را به صورت لیست در ادامه، با کلیک بر روی عناوین مطالب با استفاده از جی کوئری خلاصه مطلبی که مشخص است مخفی شده و خلاصه مطلبی که روی عنوانش کلیک شده مشخص می شود

ژنراتور کوئری ساز

کدها
خروجی
<?php
$custom_query = new WP_Query(array(
'post_status' =>'publish',
'post_type' =>'post',
'order' =>'DESC',
'orderby' =>'ID',
'posts_per_page' =>'5',

'paged' => (get_query_var('paged')) ? get_query_var('paged') : 1 
));
if($custom_query->have_posts()) : 
$count = 1;
echo '<ul class="queryposts list-group">';
while($custom_query->have_posts()) : $custom_query->the_post();?>
<li class="list-group-item autoslide" id="li<?php echo $count;?>">
<h5 class="querypost-title list-group-item-heading" id="title-<?php the_ID();?>"><a href="javascript:void(0)"><?php the_title(); ?></a></h5>
<div class="querypost-excerpt list-group-item-text" id="excerpt-<?php the_ID();?>"><?php the_excerpt();?>
<div class="more text-left">
<a class="btn btn-info" href="<?php the_permalink(); ?>">ادامه مطلب</a>
</div>
</div>
</li>
<?php
$count = $count+1;
endwhile;
echo '</ul>';
endif;
wp_reset_query();
?>
<div class="btn-group" id="autosliderControl">
<a class="btn btn-default fa fa-play" id="activeAutoslider" href="javascript:void(0)" title="فعال نمودن اتو اسلایدر"> </a><a class="btn btn-default fa fa-pause disabled" id="deactiveAutoslider" title="غیرفعال نمودن اتو اسلایدر"> </a> 
</div>

و کدهای جی کوئری استفاده شده

    $(".queryposts li .querypost-excerpt").hide();
    
    $(".queryposts li#li1").addClass("active").find(".querypost-title").addClass("lead").next(".querypost-excerpt").show();
    $("#activeAutoslider").click(function() {
    if($(this).hasClass("disabled")) {
    }
    else {
    $(this).addClass("disabled").next("a").removeClass("disabled");
   $(".queryposts li").addClass("autoslide");
   go_to_mySetTimeout();
    }
    });
    $("#deactiveAutoslider").click(function() {
    if($(this).hasClass("disabled")) {
    }
    else {
    $(this).addClass("disabled").prev("a").removeClass("disabled");
   $(".queryposts li").removeClass("autoslide");
    go_to_mySetTimeout();
    }
    });
   $(".queryposts li h5.querypost-title").click(function() {
   var parent = $(this).parent("li")
   if(parent.hasClass("active")) {
   }
   else {
   $(".queryposts li").removeClass("autoslide");
    $(".queryposts li.active").removeClass("active").find(".querypost-title").removeClass("lead").next(".querypost-excerpt").slideUp("slow").fadeOut("normal");
   parent.addClass("active").find(".querypost-title").addClass("lead").next(".querypost-excerpt").slideDown("slow").fadeIn("normal");
    }
   });
  function mySetTimeout() {
  setTimeout(function() {
  $(".autoslide.active").each(function() {
  var id = $(this).attr("id");
  if(id == 'li5') {
  $(this).removeClass("active").find(".querypost-title").removeClass("lead").next(".querypost-excerpt").slideUp("slow").fadeOut("normal");
  $("#li1").addClass("active").find(".querypost-title").addClass("lead").next(".querypost-excerpt").slideDown("slow").fadeIn("normal");
  }
  else {
  $(this).removeClass("active").find(".querypost-title").removeClass("lead").next(".querypost-excerpt").slideUp("slow").fadeOut("normal");
  $(this).next("li").addClass("active").find(".querypost-title").addClass("lead").next(".querypost-excerpt").slideDown("slow").fadeIn("normal");
  }
  });
  	$(".autoslide").promise().done(function() {
  	go_to_mySetTimeout();
	});
  },6500);
  }
  function go_to_mySetTimeout() {
   if($(".queryposts li").hasClass("autoslide")) {
	mySetTimeout();
	}
	} 

  • ساخت نسخه پرینت

    معمولا در سایتها کلیدی برای پرینت قرار داره که مطلب مد نظر را بدون گرافیک ها و فهرستها و منو ها و آماده برای پرینت باز می کنه می خواهیم چنین صفحه ای را به صورت خودکار برای مطال سایت بسازیم (بدون افزونه) اول از همه یک ویرایشگر متنی (مثل notepad) را باز کنید و […]

     
  • مخفی نمودن پاسخ آزمون

    در این آموزش ترفندی رو می آموزیم برای اینکه بخشی از مطلبمون رو برای عده ای خاص خوانا کنیم و باقی مطلب را برای عموم می دونیم که در وردپرس به راحتی می تونیم هر مطلبی را خصوصی و یا رمز دار کنیم و درسته که محتوای این مطالب نا مشخصه اما اینرو که ما […]

     
  • ترجمه با poedit
     
  • نمایش تعداد مطالب و نظرات کاربران و اعطای امتیاز

    در این آموزش قصد داریم با ساخت سه تابع ساده سه امکان را به قالب طراحی شده خود اضافه کنیم ۱. نمایش تعداد مطالب ارسال شده توسط هر کاربر می دونیم که در وردپرس  می توان با تابع <?php the_author_posts(); ?> تعداد مطالب ارسالی نویسنده هر مطلب را نمایش داد  اما این تابع فقط در حلقه مطالب […]

     
  • ژنراتور پارسی ساخت خبرخوان آژاکسی

    تکنولوژی RSS و Atom دو تکنیک مبتنی بر زبان برنامه نویسی xml هستند برای ساخت خروجی های ساده متنی و سریع از مطالب وبلاگ ها و سایتها. این دو ابزار بیشتر در مورد وبلاگ ها و سایتهایی کاربرد دارند که به صورت متوالی و بی وقفه (یا با وقفه های کم) به انتشار مطالب می […]

     


این بخش به مرور تکمیل می شود

نمونه های آماده
انجمن پشتیبانی وردپرس پارسی | ژنراتور کوئری ساز پارسی | سایت طراح
© 2017 copyright. All rights reserved.