رفتن به مطلب

نمایش پر بازدید ترین مطالب به صورت اسلایدر


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

سلام ... من میخوام پربازدید ترین مطالب رو به صورت اسلایدر در سایتم نشون بدم.

قالب من از تصاویر بند انگشتی پشتیبانی میکنه و میخوام این اسلایدر به صورت عکس زیر باشه ... چون اسم این نوع اسلایدرو نمیدونستم عکس گذاشتم

auajg3g88mh36ajarure.png

در ضمن از یه افزونه هم استفاده کردم ازین کار خوب هم بود منتها مشکل استایل دادشت .... در کل اگه میشه توابع جی کوئری و باقی کد هارو بدید استایلش با خودم

همچنین میخوام در صورت نبودن تصویر شاخص برای پستی، یک تصویر شاخص به صورت پیشرض تایین بشه

پیشاپیش ممنون

لینک به ارسال

carousel slider جستجو کنید. هزاران مورد میاره. پلاگین وردپرس و پلاگین جی کوئری.

لینک به ارسال

carousel slider جستجو کنید. هزاران مورد میاره. پلاگین وردپرس و پلاگین جی کوئری.

قبلا این کارو کردم اما پلاگین مناسبی پیدا نکردم ... شما اگه میشناسی معرفی کن

لینک به ارسال

http://bxslider.com/examples/carousel-dynamic-number-slides

http://designscrazed.org/free-responsive-jquery-carousel-slider-plugins/

برای نمایش مطالب پر بازدید هم میتونید از قسمت ژنراتور کوئری سایت انجمن استفاده کنید

لینک به ارسال

http://bxslider.com/...c-number-slides

http://designscrazed...slider-plugins/

برای نمایش مطالب پر بازدید هم میتونید از قسمت ژنراتور کوئری سایت انجمن استفاده کنید

ممنون

اون اسلایدر bx، فقط اسلایدر تصاویر هست یا قابلیت لینک دادن هم وجود داره؟ در ضمن چطوری مطالب مشابه رو به این اسلایدر مرتبط کنم؟

لینک به ارسال

همه کار میشه کرد

یه سرچ بزنید کدش هست

http://hamyarwp.com/...-همراه-عکس-کوچ/

ببخشید اشتباه شد منظورم پربازدید ترین مطالب هست ... چطوری کد رو با این اسلایدر مرتبط کنم؟ اگه یه نمونه مثال بزنید متوجه میشم . ممنون

لینک به ارسال

کد مطالب پربازدید رو قبل از تگ <li> اسلایدر قرار بدید و آخر تگ </li> حلقه کد مطالب پربازدید رو ببندید

کدش رو هم با یه سرچ ساده پیدا می کنید

لینک به ارسال

کد مطالب پربازدید رو قبل از تگ <li> اسلایدر قرار بدید و آخر تگ </li> حلقه کد مطالب پربازدید رو ببندید

کدش رو هم با یه سرچ ساده پیدا می کنید

ممنون متوجه شدم ... حالا مشکل من اینه که این پلاگین رو چطوری نصبش کنم رو قالب؟

لینک به ارسال

اصن پلاگین نمیخواد

شما اصن یه سرچ نمیزنید!!!!خیلی راحت میشه این کار رو انجام داد

فکر کنم پلاگین wp-postview لازم باشه

لینک به ارسال
اصن پلاگین نمیخواد شما اصن یه سرچ نمیزنید!!!!خیلی راحت میشه این کار رو انجام داد فکر کنم پلاگین wp-postview لازم باشه

عزیز اون اول نوشتم که از یه افزونه استفاده میکنم منتها با استایلش مشکل دارم و خواستم بدونه افزونه باشه ... در کل میخوام اخرین تصاویر رو با تصویر شاخص و عنوان پست نشون بدم .... الان متوجه نشدم اینکارو خیلی راحت میشه انجام داد؟ میشه یه توضیح بدین؟ ببخشید دیگه خیلی سوال میکنم راسش من به اینکه میگن ندونستن عیب نیست نپرسیدن عیبه زیاد معتقدم :D

