تصویر شاخص در وردپرس

تصویر شاخص در وردپرس

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

خلاصه مطالب مقاله تصویر شاخص وردپرسی :

  • افزودن امکان نمایش تصویر شاخص به قالب
  • قرار دادن تصویری بعنوان تصویر شاخص
  • نمایش تصویر شاخص داخل نوشته
  • تعیین اندازه تصویر شاخص
  • تصویر شاخص با اندازه‏ای خاص

 

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

تصاویر شاخص در انتقال مفهوم نوشته‏ها هم بسیار موثرن، با انتخاب یه تصویر مناسب میتونید به کاربر بفهمونید که در نوشته شما چه چیزهایی قرار بفهمه و یاد بگیره و چه چیزی دستگیرش بشه.

نکته : این نوشته رو قبلا در سایت اعتماد به نفس منتشر کرده بودم، اما منتقلش کردم به اینجا و به همین دلیل زیر تصاویر لینک اعتماد به نفس گذاشته شده

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

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

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

.

ویرایش قالب وردپرس     ویرایش قالب وردپرس - فایل فاکشن

 

.

کد زیر رو ( برای افزودن قابلیت تصویر شاخص به قالب ) در آخر فایل فانکشن کپی کنید

.

.

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

– همیشه! ابتدا از فایل اصلی قبل از تغییر دادن یه کپی بگیرید که اگر چیزی اتفاقا پاک شد یا بهم ریخت یه نسخه ازش داشته باشید (خیلی مهمه)
– اگر فایل فانکشنتون به هر طریقی دچار مشکلی بشه و کدی رو اشتباه وارد کنید، حتی اگه شده یه نقطه یا ویرگول، احتمال داره سایتتون اصلا بالا نیاد و فقط یه صفحه سفید رو مشاهده کنید؛ در خیلی از موارد حتی بخش مدیریت هم بالا نمی یاد، پس حتما فکر این بخش رو هم بکنید که اگر کاری رو اشتباه انجام دادید و دچار مشکل شدید دسترسی به هاستتون دارید یا نه که از اونجا بتونید فانکشن رو تغییر بدید و اشتباهش رو اصلاح کنید.
– اگر  فایل functions.php داخل قالبتون نبود باید بصورت دستی یکی ایجاد کنید، ایجاد کردنش هم کاری نداره، یه فایل پی‏اچ‏پی خالی ایجاد میکنیدو طبق نوشته زیر کد رو داخلش قرار میدید.

.

 

– یادتون نره کد هایی که وارد میکنید باید حتما قبل از بسته شدن تگ پی‏اچ‏پی باشه نه بعدش

قرار دادن تصویری بعنوان تصویر شاخص : 

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

.

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

.

اگر اتفاقا این گزینه در صفحه نوشتن متن جدید ظاهر نشد از بالای صفحه روی دکمه تنظیمات صفحه کلیک کنید و تیک گزینه تصویر شاخص رو بزنید

.

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

.

خب تا اینجا ما فقط “افزودن تصویر شاخص” رو تونستیم به محیط وردپرسمون اضافه کنیم
برای اضافه کردن یک تصویر شاخص به نوشته باید روی لینک ” قرار دادن به عنوان تصویر شاخص” کلیک کنیم
و تصویر مورد نظر رو بعد از آپلود به عنوان تصویر شاخص معرفی کنید

.

مراحل انتخاب تصویر شاخص

نمایش تصویر شاخص وردپرس داخل نوشته :

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

نکته : اگه زیاد از حلقه و این چیزها سر در نمی یارید کد نمایش تصویر شاخص رو  بالا یا پایین کد عنوان نوشته قرار بدید، عنوان نوشته ها معمولا با این کد نمایش داده میشن :

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

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

برای این کار کد زیر رو به  functions.php اضافه کنید

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

تعیین اندازه تصویر شاخص در وردپرس :

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

برای این کار کد زیر رو در فایل functions.php کپی کنید

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


منبع :

سررسید

wpbeginner.com

مطالب مرتبط

شما هم در بحث شرکت نمایید...

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *