قالب پابلیشر
فارسی
  • English English
  • العربية العربية
  • قالب پابلیشر
    • ویژگی های پابلیشر
    • دمو‌های فارسی قالب پابلیشر
    • مشتریان
    • مستندات
    • پشتیبانی
    • مقایسه پابلیشر با سایر قالب ها
      • مقایسه پابلیشر و Newspaper
      • قالب پابلیشر و Soledad
      • مقایسه پابلیشر و جناح
      • مقایسه پابلیشر و گودنیوز
      • قالب پابلیشر و JNews
      • قالب پابلیشر و MagPlus
      • مقایسه پابلیشر و نیوزمگ
      • مقایسه پابلیشر و اسمارت مگ
  • قیمت
  • پلاگین ها
  • وبلاگ
    • ورود
    • ایجاد اکانت
دانلود پابلیشر
قالب پابلیشر
  • قالب پابلیشر
    • ویژگی های پابلیشر
    • دمو‌های فارسی قالب پابلیشر
    • مشتریان
    • مستندات
    • پشتیبانی
    • مقایسه پابلیشر با سایر قالب ها
      • مقایسه پابلیشر و Newspaper
      • قالب پابلیشر و Soledad
      • مقایسه پابلیشر و جناح
      • مقایسه پابلیشر و گودنیوز
      • قالب پابلیشر و JNews
      • قالب پابلیشر و MagPlus
      • مقایسه پابلیشر و نیوزمگ
      • مقایسه پابلیشر و اسمارت مگ
  • قیمت
  • پلاگین ها
  • وبلاگ
+
دانلود پابلیشر
فارسی
  • English English
  • العربية العربية
  • وردپرس

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

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

ژوئن 20, 2019
0
وبلاگ استودیو بهتر
اضافه کردن اندازه تصویر به وردپرس

اضافه کردن اندازه تصویر اختصاصی به وردپرس چه مزایایی دارد و به چه شیوه‌ای انجام می‌شود؟ با چه روش‌هایی می‌توانید اندازه تصاویر را در وردپرس سفارشی کنید؟ چه پلاگین­هایی برای سفارشی‌سازی تصاویر مناسب هستند؟ در ادامه به پاسخ‌دادن به این سوالات می‌پردازیم.

وردپرس در سفارشی‌سازی تصویر یکی از بهترین عملکردها را دارد. چرا که دارای قدرت و انعطاف‌پذیری بسیار بالایی است و کار با آن بسیار ساده است. قالب‌های مختلف اندازه‌های تصویر اختصاصی خود را  به وردپرس معرفی می‌کنند و وردپرس بر همین اساس تصاویر را به ابعاد مختلف (بزرگ، متوسط، بندانگشتی) تغییر می‌دهد تا به بهینه‌ترین شکل در وبسایت نمایش داده شوند.

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

تصور کنید که کاربران بخواهند هزاران تصویر را در نرم‌افزاری مانند فتوشاپ سفارشی‌سازی کنند و سپس آن را در سایت آپلود کنند. مسلماً زمان و انرژی بسیاری لازم دارد. به همین دلیل وردپرس قابلیت سفارشی‌سازی تصاویر را برای کاربران فراهم کرده است.

چرا اندازه‌های تصویر اختصاصی خود را ایجاد کنیم؟

تصاویر بندانگشتی در دمو Classic Magazine پابلیشر

نمایش تصاویر زیبا تاثیر بسیار زیادی بر تجربه کاربران در سایت دارد. تصاویر بسیار کوچک یا بسیار بزرگ می‌توانند ظاهر یک سایت را به کلی خدشه‌دار کنند. همچنین اگر اندازه تصاویر مناسب نباشد و بسیار بزرگ باشد، می‌تواند در سرعت و عملکرد سایت نیز تأثیرات منفی داشته باشد. باید بدانید که هیچ چیز به اندازه تصاویری با اندازه و کیفیت مناسب نمی‌تواند بازدیدکننده‌ها را به سایت جذب کند.

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

اضافه کردن اندازه تصویر به Function.php

برای این کار ابتدا لازم است که چند خط کد به فایل Function.php سایت خودتان اضافه کنید. هرچند قبل از این کار لازم است که از سایت خودتان یک بک­آپ داشته باشید تا در صورت اشتباه دچار مشکل نشوید. سریع‌ترین راه برای اضافه کردن کد استفاده از گزینه ویرایشگر در قسمت نمایش است.

زمانی که وارد فایل Function.php شدید، اسکرپیت زیر را در آن کپی کنید:

add_theme_support('post-thumbnails' );

بعد از کپی کردن آن روی گزینه ذخیره کلیک کنید. این اسکریپت تابع add_image_size() را برای شما فعال خواهد کرد و شما قادر خواهید بود که اندازه‌های جدیدی برای تصاویر وردپرس خود انتخاب کنید. نمونه‌های زیر، اندازه‌هایی هستند که شما می‌توانید برای تصاویر خود انتخاب کنید.

