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

[start 56]

سلام دوستان.

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

یعنی مثلا 5 تا ویدئو رو کوئری میکنیم و نمایش میدیم. اولین مورد توی سایز بزرگتری نمایش داده میشه و کاربر میتونه با کلیک روی اون، ویدئو رو در همون صفحه play کنه. 4 تا ویدئوی دیگه هم که اگه روشون کلیک شه به پست مربوطه منتقل میشن.

حالا چطور میتونم اون ویدئوی پست اول رو به قابلیت پخش در همون صفحه نمایش بدم.

ضمنا ویدئوها هم در آپارات آپلود میشن.

 

ممنون.

[Poorya.sh 39]

درود شما باید اول یک متا باکس سفارشی بسازید و لینک مستقیم ویدیو رو در اون قرار بدید برای هر پستی که تو دسته ویدیو ها هستش  و برای نمایش یک کوئری سفارشی تعریف کنید به سادگی سپس میتونید  از قابلیت post_class خود wordpress استفاده کنید (کد های کامل تر در زیر) برای نمایش پست ها به شیوه ای که در بالا اشاره کردید ، بعدش تعریف کنید که اگر کلاس آخرین پستی که ارسال کردید فراخوانی شده بود لینکی که در متا باکس سفارشی که از قبل ساختید رو فراخوانی کنه و بجای نمایش تصویر شاخص یا هرچیز دیگه لینک رو داخل تگ video بزارید و ویدیو نمایش بدی،کار خیلی ساده ای هستش همچنین توضیحات بالا یکی از چندین روش  برای این کار هستش با روش های دیگه هم میشه اینکار رو کرد اما ساده ترینش به نظرم همینه که توضیح دادم موفق باشید.

کدهای پیوست :

add_filter( 'post_class', 'add_class_to_first_four' ); 

function add_class_to_first_four( $classes ) {

    global $news_qu; // کوئری مورد نظر شما در اینجا قرار میگیره 

    $cur = $news_qu->current_post; //پست های کنونی رو مشخص میکنه 
	
    if ( 0 == $cur ) $classes[] = 'col-md-4 col-sm-6 col-xs-6 boxWrapper'; //در این قسمت به آخرین پست ارسال شما کلاس سفارشی شما رو اضافه میکنه که در اینجا بنده از کد های باکس بندی بوت استرپ استفاده کردم 

    else  $classes[] = 'col-md-2 col-sm-6 col-xs-6 boxWrapper'; // در غیر این صورت بقیه پست های کلاس زیر رو میگیرند


    return $classes;
}

 بعدش به صورت زیر از کلاس ها استفاده کنید :

<div id="post-<?php the_ID();?>" <?php post_class(); ?> > // کلاس های که شما در function تعریف کردید رو فراخوانی میکنه
// کد نمایش پستها به دلخواه شما در اینجا قرار میگیره
</div>

همچنین اینجا میتونید بیشتر درباره این قابلیت بخونید.

ویرایش شده فروردین 96 توسط Poorya.sh