نمایش آخرین مطالب در وردپرس با عکس شاخص

نمایش آخرین مطالب وردپرس با عکس شاخص کمک می‌کنه بازدیدکننده‌ها نوشته‌های تازهٔ سایتتون رو سریع‌تر پیدا کنن. به‌جای یک فهرست ساده و کم‌جذابیت، می‌تونید تصویر، عنوان و حتی تاریخ هر نوشته رو کنار هم نشون بدید و مسیر رسیدن به محتوای جدید رو کوتاه‌تر کنید.

در این آموزش سه راه رو با هم بررسی می‌کنیم: استفاده از بلوک داخلی «حلقهٔ کوئری» بدون افزونه، استفاده از ابزارک داخلی قالب اهورا و نصب افزونهٔ Recent Posts Widget With Thumbnails برای سایت‌هایی که تنظیمات بیشتری لازم دارن. پس فرقی نمی‌کنه سایتتون جدید باشه یا هنوز از سایدبار و ابزارک‌های کلاسیک استفاده کنه؛ می‌تونید روش مناسب خودتون رو انتخاب کنید.

نمایش آخرین مطالب وردپرس با عکس شاخص چه فایده‌ای داره؟

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

لازم نیست حتماً افزونه نصب کنید. وردپرس برای این کار بلوک داخلی داره و بعضی قالب‌های حرفه‌ای هم المان آمادهٔ نمایش نوشته‌ها رو در اختیارتون می‌ذارن. اگه قالب فعلی سایتتون چنین امکانی نداره، می‌تونید از افزونهٔ مخصوص این کار کمک بگیرید.

قبل از شروع چه چیزهایی لازم دارید؟

• چند نوشتهٔ منتشرشده داشته باشید تا نتیجهٔ کار دیده بشه. اگه تفاوت نوشته و برگه براتون روشن نیست، اول راهنمای تفاوت برگه و نوشته در وردپرس رو بخونید.
• برای نوشته‌ها تصویر شاخص انتخاب کنید. تصویر شاخص همون تصویریه که وردپرس به‌عنوان تصویر اصلی هر نوشته می‌شناسه. آموزش اضافه‌کردن تصویر شاخص در وردپرس در این زمینه کمکتون می‌کنه.
• محل نمایش آخرین مطالب رو مشخص کنید؛ برای نمونه می‌تونید صفحهٔ اصلی، سایدبار یا فوتر رو انتخاب کنید.

روش اول: نمایش آخرین مطالب وردپرس با عکس شاخص بدون افزونه

استفاده از بلوک حلقهٔ کوئری

«حلقهٔ کوئری» یا Query Loop یک بلوک داخلی وردپرس برای نمایش خودکار مجموعه‌ای از نوشته‌هاست. شما شکل نمایش رو یک بار می‌سازید و وردپرس بعد از انتشار هر نوشتهٔ تازه، فهرست رو خودش به‌روز می‌کنه.

1. برگه یا بخشی از قالب رو که می‌خواید آخرین مطالب داخلش دیده بشن باز کنید.
2. روی دکمهٔ افزودن بلوک با علامت «+» بزنید.
3. عبارت «حلقهٔ کوئری» یا Query Loop رو جست‌وجو و بلوک رو انتخاب کنید.
4. یکی از الگوهای آماده رو انتخاب کنید یا کار رو با الگوی خالی شروع کنید.

اگه از ویرایشگر سایت استفاده می‌کنید، می‌تونید از مسیر «نمایش ← ویرایشگر» وارد بخش موردنظرتون بشید. دیده‌شدن این مسیر به قالب فعال سایتتون بستگی داره و معمولاً نشونهٔ پشتیبانی قالب از ویرایش کامل سایته؛ یعنی می‌تونید بخش‌های اصلی قالب رو با بلوک‌ها تغییر بدید.

انتخاب نوشته‌ها و مرتب‌سازی از جدید به قدیم

