آموزش طراحی سایت با وردپرس

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

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

نمایش مطالب مرتبط در وردپرس یکی از راهکار های بسیار کارآمد برای افزایش بازدید سایت و کم کردن bounce rate سایت شماست. شما باید کاربر سایت رو به هر شکلی که شده در سایت نگه دارید و نرخ پرش (bounce rate) خود را کمتر کنید. با نمایش مطالب مرتبط با موضوع نمایشی در سایت شما ، کاربر مابقی مطالب سایت شما را هم مطالعه می کند و در نتیجه بازدید کننده سایت شما را برای همیشه در خاطر نگه می دارد.

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

افزودن تصویر شاخص به وردپرس

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

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

حالا که تصویر شاخص شما ساخته شد برای ساخت اتوماتیک تصویر شاخص از مطالب سایتتون افزونه auto post thumbnail فارسی رو نصب و فعال کنید.

افزودن بخش مطالب مرتبط به قالب وردپرس

حالا باید وارد فایل single.php شوید. فایل single.php در واقع شامل کد های صفحه ادامه مطلب سایت شماست. دنبال کد php endwhile بگردید و قبل از آن کد زیر را قرار دهید.

دقت کنید در کد بالا هم در بخش 260,180 باید اندازه تصویر شاخص وارد شده در فایل functions.php را قرار دهید. دقیقا همان اندازه!

کد سی اس اس برای زیباتر شدن

حالا که بخش مطالب مرتبط به قالب سایت شما اضافه شده برای زیباتر شدن کار کد زیر رو هم در فایل style.css قالب وردپرس خودتون قرار بدید. :)

 

به همین راحتی :D با چند خط کد زیبا و تمیز به راحتی شما صاحب بخش مطالب مرتبط در وردپرس شدید. از وردپرس لذت ببرید!

در اینستاگرام ما: تخفیف بگیرید ٬ انرژی بگیرید و یک کسب و کار اینترنتی عالی راه اندازی کنید.فالو می کنم

پکیج های آموزشی

پیشنهاد می کنیم
نظرات کاربران
  • درخواست شما پس از تایید در سایت نمایش داده می شود. از ارسال پرسش تکراری خودداری نمایید.

avatar
مرتب سازی براساس:   جدیدترین | قدیمی ترین
ehsanfotoo39
ehsanfotoo39

سلام. این کدی که گذاشتید، مطالب مرتبط را نشان نمیدهد بلکه آخرین مطالب ارسال شده را نشان می دهد.

جواد
جواد

سلام خسته نباشید،
من از قالب صحیفه استفاده می کنم که خودش مطالب مرتبط داره ولی می خوام عین همین که شما توی سایتتون گذاشتید استفاده کنیم یعنی استایلش همین شکلی باشه .باید چگونه اینکار رو کنم؟

میلاد
میلاد

کد رو مطابق دستور شما قرار دادم ولی این خطا رو داد :
Parse error: syntax error, unexpected ‘endwhile’ (T_ENDWHILE) in C:\wamp\www\7\wp-content\themes\theme7\single.php on line 222

رضا حسینی راد
رضا حسینی راد

endwhile رو ظاهرا درست تایپ نکردید

میلاد
میلاد

کد رو هر قالبی میزارم خطا  میده ( الان این چهارمین قالبی هست که تست کردم و خطا میده )

رضا حسینی راد
رضا حسینی راد

عرض کردم. توی while قرار نگرفته

میلاد
میلاد

سلامشما از افزونه استفاده می کنید برای نمایش مطالب مرتبط؟اگه از کد استفاده می کنید لطفا کدشو کامل بزارید : اگه شد تو فایل txt برای دانلود بزارید.مرسی

رضا حسینی راد
رضا حسینی راد

سلام بله همین کد هست

جعفر
جعفر

با سلام علت اینکه نوشته های مرتبط دارای عکسهای هم اندازه نیستند چیه؟منظورم تصاویر شاخص هستش.چطوری هم اندازشون کنم؟ممنون از سایت خوبتون

رضا حسینی راد
رضا حسینی راد

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

.relatedthumb img {margin: 0 0 3px 0; padding: 0;}

wpDiscuz