• صفحه نخست
  • دوره های آموزشی
    • آموزشی طراحی سایت (وردپرس)
      • دوره وردپرس کار حرفه ای
      • دوره طراحی سایت با المنتور
      • دوره فارسی سازی قالب وردپرس
    • آموزشی سایت فروشگاهی(ووکامرس)
      • دوره ووکامرس مقدماتی
      • دوره ووکامرس پیشرفته
      • آموزش عملی طراحی سایت فروشگاهی
    • آموزش برنامه نویسی
      • دوره html-css مقدماتی
      • دوره htm-css پیشرفته
  • آموزش رایگان
    • آموزش سئو
    • آموزش بازاریابی
    • کسب و کار اینترنتی
    • آموزش امنیت وردپرس
    • آموزش رایگان المنتور
    • قالب رایگان وردپرس
    • آموزش رایگان محتوا نویسی
    • آموزش رایگان HTML – CSS
    • آموزش های ووکامرس
  • ارتباط با ما
Menu
  • صفحه نخست
  • دوره های آموزشی
    • آموزشی طراحی سایت (وردپرس)
      • دوره وردپرس کار حرفه ای
      • دوره طراحی سایت با المنتور
      • دوره فارسی سازی قالب وردپرس
    • آموزشی سایت فروشگاهی(ووکامرس)
      • دوره ووکامرس مقدماتی
      • دوره ووکامرس پیشرفته
      • آموزش عملی طراحی سایت فروشگاهی
    • آموزش برنامه نویسی
      • دوره html-css مقدماتی
      • دوره htm-css پیشرفته
  • آموزش رایگان
    • آموزش سئو
    • آموزش بازاریابی
    • کسب و کار اینترنتی
    • آموزش امنیت وردپرس
    • آموزش رایگان المنتور
    • قالب رایگان وردپرس
    • آموزش رایگان محتوا نویسی
    • آموزش رایگان HTML – CSS
    • آموزش های ووکامرس
  • ارتباط با ما
Search
Close this search box.
۰ تومان 0 Cart
  • ورود
  • ثبت نام
Menu
  • ورود
  • ثبت نام
Search
Close this search box.
۰ تومان 0 Cart
Menu
  • ورود
  • ثبت نام
  • صفحه نخست
  • دوره های آموزشی
    • آموزشی طراحی سایت (وردپرس)
      • دوره وردپرس کار حرفه ای
      • دوره طراحی سایت با المنتور
      • دوره فارسی سازی قالب وردپرس
    • آموزشی سایت فروشگاهی(ووکامرس)
      • دوره ووکامرس مقدماتی
      • دوره ووکامرس پیشرفته
      • آموزش عملی طراحی سایت فروشگاهی
    • آموزش برنامه نویسی
      • دوره html-css مقدماتی
      • دوره htm-css پیشرفته
  • آموزش رایگان
    • آموزش سئو
    • آموزش بازاریابی
    • کسب و کار اینترنتی
    • آموزش امنیت وردپرس
    • آموزش رایگان المنتور
    • قالب رایگان وردپرس
    • آموزش رایگان محتوا نویسی
    • آموزش رایگان HTML – CSS
    • آموزش های ووکامرس
  • ارتباط با ما
Menu
  • صفحه نخست
  • دوره های آموزشی
    • آموزشی طراحی سایت (وردپرس)
      • دوره وردپرس کار حرفه ای
      • دوره طراحی سایت با المنتور
      • دوره فارسی سازی قالب وردپرس
    • آموزشی سایت فروشگاهی(ووکامرس)
      • دوره ووکامرس مقدماتی
      • دوره ووکامرس پیشرفته
      • آموزش عملی طراحی سایت فروشگاهی
    • آموزش برنامه نویسی
      • دوره html-css مقدماتی
      • دوره htm-css پیشرفته
  • آموزش رایگان
    • آموزش سئو
    • آموزش بازاریابی
    • کسب و کار اینترنتی
    • آموزش امنیت وردپرس
    • آموزش رایگان المنتور
    • قالب رایگان وردپرس
    • آموزش رایگان محتوا نویسی
    • آموزش رایگان HTML – CSS
    • آموزش های ووکامرس
  • ارتباط با ما

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

تیر 9, 1400
نویسنده حامد نجفی
مقالات آموزشی
906 بازدید
تصویر شاخص

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

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

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

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

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

 

روش 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 - (5 امتیاز)
اشتراک گذاری:
برچسب: افزونه وردپرستصویر شاخصوردپرس
About حامد نجفی

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

More Posts by حامد نجفی
تبلیغات
هاست وردپرس

مطالب زیر را حتما مطالعه کنید

زبان های طراحی سایت

با زبان های طراحی سایت بیشتر آشنا شویم؟

یک قالب فروشگاهی وردپرس باید دارای چه امکاناتی باشد؟

یک قالب فروشگاهی وردپرس باید دارای چه امکاناتی باشد؟

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

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

نقشه سایت

چگونه نقشه سایت ایجاد کنیم؟

این 5 کار را در فروشگاه اینترنتی خود انجام ندهید!!

این 5 کار را در فروشگاه اینترنتی خود انجام ندهید!!

10 روش هوشمند برای افزایش نظرات کاربران

10 روش هوشمند برای افزایش نظرات کاربران

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

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

Search for:
نوشته‌های تازه
  • تقویم محتوا چیست؟ (جلسه 33)
  • استراتژی تولید محتوا (جلسه 32)
  • عادت‌ نویسندگان مشهور و سرشناس (جلسه 31)
  • راهنمای کامل تغذیه محتوا نویس (جلسه 30)
  • چگونه یک محتوای تصویری خوب بسازیم؟ (جلسه 29)
آخرین دیدگاه‌ها
  • سهند در آموزش تغییر رنگ پس زمینه در وردپرس
  • mojtaba در پرینت و ذخیره اطلاعات محصول با افزونه WooCommerce PDF Invoices & Packing Slips
  • مجید بهرامی راد در چگونه یک وب سایت موفق و درآمد زا داشته باشیم؟
  • پریا صادقی در چگونه یک وب سایت موفق و درآمد زا داشته باشیم؟
  • مریم در آموزش ایجاد صفحه تماس با ما در المنتور(جلسه 10)

یاد باد آنکه ز رخسار تو هر صبحدمی

افق دیده پر از شعله خور بود مرا

دسته بندی بلاگ

  • بازاریابی
  • سئو
  • محتوا نویسی
  • مقالات آموزشی
  • وردپرس
  • بازاریابی
  • سئو
  • محتوا نویسی
  • مقالات آموزشی
  • وردپرس

خدمات مشتریان

  • تدریس خصوصی وردپرس
  • روش دریافت محصولات دانلودی
  • مشاوره دوره ها
  • تدریس خصوصی وردپرس
  • روش دریافت محصولات دانلودی
  • مشاوره دوره ها

دسترسی سریع

  • تماس با ما
  • درباره ما
  • قوانین و شرایط
  • استخدام
  • تماس با ما
  • درباره ما
  • قوانین و شرایط
  • استخدام

تمامی حقوق مادی و معنوی این سایت متعلق به آکادمی افق وب میباشد.

ورود
استفاده از موبایل
استفاده از آدرس ایمیل
آیا هنوز عضو نیستید؟ اکنون عضو شوید

بازنشانی رمز عبور
استفاده از موبایل
استفاده از آدرس ایمیل
عضویت
قبلا عضو شدید؟ اکنون وارد شوید

نوزده − 16 =