بلوک حلقهٔ کوئری رو انتخاب کنید و پنل تنظیمات بلوک رو باز کنید. نوع محتوا رو روی «نوشته» بذارید و ترتیب رو براساس تاریخ، از جدید به قدیم تنظیم کنید. اگه گزینهٔ «به ارث بردن کوئری از قالب» فعاله و می‌خواید فهرست مستقلی بسازید، اون رو خاموش کنید. این گزینه باعث می‌شه بلوک از تنظیمات صفحه یا قالب پیروی کنه؛ با خاموش‌کردنش می‌تونید فهرست دلخواه خودتون رو بسازید.

بسته به نسخهٔ وردپرس و جایی که بلوک رو اضافه کردید، ممکنه فیلترهایی مثل دسته، برچسب، نویسنده یا عبارت جست‌وجو رو هم ببینید. اگه هدفتون نمایش همهٔ نوشته‌های تازه‌ست، نیازی به فیلتر اضافه ندارید.

اضافه‌کردن تصویر شاخص، عنوان و تاریخ نوشته

داخل بلوک «الگوی نوشته»، روی علامت «+» بزنید و بلوک‌های «تصویر شاخص نوشته»، «عنوان نوشته» و «تاریخ نوشته» رو اضافه کنید. الگوی نوشته بخشی از حلقه‌ست که ظاهر هر مطلب رو مشخص می‌کنه؛ پس تغییری که روی یک مورد انجام می‌دید برای بقیهٔ نوشته‌ها هم تکرار می‌شه.

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

تنظیم تعداد نوشته‌ها و ظاهر فهرست

از نوار ابزار بلوک می‌تونید چیدمان فهرستی یا شبکه‌ای رو انتخاب کنید. چیدمان شبکه‌ای یعنی نوشته‌ها کنار هم و در چند ستون دیده می‌شن. در تنظیمات حلقه هم تعداد نوشته‌ها و فاصلهٔ شروع فهرست قابل تغییره. برای سایدبار معمولاً یک ستون و تعداد کمی نوشته خواناتر دیده می‌شه؛ برای صفحهٔ اصلی می‌تونید از چیدمان چندستونه استفاده کنید.

اندازه و نسبت تصویر، یعنی رابطهٔ عرض و ارتفاع اون، رو برای همهٔ موارد یکسان بذارید تا فهرست نامرتب نشه. قبل از انتشار، نتیجه رو در موبایل هم بررسی کنید.

این روش برای چه سایت‌هایی مناسبه؟

حلقهٔ کوئری برای سایت‌هایی مناسبه که از ویرایشگر بلوکی یا قالب‌های بلوکی استفاده می‌کنن. این روش افزونهٔ اضافه نمی‌خواد، ظاهر منعطفی داره و فهرست نوشته‌ها رو خودکار به‌روز می‌کنه.

روش دوم: نمایش آخرین مطالب در قالب اهورا بدون نصب افزونه

اگه از قالب اهورا استفاده می‌کنید، می‌تونید با المان‌ها و ابزارک‌های نمایش نوشتهٔ این قالب، مطالب تازه رو همراه تصویر نشون بدید. در این حالت افزونهٔ جداگانه‌ای لازم ندارید و می‌تونید المان موردنظرتون رو با کشیدن و رهاکردن داخل صفحه بذارید. نام و گزینه‌های دقیق المان ممکنه در نسخه‌های مختلف قالب فرق کنه.

پیداکردن ابزارک آخرین مطالب اهورا

برگهٔ موردنظرتون رو با صفحه‌ساز باز کنید و در فهرست المان‌های اهورا دنبال گزینه‌ای برای نمایش نوشته‌ها، مطالب تازه یا آخرین مطالب بگردید. چون نام و محل دقیق این المان ممکنه بین نسخه‌های قالب فرق کنه، بهتره گزینه‌های موجود در نسخهٔ فعلی سایتتون رو بررسی کنید.

انتخاب محل نمایش ابزارک

المان نوشته‌ها رو بگیرید و داخل بخش موردنظرتون رها کنید. می‌تونید اون رو در صفحهٔ اصلی یا هر برگه‌ای که با صفحه‌ساز ویرایش می‌کنید قرار بدید. برای سایدبار و فوتر هم باید ببینید نسخهٔ فعلی قالب چه ناحیه‌ها یا قالب‌های آماده‌ای در اختیارتون می‌ذاره.

تنظیم تعداد نوشته‌ها و تصویر شاخص