// پیش از هرچیز تصاویر شاخص را فعال کنید.
add_theme_support( 'post-thumbnails' );

// اندازه تصاویر شاخص را اضافه کنید.
add_image_size( 'featured-large', 640, 294, true ); // width, height, crop
add_image_size( 'featured-small', 320, 147, true );

// اندازه‌‌های کاربردی دیگری را برای افزودن رسانه در پنل وردپرس اضافه کنید.
add_image_size( 'medium-width', 480 );
add_image_size( 'medium-height', 9999, 480 );
add_image_size( 'medium-something', 480, 480 );

// اندازه‌های کاربردی بالا را ثبت کنید.
add_filter( 'image_size_names_choose', 'wpshout_custom_sizes' );
function wpshout_custom_sizes( $sizes ) {
    return array_merge( $sizes, array(
        'medium-width' => __( 'Medium Width' ),
        'medium-height' => __( 'Medium Height' ),
        'medium-something' => __( 'Medium Something' ),
    ) );
}

در بالا می‌بینید که برای هر عکس قرار است چه اتفاقی بیفتد. add_image_size() می‌تواند چهار مشخصه کلی داشته باشد:

  • نام، یک رشته (ضروری) — name, a string (required)
  • عرض، یک عدد (اختیاری) — width, an integer (optional)
  • ارتفاع، یک عدد (اختیاری) — height, an integer (optional)
  • کراپ، یک بولی (اختیاری) — crop, a boolean (optional)

اضافه کردن اندازه تصاویر جدید به قالب سایت

بعد از اضافه کردن اندازه تصویر جدید، باید اندازه‌های سفارشی خودتان را در قالب وردپرس نمایش دهید. برای این کار کد زیر را در فایل تم درون حلقه پست (Post Loop)، جایی که می‌خواهید اندازه تصویر بندانگشتی را نمایش دهد اضافه کنید.

<?php the_post_thumbnail( 'your-specified-image-size' ); ?>

در این کد لازم است که your-specified-image-size را به نام اندازه خود که در بالا تنظیم کرده‌اید، تغییر دهید. از این کد برای نمایش دادن اندازه سفارشی تصاویر در قالب خودتان استفاده کنید.

بازسازی تصاویر شاخص و بندانگشتی

در صورتی که این کارها را انجام ندهید به احتمال زیاد مجبور خواهید شد که تصاویر بندانگشتی را بازسازی کنید. add_image_size() فقط می‌تواند تصاویر را از زمانی تغییر بدهد که کدها اعمال شده‌اند و تصاویری که از قبل در کتابخانه رسانه سایت بوده‌اند تغییر نخواهند کرد. یکی از بهترین راه‌ها برای بازسازی تصاویر استفاده از افزونه Regenerate Thumbnails است. در مطلب بازسازی تصاویر بندانگشتی وردپرس به شکل مفصل درباره‌ی کار با این پلاگین صحبت کرده‌ایم.

استفاده از اندازه تصاویر جدید در نوشته‌ها

برای آنکه از اندازه تصاویر جدید خود در نوشته‌ها استفاده کنید، لازم است که افزونه Simple Image Sizes را نصب و فعال‌سازی کنید.

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

در این بخش شما قادر خواهید بود فهرستی از تمام اندازه‌هایی که در قالب خود تعریف کرده‌اید را مشاهده کنید و تنها کاری که باید انجام دهید این است که جعبه Show in post insertion را بررسی کنید و تصاویر مورد نظر را به نوشته خود اضافه کنید. این افزونه همچنین به شما اجازه می‌دهد که به صورت مستقیم از داشبورد وردپرس تصاویری با اندازه‌های سفارشی بسازید.

به اشتراک بگذارید:
  • Home
  • Blog
  • وردپرس
  • آموزش ویرایش و اضافه کردن اندازه تصویر در وردپرس
مطلع شدن از مقالات جدید
برای مطلع شدن از آخرین آپدیت ها و مطالب جدید ، عضو خبرنامه ما شوید.
استودیو بهتر
  • ارتباط با ما
  • خدمات سفارشی ما
  • وبلاگ
  • همکاری در فروش استودیو بهتر
محصولات
  • Better Ads Manager
لینک های پرکاربرد
  • گارانتی بازگشت وجه ۳۰ روز
  • فرم ثبت بازگشت وجه
پشتیبانی
  • Publisher Support
ما را دنبال کنید
  • ما را در ئوئیتر دنبال کنید
  • ما را در فیس بوک دنبال کنید
  • ما را در گوگل پلاس دنبال کنید
© 2021 - تمامی حقوق برای استودیو بهتر BetterStudio محفوظ است. شرایط و قوانین — سیاست‌های حریم خصوصی