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

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

در این مقاله نحوه افزودن تصویر شاخص (post thumbnail) به قالب وردپرس به همراه همه توابع مورد نیاز به کاربر آموزش داده میشود.

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

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

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

البته همونطور که میدونین کد بالا یک کد php هست و حتما باید بین دو تگ

قرار بگیره وگرنه عمل نمیکنه.

با اضافه شدن این کد به فایل function.php قالبتون،در قسمت ارسال نوشته شما(معمولا در زیر قسمت برچسب ها) یک فیلد جدید ایجاد میشه که از طریق اون میتونید برای مطلبتون تصویر شاخص یا بند انگشتی (thumbnail) قرار بدین.

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

 

خب حالا قالب شما از تصویر شاخص پشتیبانی میکنه.

ولی حالا مسئله اینجاست که چطوری میشه این تصویر شاخصی که برای مطالب انتخاب شده رو درون قالب استفاده کرد؟

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

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

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

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

 

نمایش تصویر شاخص در صورت وجود

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

به جای linke-ax-pishfarz میتونید لینک تصویری که میخواین به عنوان تصویر شاخص پیشفرض قرار داده بشه رو بذارین.

با این کد ما داریم تعیین میکنیم که

اگر مطلب مورد نظر تصویر شاخص (thumbnail) داشت => تصویر شاخص نمایش داده بشه.

اما اگر مطلب مورد نظر تصویر شاخص نداشت => تصویر پیشفرضی که لینکش رو دادیم نمایش داده بشه.

 

تعیین سایز تصویر شاخص

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

۱- تغییر سایز تصویر شاخص به سایز مورد نظر

در این صورت سایز تصویر شاخصی که برای مطالب قرار میدیم به صورت یک عکس ۵۰ در ۵۰ در میاد(۵۰ اولی عرض تصویر و ۵۰ دومی ارتفاع تصویر رو تعیین میکنه)

برای تغییر سایز مورد نظرتون کافیه که اعداد بالا رو تغییر بدین.

 

۲- تغییر سایز تصویر شاخص با برش

به همین صورت در مورد دوم میتونید از right و bottom برای راست و پایین هم استفاده کنید.

 

استایل دهی به تصویر شاخص در قالب

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

مثلا برای افزودن حاشیه (border) به تصویر شاخص کافیه کد زیر رو درون فایل style.css قالب قرار بدیم:

 

امیدوارم که مفید بوده باشه…

مدرسه مجازی آموزش طراحی وب

مجید غفورزاده

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

بدون دیدگاه ثبت شده
دیدگـاه شمـا چیستـــ ؟

برای ارسال دیدگاه ابتدا وارد شوید.