0

بلاگ

افق وب > بلاگ > آموزش > تصویر شاخص چه اهمیتی در نوشته های سایت شما دارد؟

تصویر شاخص چه اهمیتی در نوشته های سایت شما دارد؟

سپتامبر 23, 2017
ارسال شده توسط
آموزش
274 بازدید
تصویر شاخص

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

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

تصویر شاخص

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

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

 

روش ۱: تنظیم پیش فرض تصویر پس زمینه برای پست های ریز عکس با استفاده از پلاگین

این روش آسان تر است و برای همه کاربران توصیه می شود.

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

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

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

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

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

خواهد کرد.

 

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

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

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

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

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

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

1
<?php the_post_thumbnail () ?>

 

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

 

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

1
2
3
<?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 با نام فایل تصویر خودتان باشد.

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

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

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

 

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<?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 ()؛ استفاده می شود دارید. آن را با کد زیر جایگزین کنید.

1
2
3
4
<?php if ( (function_exists('has_post_thumbnail')) && (has_post_thumbnail()) ) { echo get_the_post_thumbnail($post->ID);
} else {
echo main_image();
} ?>

 

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

 

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

 

اشتراک گذاری:
درباره حامد نجفی

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

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

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

2 نظر

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

  • سلام
    سپاس از مطالب خوبتان
    می خواستم بپرسم چطوری میشه یک تصویر ثابت مثل قاب برای وردپرس قرار داد و سپس تصاویر شاخص یا تصاویر نوشته های صفحه اصلی در این قاب لود شود ، تقریباً مثل موکاپ در فتوشاپ.امیدوارم متوجه منظورم شده باشید.
    سوران پرنیان

    پاسخ

    • سلام سلامت باشید
      برای این کار دو راه دارید : ۱٫ اینکه از طریق ادیت کدهای HTML,CSS با استفاده از مقادیر after و before یک تصویر در پس زمینه تگ والد قالب خودتون قرار بدین که نیازمند تسلط به html,cssهست

      ۲٫ راه دوم یه پلاگین هست که البته چیزی که شما نیاز دارید رو شاید بهتون نتونه بده – پلاگین WP Image Border – این پلاگین با قسمت تنظیماتی که داره میاد یه border ساده به تصاویر شاخص شما اضافه میکنه

      ۳٫ راه حل سوم هم این هست که یه فریم تو فوتوشاپ درست کنید تصاویر رو اونجا ادیت کنید و بعد آپلود کنید که به نظرم این راه حل از همه بهتره – استفاده از پلاگین های این شکلی خیلی توصیه نمیشه

      پاسخ

پاسخی بگذارید