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

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

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

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

خیلی سریع بریم سر اصل مطلب ،

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

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

کد نمایش تصویر شاخص وردپرس را کجا قرار دهیم ؟

شما می بایست تکه کدی که در بالا ذکر شد را در لا به لای کد های single.php قرار دهید. single.php را می توانید در فایل های قالب سایت خود بیابید.

.

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

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

می توانید با افزودن کد زیر به فایل functions.php قالب ، آن را فراخوانی نمایید.

.

.

شرح کامل همراه با جزئیات بیشتر :

.

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

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

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

 

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

تصاویر شاخص میتونن به اندازه های مختلف باشن، مثلا در ابعاد ۷۰۰ در ۲۰۰ پیکسل در اسلایدشو‏ها در بالای سایت نمایش داده بشن؛

اندازه ۳۰۰ در ۲۰۰ پیکسل در اول نوشته‏ها نمایش داده بشن، یا ۹۰ در ۹۰ پیکسل در بخش مطالب مرتبط،

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

.

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

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

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

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

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

.

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

 

.

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

.

.

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

– همیشه! ابتدا از فایل اصلی قبل از تغییر دادن یه کپی بگیرید که اگر چیزی اتفاقا پاک شد یا بهم ریخت یه نسخه ازش داشته باشید (خیلی مهمه)

– اگر فایل فانکشنتون به هر طریقی دچار مشکلی بشه و کدی رو اشتباه وارد کنید، حتی اگه شده یه نقطه یا ویرگول، احتمال داره سایتتون اصلا بالا نیاد و فقط یه صفحه سفید رو مشاهده کنید؛

در خیلی از موارد حتی بخش مدیریت هم بالا نمی یاد،

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

– اگر  فایل functions.php داخل قالبتون نبود باید بصورت دستی یکی ایجاد کنید، ایجاد کردنش هم کاری نداره، یه فایل خالی ایجاد میکنید و طبق نوشته بالا کد رو داخلش قرار میدید.

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

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

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

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

.

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

.

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

.

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

.

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

.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


مقاله فوق در گروه داده پردازان مدرن گرد آوری و ویرایش شده است ،

منابع کمک گرفته جهت این مقاله :

سررسید

wpbeginner.com

دیدگاهتان را بنویسید

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