خانه / وردپرس / افزونه رایگان وردپرس / رسپانسیو کردن تصاویر در وردپرس
how-to-make-wordpress-images-responsive

تاریخ انتشار: مهر 8, 1395 تعداد بازدید: 171 بازدید تعداد دیدگاه ها: 0

رسپانسیو کردن تصاویر در وردپرس

رسپانسیو کردن تصاویر در وردپرسReviewed by فرشید امین زاده on Sep 29Rating: 5.0رسپانسیو کردن تصاویر در وردپرسچگونه میشود تصاویری که ابعا ثابتی دارند را در وردپرس به صورت رسپانسیو نمایش داد. در این آموزش مفید همراه فریش تم باشید

موضوع آموزش وردپرس امروز: چگونه تصاویر وردپرس را به صورت رسپانسیو ایجاد کنیم؟

سلام دوستان؛

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

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

وقتی تصویری را به بخش کتابخانه رسانه ای وردپرس آپلود میکنید به طور پیشفرضی که در قالب وردپرس شما درج شده این اندازه ها (که میتواند در قالب های مختلف وردپرس متغیر باشد) برای تصاویر تنظیم و تولید میشوند:

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

   نمایش بخش دیگران دیده اند در فروشگاه ووکامرس

پس راهکاری که برای اینکار اندیشیده شده است ادامه این آموزش وردپرس است:

افزونه وردپرس رسپانسیو کردن تصاویر RICG Responsive Images

 

رسپانسیو کردن تصاویر در وردپرس

 

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

وقتی تصویری را در نوشته های خود درج میکنید یا استفاده میکنید کد HTML نمایش آن به این صورت است:

 

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

 

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

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

 

افزونه وردپرس بازسازی تصاویر وبسایت Regenerate Thumbnails

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

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

 

منبع: فریش تم – ارائه دهنده: آموزش سئو وردپرسآموزش ووکامرسآموزش امنیت وردپرس

کانال تلگرام فریش تم
  • دیدگاه شما پس از تایید در سایت نمایش داده می شود.
  • از ارسال متن بصورت فینگلیش خودداری نموده و فارسی تایپ کنید.
  • دیدگاه و سوالات شما توسط کارشناسان ما بین 1 تا 12 ساعت پاسخ داده خواهد شد.
  • از ارسال دیگاه جهت پشتیبانی محصولات تجاری خود داری کنید و برای پشتیبانی از بخش پشتیبانی سایت اقدام کنید.

هنوز دیدگاهی ثبت نشده است.