جستجو برای:
  • صفحه نخست
  • مقالات آموزشی
    • آموزش سئو
    • آموزش بازاریابی
    • کسب و کار اینترنتی
    • آموزش امنیت وردپرس
    • آموزش رایگان محتوا نویسی
    • آموزش رایگان HTML – CSS
  • قالب رایگان وردپرس
    • قالب فروشگاهی
    • قالب ویژه مشاغل
    • قالب آموزشی
    • قالب پزشکی
    • قالب شرکتی
    • قالب نمونه کار
    • قالب وبلاگی
    • قالب مجله خبری
    • قالب چند منظوره
    • قالب تک صفحه ای
  • افزونه وردپرس
    • آموزش رایگان المنتور
    • آموزش های ووکامرس
  • دوره های آموزشی
    • آموزش کسب درآمد اینترنتی
    • آموزش طراحی سایت با المنتور
    • آموزش جامع وردپرس
    • آموزش فارسی سازی قالب وردپرس
    • آموزش HTML-CSS مقدماتی
    • آموزش ووکامرس مقدماتی
 
افق وب
  • صفحه نخست
  • مقالات آموزشی
    • آموزش سئو
    • آموزش بازاریابی
    • کسب و کار اینترنتی
    • آموزش امنیت وردپرس
    • آموزش رایگان محتوا نویسی
    • آموزش رایگان HTML – CSS
  • قالب رایگان وردپرس
    • قالب فروشگاهی
    • قالب ویژه مشاغل
    • قالب آموزشی
    • قالب پزشکی
    • قالب شرکتی
    • قالب نمونه کار
    • قالب وبلاگی
    • قالب مجله خبری
    • قالب چند منظوره
    • قالب تک صفحه ای
  • افزونه وردپرس
    • آموزش رایگان المنتور
    • آموزش های ووکامرس
  • دوره های آموزشی
    • آموزش کسب درآمد اینترنتی
    • آموزش طراحی سایت با المنتور
    • آموزش جامع وردپرس
    • آموزش فارسی سازی قالب وردپرس
    • آموزش HTML-CSS مقدماتی
    • آموزش ووکامرس مقدماتی
ورود / عضویت

وبلاگ

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

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

تیر 9, 1400
مقالات آموزشی

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

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

تصویر شاخص
تصویر شاخص

چگونگی تنظیم تصویر پیش فرض برای تصویر شاخص

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

 

روش 1: تنظیم تصویر پس زمینه پیش فرض برای تصویر شاخص پست ها  با استفاده از افزونه

این روش آسان تر است و برای همه کاربران توصیه می شود. اولین چیزی که باید انجام دهید این است که پلاگین Default Featured Image  را نصب و فعال کنید.

پس از فعال سازی، شما باید از تنظیمات صفحه رسانه برای تنظیم پلاگین اقدام نمایید.

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

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

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

 

روش 2: اضافه کردن تصویر زمینه به صورت دستی:

این روش نیاز به اضافه کردن کد به فایل های قالب وردپرس شما دارد.

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

پوشه تصاویر قالب شما در داخل / wp-content / themes / your-theme / folder واقع شده است. اگر پوشه تصاویر را نداشته باشد، باید آن را ایجاد کنید.

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

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

<?php the_post_thumbnail () ?>

را در فایل های قالب مورد نظر  جستجو کنید. به طور معمول، شما آن را در archive.php، single.php یا قالب های محتوایی پیدا خواهید کرد.

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

 

<?php if ( has_post_thumbnail() ) { the_post_thumbnail(); } else { ?> <img src=”<?php bloginfo(‘template_directory’); ?>/images/default-image.jpg” alt=”<?php the_title(); ?>” /> <?php } ?>

 

فراموش نکنید که نام تصویر خود را جایگزین default-image.jpg کنید.

شما هم اکنون می توانید وب سایت خود را ببینید تا آن را در عمل ببینید.

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

این روش همچنین نیاز به اضافه کردن کد به فایل های قالب وردپرس شما دارد.

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

 

<?php //function to call first uploaded image in functions file function main_image() { $files = get_children(‘post_parent=’.get_the_ID().’&post_type=attachment &post_mime_type=image&order=desc’); if($files) : $keys = array_reverse(array_keys($files)); $j=0; $num = $keys[$j]; $image=wp_get_attachment_image($num, ‘large’, true); $imagepieces = explode(‘”‘, $image); $imagepath = $imagepieces[1]; $main=wp_get_attachment_url($num); $template=get_template_directory(); $the_title=get_the_title(); print “<img src=’$main’ alt=’$the_title’ class=’frame’ />”; endif; } ?>

 

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

برای انجام این کار، شما نیاز به ویرایش فایل های قالب وردپرس که در آن  تابع post_thumbnail ()؛ استفاده می شود دارید. آن را با کد زیر جایگزین کنید.

<?php if ( (function_exists(‘has_post_thumbnail’)) && (has_post_thumbnail()) ) { echo get_the_post_thumbnail($post->ID); } else { echo main_image(); } ?>

اکنون می توانید از وبسایت خود دیدن کنید تا آن را در عمل مشاهده کنید.

جمع بندی

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

 

5/5 - (4 امتیاز)
برچسب ها: افزونه وردپرستصویر شاخصوردپرس
درباره حامد نجفی

بعد از گذشت 6 سال کار با وردپرس و فعالیت اینترنتی هر روز علاقه ام به این کار بیشتر میشه. سختی های زیادی تو این راه کشیدم و دوست دارم به شما کمک کنم این مسیر رو سریعتر طی کنین. با من در شبکه های اجتماعی در تماس باشید :)

جدیدتر انتخاب قیمت توسط مشتری با Yith Woocommerce Name Your price
قبلی آموزش رایگان HTML - جلسه 1

دیدگاهتان را بنویسید لغو پاسخ

تازه های آموزش
  • تقویم محتوا چیست؟ (جلسه 33)
  • استراتژی تولید محتوا (جلسه 32)
  • عادت‌ نویسندگان مشهور و سرشناس (جلسه 31)
  • راهنمای کامل تغذیه محتوا نویس (جلسه 30)
  • چگونه یک محتوای تصویری خوب بسازیم؟ (جلسه 29)
  • 10 تکنیک برای افزایش فالوور اینستاگرام (جلسه 28)
  • راه اندازی کمپین در شبکه های اجتماعی (جلسه 27)
  • آموزش 0 تا 100 ایمیل نویسی (جلسه 26)
آموزش رایگان ووکامرس
آموزش رایگان المنتور
آموزش رایگان html -css
درباره افق وب

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

دسترسی بیشتر
  • قوانین و شرایط
  • ارتباط با ما
  • استخدام
  • تدریس خصوصی وردپرس
ارتباط با ما
  • تهران، رباط کریم، مجتمع اداری پردیسان
  • 02156434684
  • info@ofoghweb.com
تمامی حقوق برای افق وب محفوظ می باشد.
اشتراک گذاری در شبکه های اجتماعی
ارسال به ایمیل
https://ofoghweb.com/?p=2178
ورود به سیستم ×

ورود با کد یکبارمصرف
واتساپ
ارسال مجدد کد یکبار مصرف(00:30)
آیا حساب کاربری ندارید؟
نام‌نویسی

ارسال مجدد کد یکبار مصرف (00:30)
برگشت به صفحه ورود به سایت
  • (+98) جمهوری اسلامی ایران
مرورگر شما از HTML5 پشتیبانی نمی کند.