تنظیمات المان رو باز کنید و گزینه‌های مربوط به تعداد نوشته‌ها، ترتیب نمایش و تصویر شاخص رو بررسی کنید. فقط گزینه‌هایی رو تغییر بدید که در نسخهٔ فعلی قالب می‌بینید. بعد نتیجه رو ذخیره کنید و صفحهٔ سایت رو در یک تب جدا باز کنید.

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

وقتی قالب اهورا روی سایتتون فعاله، استفاده از المان‌های خود قالب معمولاً راحت‌تر از ساخت حلقهٔ کوئری یا نصب یک افزونهٔ جداست. می‌تونید المان رو با کشیدن و رهاکردن به صفحه اضافه کنید و ظاهر اون رو با بخش‌های دیگهٔ سایت هماهنگ نگه دارید.

روش سوم: نمایش آخرین مطالب با افزونه Recent Posts Widget With Thumbnails

این افزونه برای چه کسانی کاربردیه؟

افزونهٔ Recent Posts Widget With Thumbnails برای سایت‌هایی کاربردیه که قالب کلاسیک، سایدبار یا ناحیه‌های ابزارک دارن. این افزونه نوشته‌های اخیر رو همراه تصویر بندانگشتی نشون می‌ده و گزینه‌های تکمیلی اون ممکنه با نسخهٔ نصب‌شده فرق داشته باشن.

نصب و فعال‌کردن افزونه

1. در پیشخوان وردپرس به «افزونه‌ها ← افزودن افزونهٔ تازه» برید.
2. نام Recent Posts Widget With Thumbnails رو جست‌وجو کنید.
3. افزونه رو نصب و بعد فعال کنید.

اضافه‌کردن ابزارک به سایدبار یا فوتر

به «نمایش ← ابزارک‌ها» برید و ناحیهٔ سایدبار یا فوتر رو باز کنید. شکل این صفحه به قالب و نسخهٔ وردپرس سایتتون بستگی داره. اگه رابط ابزارک‌ها بلوکیه، روی «+» بزنید و نام ابزارک افزونه رو جست‌وجو کنید. اگه ابزارک مستقیم دیده نشد، سازگاری نسخهٔ افزونه با ویرایشگر ابزارک‌های سایتتون رو بررسی کنید.

در بعضی قالب‌ها صفحهٔ ابزارک‌ها ظاهر کلاسیک داره. در این حالت کافیه ابزارک رو به ناحیهٔ موردنظرتون اضافه کنید و تنظیماتش رو باز کنید. بعضی قالب‌های بلوکی هم ناحیهٔ ابزارک کلاسیک ندارن؛ برای این قالب‌ها روش حلقهٔ کوئری یا المان آمادهٔ خود قالب انتخاب مناسب‌تریه.

تنظیم عنوان و تعداد نوشته‌ها

یک عنوان مثل «آخرین نوشته‌ها» بنویسید و تعداد مطالبی رو که می‌خواید نمایش داده بشن مشخص کنید. تعداد زیاد در سایدبار صفحه رو شلوغ می‌کنه؛ پس بهتره فقط چند نوشتهٔ تازه رو نشون بدید.

فعال‌کردن تصویر شاخص و انتخاب اندازهٔ تصویر

گزینهٔ نمایش تصویر بندانگشتی رو فعال کنید. تصویر بندانگشتی همون نسخهٔ کوچک‌شدهٔ تصویر شاخصه. بعد یکی از اندازه‌های موجود در تنظیمات افزونه رو انتخاب کنید.

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

تنظیم خلاصه، تاریخ، نویسنده و دسته‌بندی

تنظیمات ابزارک رو بررسی کنید تا ببینید نسخهٔ فعلی افزونه چه اطلاعاتی مثل خلاصه، تاریخ، نویسنده یا دسته‌بندی رو در اختیارتون می‌ذاره. فقط اطلاعاتی رو فعال کنید که واقعاً برای بازدیدکننده مفیده. برای نمونه، در یک سایدبار باریک معمولاً تصویر، عنوان و تاریخ کافیه.

اگه گزینهٔ نمایش خلاصه در نسخهٔ افزونه موجوده، متن اون رو کوتاه نگه دارید تا هر نوشته فضای زیادی نگیره.

