رفتن به مطلب

درخواهست مطالب مرتبط بدون افزونه اما بر اساس دسته ها و همراه با عکس !


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

نزدیک 30 دقیقه در جستجوی سایت کدهای مختلفی که اساتید گذاشتن رو تست کردم اما همشون چیزی که میخواستم نبود !

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

1- فقط 4 یا 5 تا عکس از موضوعات مشابه بر اساس دسته های انتخابی پست رو نشوه بده

2- فقط موس روی عکس رفت عنوان اون پست نشون کاربر داده بشه و در حالت عادی زیر عکس هیچ متنی دیده نیشه !

3- بشه اندازه ی عکس ها رو تنظیم کرد که 150 در 150 باشن و ... تا در استایل به درستی بشه تنظیم کرد چند تصویر قرار بگیره

ممنون میشم

لینک به ارسال

ببینید اول از اینکه شما میخوای برای شما هم کوئری رو آماده کنن هم استایل رو درست کنن هم اندازه ؟

شما اول باید بری توی کوئری ساز وردپرس پارسی ، کوئری رو آماده کنید و استایل بندی کنید کوئری مورد نظرتون رو

لینک به ارسال

نه ! فقط یه کد php میخوام که بزارم تو فایل single قالبم کار گفته شده رو انجام بده ...

css دادن و استایل و .. که انجام میدم ..

لینک به ارسال

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


<ul>
<?php
$related = get_posts( array(
'category__in' => wp_get_post_categories($post->ID),
'numberposts' => 5,
'post__not_in' => array($post->ID)
) );
if( $related ) foreach( $related as $post ) {
setup_postdata($post); ?>
<li>
<div class="post-thumbnail">
<?php the_post_thumbnail();?>
</div>
<h3><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
</li>
<?php }wp_reset_postdata(); ?>
</ul>

لینک به ارسال

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


<ul>
<?php
$related = get_posts( array(
'category__in' => wp_get_post_categories($post->ID),
'numberposts' => 5,
'post__not_in' => array($post->ID)
) );
if( $related ) foreach( $related as $post ) {
setup_postdata($post); ?>
<li>
<div class="post-thumbnail">
<?php the_post_thumbnail();?>
</div>
<h3><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
</li>
<?php }wp_reset_postdata(); ?>
</ul>

کدی که شما دادید رو بدون هیچ سی اس اسی در فایل سینگل قرار دادم ، نتیجه اما فقط نمایش متن پست های تصادفی شد !

میخوام کدی باشه که فقط عکس رو نشون بده و موس روی اون بره نام فایل و یا اصلا اگر نشد هم فقط 4 تا عکس از مطالب تصادفی همین !

لینک به ارسال

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


<?php the_post_thumbnail();?>

که برای اندازه ی مختلف این تصاویر تو انجمن بحث شده من مجدد تکرار نمی کنم.اما اگه از تصویر شاخص استفاده نمی کنید باید اولین عکس مطلب رو به عنوان تصویر شاخص در نظر گرفت که شما باید بگید کدوم شرایط رو دارید.

اگه بخواید مطالب مرتبط رو بر اساس دسته بندی نشون بدید همون کدی هست که در بالا گفتم و ربطی به مطالب تصادفی نداره اما به صورت زیر هم می تونید تست کنید


<ul>
<?php
$related = get_posts( array(
'post_status' =>'publish',
'post_type' =>'post',
'order' =>'DESC',
'category__in' => wp_get_post_categories($post->ID),
'numberposts' => 5,
'post__not_in' => array($post->ID)
) );
if( $related ) foreach( $related as $post ) {
setup_postdata($post); ?>
<li>
<div class="post-thumbnail">
<?php the_post_thumbnail();?>
</div>
<h3><a href="<?php the_permalink() ?>" rel="bookmark" title="<?php the_title(); ?>"><?php the_title(); ?></a></h3>
</li>
<?php }wp_reset_postdata(); ?>
</ul>

در numberposts هم تعداد مطالب رو می تونید مشخص کنید.

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

اینکه بخواید یه عکس فقط نشون بده و تو hover متنش هم نشون داده بشه به استایل و سی اس اس مربوطه ربطی به کدهای php نداره.شما که در بخش اول گفتید :

css دادن و استایل و .. که انجام میدم ...

نمونه


http://geekgirllife.com/animate-text-over-images-on-hover-without-javascript/

http://www.corelangs.com/css/box/caption.html

http://notlaura.com/show-title-hovering-image/

http://jsfiddle.net/ronaldroe/taNWs/1/

http://jsfiddle.net/teddyrised/TWBhU/

لینک به ارسال

عذرخواهی میکنم منظورم من همان مطالب مرتبط با پست هست ...

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

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

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

من بالای 10 پلاگین مختلف نصب و تست کردم یا فشار به سرور میارو سنگین میکنه یا جواب نمیده رو قالب ... واسه همین نیاز به قرار دادن کد php دارم برای این قسمت

ویرایش شده توسط R.Haghighi
لینک به ارسال

تصویر کاور شما با زمینه دلخواه است؟ ( بهتره از خود تصویر شاخص استفاده کنید )

کد زیر رو در فانکشن قالب بذارید


function catch_that_image() {
global $post, $posts;
$first_img = '';
ob_start();
ob_end_clean();
$output = preg_match_all('/<img.+src=[\'"]([^\'"]+)[\'"].*>/i', $post->post_content, $matches);
$first_img = $matches [1] [0];
if(empty($first_img)){
$first_img = "/images/no-thumb.png";
}
return $first_img;
}

سپس به جای


<?php the_post_thumbnail();?>

در کد مطالب مرتبط قرار بدید


<?php echo catch_that_image() ?>

اگر کاور با زمینه دلخواه است می تونید به جای کدهای بالا قرار بدید


<img src="<?php echo get_post_meta($post->ID, "نام زمینه دلخواه", true); ?>" title="<?php the_title(); ?>" alt="<?php the_title(); ?>" width="اندازه" height="اندازه" />

لینک به ارسال

کاری که گفتید رو انجام دادم اما کدی که به فانکشن اضافه میکنم دیگه سایت لود نمیشه و بالا نمیاد ....

آدرس سایت رو میزارم خودتون به صورت آنلاین لطفا بررسی کنید و کد مناسب رو بگید.

http://www.songsara....i-ala-2008.html

و بدون فانکشن به صورت زیر در میاد :

post-1125-0-09088000-1418798321_thumb.pn

ویرایش شده توسط R.Haghighi
لینک به ارسال

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

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

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

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

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

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

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

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

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