ویرایش شده توسط dark master
لینک به ارسال

درود.مراحل :

1-دانلود یه اسلایدر خام همانند زیر :


http://owlgraphic.com/owlcarousel/

2- کدنویسی یه کوئری بر اساس پربازدیدترین های افزونه ی wp-postviews و ست کردن با اسلایدر


http://forum.wp-parsi.com/topic/4689-%DA%A9%D8%AF-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-%D9%BE%D8%B1%D8%A8%D8%A7%D8%B2%D8%AF%DB%8C%D8%AF-%D8%AA%D8%B1%DB%8C%D9%86-%D9%85%D8%B7%D8%A7%D9%84%D8%A8-%D8%AF%D8%B3%D8%AA%D9%87-%D8%AE%D8%A7%D8%B5-%D8%A8%D9%86%D8%AF%D8%A7%D9%86%DA%AF%D8%B4%D8%AA%DB%8C/

3-استفاده از توابع تصویر شاخص در کوئری


http://mandegarweb.com/wordpress/wordpress-learning/%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1-%D8%A8%D9%86%D8%AF-%D8%A7%D9%86%DA%AF%D8%B4%D8%AA%DB%8C-%D8%AF%D8%B1-%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3/

لینک به ارسال

درود.مراحل :

1-دانلود یه اسلایدر خام همانند زیر :


http://owlgraphic.com/owlcarousel/

2- کدنویسی یه کوئری بر اساس پربازدیدترین های افزونه ی wp-postviews و ست کردن با اسلایدر


http://forum.wp-parsi.com/topic/4689-%DA%A9%D8%AF-%D9%86%D9%85%D8%A7%DB%8C%D8%B4-%D9%BE%D8%B1%D8%A8%D8%A7%D8%B2%D8%AF%DB%8C%D8%AF-%D8%AA%D8%B1%DB%8C%D9%86-%D9%85%D8%B7%D8%A7%D9%84%D8%A8-%D8%AF%D8%B3%D8%AA%D9%87-%D8%AE%D8%A7%D8%B5-%D8%A8%D9%86%D8%AF%D8%A7%D9%86%DA%AF%D8%B4%D8%AA%DB%8C/

3-استفاده از توابع تصویر شاخص در کوئری


http://mandegarweb.com/wordpress/wordpress-learning/%D8%AA%D8%B5%D8%A7%D9%88%DB%8C%D8%B1-%D8%A8%D9%86%D8%AF-%D8%A7%D9%86%DA%AF%D8%B4%D8%AA%DB%8C-%D8%AF%D8%B1-%D9%88%D8%B1%D8%AF%D9%BE%D8%B1%D8%B3/

این اسلایدرو چطوری نصب کنم؟ چون نصبش کردم اما اجرا نشده ... شاید چیزیو جا اینداختم اگه میشه یه بار توضیح بده شما

برای مطالب پربازدید از این کد استفاده میکنم ...


<?php
$the_query = new WP_Query('showposts=5&orderby=post_date&order=desc');
while ($the_query->have_posts()) : $the_query->the_post(); ?>
<?php the_post_thumbnail(array(150,150), array ('class' => 'alignleft')); ?>
<a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a>
<?php endwhile; ?>
<?php wp_reset_query(); ?>

در کل چه این کد چه افزونه postviews رو چطوری با اسلایدر ست کنم؟ چون اونم ست کردم اما انگار نه انگار

پشاپیش ممنون

لینک به ارسال

اسلایدرو تونستم نصب کنم حالا مشکل اینه که محتوایی که گذاشتمو نمایش نمیده!! یعنی ناوبری اسلایدرم هست اما محتوارو نمایش نمیده!!

