نحوه نمایش عکس های وردپرس در ستون ها و ردیف ها

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

Display WordPress photos in rows and columns

چرا به عکسهای وردپرس در ستونها و ردیف ها نیاز دارید h4>

به طور پیش فرض ، وقتی چندین عکس را به یک پست وردپرس اضافه می کنید ، آنها در کنار هم یا روی هم ظاهر می شوند.

default scrolling display of photos in WordPress

به نظر می رسد این خیلی خوب نیست و کاربران شما برای مشاهده چندین عکس و عکس باید زیاد پیمایش کنند.

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

photos in columns and rows

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

1 نمایش عکس ها در ستون ها و ردیف ها بدون پلاگین h4>

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

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

Click on add media button to upload your photos in WordPress

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

Create gallery in WordPress

تصاویری که اخیراً بارگذاری کرده اید از قبل انتخاب می شوند. اگر می خواهید عکسهای قبلاً بارگذاری شده را در آن قرار دهید ، می توانید با کلیک کردن روی آنها در کتابخانه رسانه ، آنها را نیز انتخاب کنید.

بعد از آن باید از ستون سمت چپ روی پیوند “ایجاد گالری” کلیک کنید و سپس روی دکمه “ایجاد یک گالری جدید” کلیک کنید.

Click to create a new gallery of selected photos

برای نمایش گزینه های تنظیمات گالری ، پنجره بازشو اکنون تغییر می کند.

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

Gallery settings option

بعد از آن شما باید روی دکمه insert gallery کلیک کنید و وردپرس گالری را در پست وبلاگ شما قرار می دهد.

Photos in columns and rows as a gallery in WordPress

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

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

Edit gallery settings

این همه ، شما می توانید به نوشتن پست خود ادامه دهید یا تغییرات خود را ذخیره کنید. اکنون می توانید برای دیدن عکس های خود در سطرها و ستون ها ، پیش نمایش پست را انجام دهید.

Photos in rows and column layout in WordPress

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

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

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

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

2. با استفاده از پلاگین h4> عکسها را در ستون ها و ردیف ها نمایش دهید

اولین کاری که باید انجام دهید نصب و فعال سازی گالری Envira a است > پلاگین برای جزئیات بیشتر ، به راهنمای گام به گام ما در نحوه نصب افزونه وردپرس .

گالری Envira یکی از افزونه های برتر WordPress است و قیمت گذاری آن از 19 دلار برای مجوز یک سایت.

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

Enter Envira Gallery license key

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

برای ایجاد اولین گالری به صفحه گالری Envira »افزودن موارد جدید بروید.

Upload photos to create new gallery

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

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

Photos added to Envira Gallery

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

در بخش “تعداد ستون های گالری” ، می توانید تعداد ستون های عکس های خود را انتخاب کنید.

Configure number of columns for your photos

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

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

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

Add gallery button

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

Insert gallery

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

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

Photo columns in Envira Gallery

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

Browsing photos in a post

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

اگر این مقاله را دوست داشتید ، لطفاً در کانال YouTube برای آموزش های ویدئویی وردپرس. همچنین می توانید ما را در Twitter و فیس بوک .

منبع:
https://www.wpbeginner.com/beginners-guide/how-to-display-wordpress-photos-in-columns-and-rows/.

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