نمایش تصاویر به صورت گالری ( پازلی ) بدون نیاز به افزونه

ضعیفمتوسطخوببسیار خوبعالی
( 0 رای , میانگین : 0,00 از 5)
بارگذاری...

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

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

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

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

۱: نمایش تصاویردر ستون و ردیف بدون افزونه

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

سپس تمام تصاویری را که میخواهید نمایش داده شود آپلود کنید تمامی تصاویر را در کتابخانه رسانه مشاهده خواهید کرد.

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

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

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

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

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

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

۲: نمایش تصاویر به صورت ستونی و ردیفی با استفاده از افزونه

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

هم اکنون گالری تصویر شما آماده میباشد به Envira Gallery>Add New برای ایجاد اولین گالری مراجعه کنید.

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

سپس بر روی تب config برای سفارشی کردن نمایش تصاویر خود کلیک کنید. در ضمن با استفاده از گزینه ‘Number of Gallery Columns’ شما میتوانید تعداد ستون ها را برای تصاویر خود انتخاب کنید.

شما میتوانید اندازه دقیق تصاویر را برای نمایش دادن انتخاب کنید و همچنین فاصله بین هر تصویر در ستون ها را مشخص کنید سپس میتوانید بر روی دکمه publish کلیک کرده تا گالری تصاویر در وب سایت وردپرس شما اضافه شود. اکنون شما باید پست را ویرایش کرده یا یک پست جدید ایجاد کنید. همچنین شما متوجه یک گزینه جدید‘Add Gallery’ در بالای ویرایشگر پست خواهید شد.

با کلیک بر روی این گزینه پنجره ای که نیار به ایجاد گالری میباشد باز میشود برای درج بر روی دکمه insert کلیک کنید.

اکنون کد کوتاه افزونه را به برگه مورد نظر اضافه کنید شما میتوانید تغییرات خود را ذخیره کرده و سپس از طریق پیش نمایش تصاویر خود را در ستون ها و ردیف های زیبا مشاهده کنید.

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

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



رویا مفاخر
( عضو از 6 سال قبل )
  • 263 نوشته
  • 1401 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
از اعضای بخش پشتیبانی مجموعه نوین وردپرس

نظرات کاربران

ثبت دیدگاه

چند نکته قبل از ارسال دیدگاه :
  • تمامی دیدگاه ها قبل از انتشار عمومی توسط کارشناسان سایت بررسی خواهند شد.
  • دیدگاه هایی که جنبه تبلیغاتی داشته باشند تایید نخواهند شد.
  • آدرس سایت ، مشخصات مدیریت و... در متن دیدگاه حذف خواهند شد.
  • دیدگاه هایی که به زبان انگلیسی باشند تایید نخواهند شد.
  • دیدگاه هایی که حاوی توهین ، تهدید یا... باشند تایید نخواهند شد.

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

مطالب مرتبط



آموزش افزایش سرعت admin-ajax.php در وردپرس

119
0
جاوا اسکریپت و XML ناهمزمان مجموعه‌ای از تکنیک‌های توسعه وب است که تجربه کاربری و تعامل وب سایت را افزایش می‌دهند. توسعه‌دهندگان افزونه و قالب وردپرس معمولاً از ...
جزییات بیشتر آموزش را بخوانید!

آموزش کامل و رایگان نصب و کار با قالب وودمارت (Woodmart)

4637
0
قالب وودمارت بی تردید یکی از بهترین و پرفروش ترین قالب های فروشگاهی وردپرس در چند دهه گذشته می باشد که هزاران کاربر با استفاده از آن سایت ...
جزییات بیشتر آموزش را بخوانید!

آموزش تنظیم حمل و نقل رایگان ووکامرس

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

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

657
0
بسیاری معتقدند که بهبود و رتبه‌بندی وب‌سایت در نتایج جستجو چالشی دشوار است. هر روز میلیون‌ها جستجو انجام می‌شود، اما قرار گرفتن در نتایج اولیه به دلیل رقابت ...
جزییات بیشتر آموزش را بخوانید!

نکات ضروری قبل از راه اندازی وبسایت وردپرسی

1556
0
آیا قصد راه اندازی سایت دارید؟ همانطور که می دانید، روزانه هزاران وب سایت راه اندازی می باشد. بنابراین اگر شما هم قصد دارید یک کسب و کار ...
جزییات بیشتر آموزش را بخوانید!

برای یادگیری وردپرس از کجا شروع کنیم؟ نقطه آغاز آموزش وردپرس

829
0
یکی از بهترین و ساده ترین سیستم هایی که می توانید به کمک آن انواع وب سایت را بدون هیچ گونه مهارتی ایجاد کنید، سیستم مدیریت محتوای وردپرس ...
جزییات بیشتر آموزش را بخوانید!

7 روش رفع خطای رایج هنگام خروج از سیستم در وردپرس

84
0
خطای هنگام خروج از سیستم یکی از مشکلات شایعی است که ممکن است هر کسی با آن مواجه شود. به طور معمول، این مشکل به دلیل مشکل در ...
جزییات بیشتر آموزش را بخوانید!

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

4597
10
افزونه ویرایشگر پیشرفته قالب و افزونه وردپرس | نوین وردپرس سلام خدمت نوین وردپرسی های عزیز امروز با شما هستیم با افزونه ویرایشگر پیشرفته قالب وردپرس و افزونه وردپرس  با ...
جزییات بیشتر آموزش را بخوانید!

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

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

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