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

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

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

کد اضافه کردن تصویر شاخص مطلب کد اضافه کردن تصویر شاخص مطلب کد اضافه کردن تصویر شاخص مطلب imge

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

 

به تصویر هایی که توسط قالب بصورت اتوماتیک در جاهای مختلف سایت قرار میگیره تصویر شاخص میگن، تصاویر شاخص میتونن به اندازه های مختلف باشن، مثلا در ابعاد ۷۰۰ در ۲۰۰ پیکسل در اسلایدشو‏ها در بالای سایت نمایش داده بشن؛ اندازه ۳۰۰ در ۲۰۰ پیکسل در اول نوشته‏ها نمایش داده بشن، یا ۹۰ در ۹۰ پیکسل در بخش مطالب مرتبط، اما در هر اندازه و ابعادی و در هر کجای سایت که باشن باعث افزایش بازدید و علاقه کاربران به نوشته شما میشن و زیبایی مطالب شما رو دو چندان میکنن.

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

اضافه کردن قابلیت انتخاب تصویر شاخص به وردپرس

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

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

سپس کد زیر را در زیر اولین خط یعنی زیر عبارت <?php در اولین خط کپی کنید.

کد نمایش تصویر شاخص در قالب وردپرس

کد زیر را در داخل حلقه وردپرس یعنی زیر کد while ( have_posts() ) : the_post(); در هر جایی که میخواهید استفاده کنید و در آن بخش تصویر شاخص انتخاب شما نمایش داده میشود.

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

 

 

آموزش وردپرس کدهای وردپرس

دیدگاه خود را بیان کنید