رفتن به مطلب

درخواست راهنمایی در خصوص حلقه مطالب و فیلتر موضوعات


پست های پیشنهاد شده

با سلام من یک قالب دارم که در صفحه نخست نمونه کارها به صورت فیلتر بندی شده نمایش داده میشن مانند تصویر پیوست شده

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

بلکه به # لینک شده فقط

کدهای مربوطه رو جهت بررسی بیشتر قرارز میدم

دوستان ممنون میشم که کمکم کنید


<!-- Portfolio Filter
============================================= -->
<ul id="portfolio-filter" class="wow fadeIn clearfix">
<li class="activeFilter"><a data-filter="*" href="#">All</a></li>
<li><a data-filter=".web-design" href="#">Web Design</a></li>
<li><a data-filter=".illustrations" href="#">Branding</a></li>
<li><a data-filter=".ui-elements" href="#">UI Elements</a></li>
<li><a data-filter=".graphics" href="#">Graphics</a></li>
</ul>
<!-- #portfolio-filter end -->
<!-- Portfolio Items
============================================= -->
<div id="portfolio" class="wow fadeIn clearfix">
<?php
$portfoliohome = new WP_Query(array(
'post_type' => 'portfolio',
'post_status' => 'publish',
'posts_per_page' => 10,
'order' => 'ASC',
'orderby' => 'rand',

'paged'=> ( get_query_var( 'paged' ) ) ? absint( get_query_var( 'paged' ) ) : 1,
));
if($portfoliohome->have_posts()) : ?>
<?php while($portfoliohome->have_posts()) : $portfoliohome->the_post();?>
<article class="portfolio-item <?php the_field('portfolio') ?>">
<div class="wow fadeIn">
<a href="<?php the_permalink();?>" >
<div class="portfolio-image">
<?php the_post_thumbnail('portfoliogrid'); ?>
<div class="portfolio-overlay">
<div class="portfolio-desc">
<h3 class="title-with-bord"><?php the_title();?></h3>
<span><?php the_taxonomies (); ?></span>
</div>
</div>
</div>
</a>
</div>
</article>
<?php endwhile; ?>
<?php endif; ?>

<?php wp_reset_query();?>
</div>
<!-- #portfolio end -->
<!-- infinite load button start -->
<div id="load-more-portfolio"><a href="index-infinite-2.html"></a></div>
<button id="load-infinite">Load More</button>
<!-- infinite load button end -->
<!-- Portfolio Script
============================================= -->
<script type="text/javascript">
jQuery(window).load(function () {
var $container = $('#portfolio');
$container.isotope({transitionDuration: '0.65s', layoutMode: 'packery',});
$('#portfolio-filter a').click(function () {
$('#portfolio-filter li').removeClass('activeFilter');
$(this).parent('li').addClass('activeFilter');
var selector = $(this).attr('data-filter');
$container.isotope({filter: selector});
return false;
});
$(window).resize(function () {
$container.isotope('layout');
});
// Infinite Scroll
$container.infinitescroll({
loading: {
finishedMsg: 'There is no more',
msgText: 'loading',
speed: 'normal'
},
state: {
isDone: false
},
navSelector: '#load-more-portfolio',
nextSelector: '#load-more-portfolio a',
itemSelector: 'article.portfolio-item',
},
// Infinite Scroll Callback
function (newElements) {
$container.isotope('appended', $(newElements));
var t = setTimeout(function () {
$container.isotope('layout');
}, 2000);
});
$(window).unbind();
$("#load-infinite").click(function () {
$container.infinitescroll('retrieve');
return false;
});
});
jQuery( document ).ready( function( $ ) {
$( '#portfolio' ).masonry( { columnWidth: 0 } );
} );
</script>

post-1181-0-79727700-1436910959_thumb.pn

لینک به ارسال

به گفتگو بپیوندید

هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .

مهمان
ارسال پاسخ به این موضوع ...

×   شما در حال چسباندن محتوایی با قالب بندی هستید.   حذف قالب بندی

  تنها استفاده از 75 اموجی مجاز می باشد.

×   لینک شما به صورت اتوماتیک جای گذاری شد.   نمایش به صورت لینک

×   محتوای قبلی شما بازگردانی شد.   پاک کردن محتوای ویرایشگر

×   شما مستقیما نمی توانید تصویر خود را قرار دهید. یا آن را اینجا بارگذاری کنید یا از یک URL قرار دهید.

×
×
  • اضافه کردن...