خانه / وردپرس / آموزش وردپرس / چگونه تصاویر یک وبسایت وردپرس را رسپانسیو کنیم
چگونه تصاویر یک وبسایت وردپرس را رسپانسیو کنیم

چگونه تصاویر یک وبسایت وردپرس را رسپانسیو کنیم

چگونه در یک وبسایت رسپانسیو تصاویر را نیز به صورت رسپانسیو نمایش دهیم.

سلام دوستان؛

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

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

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

محتوایی که با کدها ساخته میشوند متن ها و آیکن ها و تصاویر SVG هستند و میتوانند با استفاده از کدهای استانداردی که با آن ساخته شده اند در دستگاه ها نمایش های متفاوتی داشته باشند.

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

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

طبق معمول در اکثر قالب ها به این صورت برای تصاویر ابعاد زیر نیز به طور خودکار توسط وردپرس ساخته میشوند

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

 

قدم ۲ : استفاده از افزونه وردپرس ICG Responsive Images

 

چگونه تصاویر یک وبسایت وردپرس را رسپانسیو کنیم

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

به طور معمول وقتی شما یک تصویر را به وردپرس خود بارگذاری میکنید این تصاویر دارای ابعا زیر خواهند بود:

اما وقتی افزونه وردپرس ICG Responsive Images را نصب کرده باشید ایعاد جدیدی که برای تصاویر وردپرس شما ایجاد خواهند شد به این صورت خواهد بود:

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

تصاویر شما از این بعد رسپانسیو باشد نتایج زیر را بدنبال خواهد داشت:

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

قدم ۳ : نصب افزونه وردپرس Regenerate Thumbnails

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

منبع : وردپرس پلاس – مرجع : قالب بازی وردپرس – قالب فروشگاهی – قالب تجاری وردپرس

امتیاز شما به این مطلب (:

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *