آموزش وردپرسافزونه وردپرس

نحوه نمایش تصاویر وردپرس در ردیف‌ها و ستون‌ها

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

چرا به نمایش تصاویر در ستون‌ها و ردیف‌ها نیاز دارید؟

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

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

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


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


به سادگی میتوانید این مشکل را با استفاده از یک لایه grid-based با نمایش تصاویر در ردیف‌ها و ستون‌ها حل نمایید. به این ترتیب تصاویر در لایه‌های فشرده ظاهر میشوند و تجربه کاربر را در وب‌سایت شما بهبود می‌بخشند.

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

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

1. نمایش تصاویر در ستون‌ها وردیف‌ها بدون استفاده از پلاگین

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

ابتدا باید یک پست جدید ایجاد کنید یا پستی که مایلید تصاویر شما در آن نمایش داده شود را ویرایش کنید. در صفحه ویرایش پست، بر روی دکمه “اضافه کردن رسانه” کلیک کنید تا پنجره آپلودکننده رسانه وردپرس راه‌اندازی شود.

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

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

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

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

پس از آن، کافی است بر روی لینک “Create Gallery” در ستون سمت چپ کلیک کنید و سپس روی دکمه “Create a new gallery” کلیک کنید.

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

اکنون پنجره‌های پاپ‌آپ گزینه‌های تنظیمات گالری را نشان میدهند.

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

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

پس از آن باید بر روی دکمه “وارد کردن گالری” کلیک کنید، در آن حالت وردپرس گالری را در پست‌های وبلاگ شما قرار خواهد داد.

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

اگر مایلید تعداد ستون‌ها یا تنظیمات دیگر را تغییر دهید، کافی است در ویرایش‌کننده پست بر روی تصاویر کلیک کنید.


مقاله مرتبط: چطور مشکل عدم نمایش صحیح thumbnail فیسبوک را در وردپرس برطرف کنیم؟


وردپرس در این حالت گالری شما را انتخاب می‌کند و برای ویرایش تنظیمات گالری خود، میتوانید بر روی آیکون مداد کلیک کنید.

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

همین؛ اکنون میتوانید به نوشتن پست خود ادامه دهید یا تغییرات خود را ذخیره کنید. همچنین میتوانید پیش‌نمایش پست خود را مشاهده کنید تا تصاویر را در ستون‌ها و ردیف‌ها مشاهده کنید.

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

این روش برای بسیاری از مبتدیان جواب میدهد. با این حال، اگر یک وبلاگ عکاسی اجرا کنید یا اغلب تصاویر را در وب‌سایت خود به اشتراک بگذارید، این روش چندین ویژگی بسیار مهم را ندارد.

برای مثال؛ ظاهر شدن تصاویر، به تم وردپرس شما وابسته است و شما به طرح و سبک خاصی محدود می‌شوید.

تصاویر شما در یک lightbox popup باز نخواهد شد و کاربران مجبورند آنها را به عنوان یک صفحه جدید بارگذاری کنند و سپس دکمه “برگشت” را بزنند تا به صفحه اصلی بازگردند.

برای حرفه‌ای‌تر و زیباتر بودن تجربه کاربران باید با استفاده از افزونه این کار را انجام دهید.

2. نمایش تصاویر در ستون ها و ردیف ها با استفاده از افزونه

اولین چیزی که به آن نیاز دارید نصب و فعالسازی پلاگین Envira Gallery میباشد. برای جزئیات دقیق تر، مراحل گام به گام نصب افزونه وردپرس را مطالعه کنید.

Envira Gallery یکی از افزونه‌های تجاری وردپرس می‌باشد و برای مجوز یک سایت، قیمت‌گذاری آن از 19 دلار آغاز می‌شود.


مقاله مرتبط: چطور خطای HTTP را هنگام آپلود تصاویر در وردپرس برطرف کنیم؟


پس از فعالسازی، به مسیر Setting « Envira Gallery  بروید و کد لایسنس خود را وارد نمایید. این کد را میتوانید از اکانت خود در وب سایت Envira Gallery دریافت کنید.

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

اکنون برای ایجاد یک گالری تصاویر زیبا آماده‌اید.

برای ایجاد اولین گالری خود به مسیر Add new « Envira Gallery بروید.

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

میتوانید پوشه‌ها را از کامپیوتر خود انتخاب و بارگذاری کنید یا میتوانید از کتابخانه پرونده‌های چندرسانه‌ای وردپرس، آنها را انتخاب کنید.

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

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

سپس، برای سفارشی کردن نحوه نمایش عکس‌هایتان باید بر روی تب تنظیمات کلیک کنید.

در زیر گزینه “Number of Gallery Columns”، میتوانید تعداد ستون ها را برای عکس های خود انتخاب کنید.

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

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


مقاله مرتبط: بهترین پلاگین گالری تصویر وردپرس (مقایسه عملکرد + کیفیت)


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

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

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

با کلیک بر روی آن، یک پنجره در جایی که گالری مورد نظر شما ایجاد شده است، باز میشود. در اینصورت بر روی دکمه “insert” کلیک کنید.

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

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

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

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

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

نحوه نمایش تصاویر وردپرس در ستون‌ها و ردیف‌ها

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

< آخرین آموزش‌های پایگاه دانش تسنیم را در تلگرام دنبال کنید >
برچسب ها

نوشته های مشابه

دیدگاهتان را بنویسید

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

بستن