افزودن تصویر شاخص در وردپرس با کد نویسی
افزودن تصویر شاخص در وردپرس با کد نویسی
تصویر شاخص ها در سایت شما می تواند به زیبای سایت شما و مطالب های سایت شما جلوء زیبای دهد ، چرا چون قبل از هر چیزی شما باید برای سایت خود و مطلب های که می نویسید ، ارزش قائل شوید و برای آن ها تصویر شاخص مناسب انتخاب کنید و یا خودتان طراحی کنید تا به بازدید مطلب شما و بازدید سایت شما کمک بیشتری داشته باشد و بهتر نمایش داده شوید ، تصویر شاخص گفته می شود و بند انگشتی هم گفته می شود که شما می توانید با داشتن بند انگشتی و تصویر شاخص برای سایت خود جلوء زیباتری از مطالب های سایت خود را نمایش دهید.
امروز می خواهیم به شما آموزش دهیم تا به کمک کدنویسی برای سایت خود تصویر شاخص به مطالب های سایت خود اضافه کنید و این یکی از امکاناتی هست که شما می توانید به کمک کدنویسی برای سایت خود اضافه کنید و در ضمن شما می توانید با کمی کد نویسی CSS برای تصویر خود کمی آن را ویرایش و CSS نویسی کنید و با استایل متفاوت تر از سایت های دیگر نمایش دهید ، این قابلیت می تواند برای شما خیلی خیلی مفید باشد.
تصویر های شاخص یکی از ویژگی های می باشد که برای هر سایتی مهم و ضروری می باشد و از اهمیت بالایی برخوردار می باشد ، چون با داشتن تصویر شاخص در مطالب های سایت خود می توانید نرخ بازدید و نرخ کلیک سایت خود را افزایش دهید و در ضمن شما می توانید از افزونه Auto Post Thumbnail هم برای افزودن تصویر شاخص در سایت خود استفاده کنید که ما در میهن آکادمی این افزونه هم آموزش و قرار داده ایم.
آموزش ویدیویی افزودن تصویر شاخص در وردپرس با کد نویسی :
شروع به کد نویسی و افزودن تصویر شاخص در وردپرس :
خب برای اینکه شما بتوانید تصاویر شاخص را در وردپرس خود و یا همان قالب سایت خود پشتیبانی کنید باید کمی کد نویسی انجام دهید و نیاز نیست که نگرانی زیادی داشته باشید ، چون این کار راحت تر از آن است که شما فکر می کنید و برای اینکار شما باید وارد فایل قالب سایت خود شوید و از بخش نمایش > ویرایشگر پرونده پوسته فایل Functions.php خود را کمی ویرایش کنید و کد های زیر را در آن طبق آموزش استفاده کنید.
بعد از وارد شدن به فایل Functions.php شما باید کد زیر را برای فعالسازی تصویر شاخص قالب در آن قرار دهید که تصویر شاخص خود را بتوانید پشتیبانی و یا ساپورت کنید
<?php
if (function_exists('add_theme_support')) {
add_theme_support( 'post-thumbnails' );
}
?>
خب کد بالا به سایت و قالب وردپرسی شما می فهماند و مشخص می کند که از تصویر یا همان بندانگشتی پشتیبانی کند
The post Thumbnail ، شما می توانید با استفاده از این کد که در قسمت زیر به شما معرفی کرده و آموزش می دهیم می توان تصویر را در اول مقاله های خود نمایش دهید یا هر آنجا که شما می خواهید
کد The post Thumbnail را برای شما قرار داده ایم :
while ( have_posts() ) : the_post();
<?php the_post_thumbnail(); ?>
<?php the_content(); ?>
خب حالا که شما توانستید این کد را در قالب خود استفاده کنید اکنون کمی باید آن را CSS نویسی کنید تا استایل مناسبی به خود گیرد و در سایت یا در مقاله های شما مناسب نمایش داده شود و بعضی مواقعه شما یک مطلب دارید در سایت خود نمایش دهید که تصویری مناسب آن مطلب ندارید که نمایش دهید و می خواهید که یک تصویر به عنوان پیشفرض در مطلب شما نمایش داده شود و شما می توانید با این کد که در قسمت زیر قرار داده ایم یک عکس به صورت پیشفرض برای خود مشخص کنید که در صورتی که عکسی مورد نیاز به مطلب های شما وجود نداشت از آن تصویر به صورت خودکار استفاده شود
<?php
if ( has_post_thumbnail() ) {
the_post_thumbnail();
}
else {
echo '<img src="' . get_bloginfo( 'stylesheet_directory' ) . '/images/no-thumbnail.png" />';
}
?>
در کد بالا شما معرفی کرده اید که وارد پوشه images شود و عکس به عنوان no-thumbnail را به عنوان تصویر مشخص شده در سایت نمایش دهد و شما می توانید با تغییر نام فولدر و تغییر نام عکس ، تصویر مورد نظر خود را آپلود کنید و نمایش دهید.
تغییر اندازه تصویر ها یا همان بند انگشتی :
بعضی وقت ها ممکنه که شما تصویر یا همان بند انگشتی سایت خود را که آپلود کرده و می خواهید نمایش دهید را باید تغییر اندازه دهید ولی به مرور زمان چون که تصویر ها زیاد می شود شما نیاز است که به کمک کد نویسی این کار را انجام دهید و شما برای اینکار می توانید از کد نویسی زیر استفاده کنید و شما کد زیر را باید وارد همان فایل Functions.php کنید.
set_post_thumbnail_size( 300, 300);
به همین راحتی شما می توانید برای سایت خود تصویر شاخص قرار دهید و یا کاری کنید که قالب سایت شما هم از تصویر شاخص پشتیبانی کند.
موفق و پیروز باشید.