البته قسمت width رو دستکاری کردم درست شد حالا مشکلم اینه که هر دوتا تصویرو زیر هم نشون میده!! یعنی اگه 8 تا تصویر باشه ، هر میشه 4 تا ستون 2 توصیره!! چطوری درستش کنم؟

البته برای امتحان از این کد دارم استفاده میکنم که 1 مطلب اخر سایت رو نشون میده اما من 8بار کپیش کردم


<?php
global $post;
$myposts = get_posts(array('numberposts' => 1, 'offset' => 0,'post_status'=>'publish'));
foreach($myposts as $post) :
setup_postdata($post);
?>
<?php
if(has_post_thumbnail()) {
echo '<a href="'.get_permalink().'">';
echo get_the_post_thumbnail($post->ID, array(150,150) );
echo '</a>';
} ?>
<?php endforeach; ?>
<?php wp_reset_query(); ?>

ویرایش شده توسط dark master
لینک به ارسال

در هدر سایت چک کنید قبل از کد </head> این کد وجود داشته باشد :


<?php wp_head(); ?>

لینک به ارسال

این اسلایدرو نصب کردم منتها مشکلش اینه که وقتی width رو از استایل دستکاری کردم ، محتوارو نمایش داد، منتها در هر ردیف، هر دو عکس رو توی یه ستون و زیر هم نمایش میده، یعنی الان این کد رو برای امتحان گذاتم و هشت بار کپیش کردم اما در 4 ستون دوتایی نشون میده!!


<div>
<?php
global $post;
$myposts = get_posts(array('numberposts' => 1, 'offset' => 0,'post_status'=>'publish'));
foreach($myposts as $post) :
setup_postdata($post);
?>
<?php
if(has_post_thumbnail()) {
echo '<a href="'.get_permalink().'">';
echo get_the_post_thumbnail($post->ID, array(150,150) );
echo '</a>';
} ?>
<?php endforeach; ?>
<?php wp_reset_query(); ?></div>

در هدر سایت چک کنید قبل از کد این کد وجود داشته باشد :
 

بله این کد وجود داره

لینک به ارسال

دوستان متوجه شدم این کد owlcarusal با یکی از افزونه ها تداخل داره :


<script>$(document).ready(function() {

$("#owl-example").owlCarousel();

});</script>

چطوری تداخل رو برطرف کنم؟

دوم این که این کدیه که میخوام نمایش بدم:


<?php
$args = array(
'post_type' => 'post',
'posts_per_page' => 10,
'orderby' => 'meta_value_num',
'meta_key' => 'views',
'order' => 'DESC',
);
$my_query = new WP_Query( $args );
while ($my_query->have_posts()):
$my_query->the_post();
$do_not_duplicate = $post->ID; ?>
<?php $views = get_post_meta($post->ID, 'views', true); ?>
<li class="mv">
<figure><a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"><?php
if ( has_post_thumbnail() ){
$src = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'full' );
$thumbnailsrc= $src[0];
$params = array( 'width' => 119 ,'height' => 160, 'crop' => true );
?>
<img src="<?php echo bfi_thumb( $thumbnailsrc , $params ) ?>" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="119" height="160" />
<?php } else { ?>
<img src="<?php bloginfo('template_directory'); ?>/images/df-tumbnail.png" alt="<?php the_title(); ?>" title="<?php the_title(); ?>" width="119" height="160" />
<?php }?></a><figcaption><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></figcaption>
<div class="mv-cat"><?php
$category = get_the_category();
if ($category) {
echo '<a href="' . get_category_link( $category[0]->term_id ) . '" title="' . sprintf( __( "مشاهده تمام پست های %s" ), $category[0]->name ) . '" ' . '>' . $category[0]->name.'</a> ';
}
?></div>
</li>
<?php endwhile; ?>
</figure>

چطوری با استفاده از این اسلایدر نمایش بدمش؟

ویرایش شده توسط dark master
لینک به ارسال

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

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

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

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

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

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

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

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

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