انتخاب تصویر پیش‌فرض برای نوشته‌های بدون تصویر شاخص

اگه نسخهٔ فعلی افزونه گزینهٔ تصویر پیش‌فرض داره، می‌تونید برای نوشته‌های بدون تصویر شاخص از اون کمک بگیرید. در غیر این صورت، بهتره برای هر نوشته یک تصویر شاخص مناسب انتخاب کنید تا جای تصویر خالی نمونه.

مرتب‌سازی نوشته‌ها و تنظیم گزینه‌های تکمیلی

اگه گزینه‌های مرتب‌سازی در دسترستونه، ترتیب رو براساس تاریخ و از جدید به قدیم بذارید تا تازه‌ترین نوشته اول دیده بشه. گزینه‌های دیگه رو هم براساس امکاناتی که در نسخهٔ فعلی افزونه می‌بینید تنظیم کنید.

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

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

• المان آمادهٔ یک قالب باکیفیت: برای وقتی که می‌خواید بدون درگیری با تنظیمات فنی، بخش نوشته‌ها رو با کشیدن و رهاکردن به صفحه اضافه کنید.
• بلوک حلقهٔ کوئری: برای قالب‌های بلوکی و وقتی که می‌خواید با ابزارهای داخلی وردپرس یک چیدمان اختصاصی بسازید.
• افزونهٔ Recent Posts Widget With Thumbnails: برای قالب‌های کلاسیک و سایت‌هایی که سایدبار یا ناحیهٔ ابزارک دارن.

اگه هنوز دربارهٔ نوع قالب مطمئن نیستید، اول ببینید بخش «نمایش ← ویرایشگر» در پیشخوانتون دیده می‌شه یا نه. دیده‌شدن این بخش معمولاً نشونهٔ استفاده از یک قالب بلوکیه، ولی برای اطمینان بهتره مشخصات قالب فعال سایتتون رو هم بررسی کنید.

رفع مشکلات رایج نمایش آخرین مطالب

تصویر شاخص نمایش داده نمی‌شه

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

ابزارک در بخش نمایش دیده نمی‌شه

مطمئن بشید افزونه فعاله و با نسخهٔ وردپرس سایتتون سازگاری داره. اگه ویرایشگر ابزارک‌ها بلوکیه، نام ابزارک رو با دکمهٔ «+» جست‌وجو کنید. بعضی قالب‌های بلوکی ناحیهٔ ابزارک کلاسیک ندارن؛ در این سایت‌ها بهتره حلقهٔ کوئری یا المان نوشته‌های خود قالب رو داخل ویرایشگر بذارید.

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

برای همهٔ نوشته‌ها تصاویر هم‌اندازه انتخاب کنید و نسبت تصویر ثابتی بذارید. اگه بعد از تغییر اندازه‌ها تصاویر قدیمی هنوز درست دیده نمی‌شن، می‌تونید با کمک راهنمای برش تصاویر بندانگشتی در وردپرس نسخه‌های بندانگشتی رو دوباره تنظیم کنید.

تغییرات ابزارک در سایت دیده نمی‌شه

اول تنظیمات رو دوباره ذخیره کنید و صفحه رو با تازه‌سازی کامل باز کنید. بعد کش افزونهٔ بهینه‌سازی، کش هاست و کش مرورگر رو پاک کنید. اگه از شبکهٔ توزیع محتوا یا CDN استفاده می‌کنید، یعنی سرویسی که فایل‌های سایت رو از سرورهای مختلف به کاربر می‌رسونه، کش اون رو هم بررسی کنید.

جمع‌بندی

بلوک حلقهٔ کوئری و افزونهٔ Recent Posts Widget With Thumbnails هر دو می‌تونن آخرین مطالب رو همراه تصویر شاخص نشون بدن، ولی ساختن و تنظیم‌کردن این بخش‌ها برای یک کاربر تازه‌کار همیشه ساده نیست. ممکنه مجبور بشید چند گزینهٔ فنی رو بررسی کنید، سازگاری افزونه رو بسنجید یا برای مرتب‌شدن تصاویر وقت بذارید.

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

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

سؤالات متداول

تیم تولید محتوا

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