گالری عکس فوق حرفه ای در وردپرس با Photo Gallery by Supsystic

گالری عکس حرفه ای در وردپرس

اضافه شدن ویدئوی آموزشی در تاریخ ۲۰ تیر ۱۳۹۶
امروز قرار است شما عزیزان همیار وردپرس را با افزونه ای آشنا کنیم که در ساخت و ایجاد گالری تصاویر بسیار حرفه ای می باشد.
با افزونه ی گالری تصاویر فوق حرفه ای Photo Gallery by Supsystic می توانید گالری عکس حرفه ای در وردپرس را متفاوت با استایل های مدرن ایجاد کنید.
افزونه های حرفه ای همانند این افزونه مثل همیشه یک مشکل را در بر دارند آن هم رایگان نبودن همه ی بخش ها است. این افزونه نیز همانند افزونه های مشابه دیگر دارای بخش پرمیوم می باشد که موجب محدودیت در استفاده ی ما می شود.
اما در بخش رایگان هم بصورت خیلی حرفه ای عمل کرده است و دارای المان ها و بخش های رایگان زیادی می باشد.

گالری عکس حرفه ای در وردپرس با Photo Gallery by Supsystic

این افزونه بیش از ۶۰۰۰۰ نصب فعال را در وردپرس از آن خود کرده است.

دو امکان عالی با محدودیت استفاده

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

شروع کار

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

new gallery- گالری عکس حرفه ای در وردپرس

بر روی گزینه ی New gallery کلیک کنید تا اولین گالری تصویر خودمان را ایجاد کنیم.

new gallery - گالری عکس حرفه ای در وردپرس

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

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

گالری تصاویر شما آماده است

gallery settings - گالری عکس حرفه ای در وردپرس

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

معرفی کامل هر بخش

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

ابتدا همان طور که توضیح داده شود برای افزودن تصاویر بر روی گزینه ی Add Image کلیک کنید.

choose -گالری عکس حرفه ای در وردپرس

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

choose image

برای ادامه ی کار ما بر روی بخش اول کلیک می کنیم.

choose image - گالری عکس حرفه ای در وردپرس

در این صفحه از رسانه تصاویر خودمان را انتخاب می کنیم و تغیرات را ذخیره میکنیم.

galleries - گالری عکس حرفه ای در وردپرس

بعد از آن یک پیش نمایش کامل را از تصاویر انتخاب شده مشاهده می کنید که می توانید برای هر تصویر تنظیمات خاصی را انجام دهید که به معرفی کامل همه ی آن ها می پردازیم…

تب Caption

caption - گالری عکس حرفه ای در وردپرس

از این تب می توانید یک متن برای تصویر خود قرار دهید تا وقتی کاربر با مأوس بر روی آن رفت آن متن نمایش داده شود.

تب Caption effect

caption effect - گالری عکس حرفه ای در وردپرس

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

select overlay effect - گالری عکس حرفه ای در وردپرس

که می توانید افکت مورد نظر برای caption را تعیین کنی تا زمانی که کاربر با مأوس بر روی تصویر رفت، متن مورد نظر بصورت انیمیشنی برای او به نمایش در آید.

تب SEO

seo-گالری عکس حرفه ای در وردپرس

از این تب هم می توانید یک متن توضیح برای تصویر خود داشته باشید(این متن به کاربر نمایش داده نمی شود).

تب Link

link-گالری عکس حرفه ای در وردپرس

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

سه تب بعدی

category-گالری عکس حرفه ای در وردپرس

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

تب Crop

crop- گالری عکس حرفه ای در وردپرس

برش موقعیتی تصویر را می توانید تعیین کنید.

تب Replace image

replace image - گالری عکس حرفه ای در وردپرس

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

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

تنظیمات اصلی

حال بر روی تب Main کلیک کنید.

general settings - گالری عکس حرفه ای در وردپرس

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

Gallery Type

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

گزینه های بعدی

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

Caption

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

caption - گالری عکس حرفه ای در وردپرس

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

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

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

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

بخش های بعدی

posts - گالری عکس حرفه ای در وردپرس

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

نمایش خروجی

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

result - گالری عکس حرفه ای در وردپرس

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

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

add gallery - گالری عکس حرفه ای در وردپرس

همانند تصویر بالا شورت کد را در یک نوشته ی جدید وارد کردیم، حال خروجی کار را مشاهده میکنیم:

result - گالری عکس حرفه ای در وردپرس

موفق باشید…

ویدئوی آموزشی

دانلود ویدئوی آموزشی

ویدئوی آموزشی

دانلود افزونه Photo Gallery by Supsystic

دانلود صفحه افزونه

راه آسان‌تری برای ارتباط با کاربران‌مان پیدا کرده‌ایم :) کانال تلگرام همیار وردپرس

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

۲۱۶,۶۸۶ نفر

پاسخ دهید

ارسال دیدگاه به معنی این است که شما ابتدا قوانین ارسال دیدگاه را مطالعه کرده‌اید و با آن موافق هستید.

دیدگاه‌های این نوشته جدید شاخص

  1. سلام
    ممنون از آموزش های خوبتون
    هیچ راهی نیست تو این گالری بشه متن next , previous, close را برای پاپ آپ برداشت ؟

    من سعی کردم از فایل default.po یا حتی یکی از فایل های ترجمه موجود مثل زبان عربی ترجمه این کلمات را تغییر بدم ولی عجیب اینجاست که تغییری روی متن این دکمه ها به وجود نمیاد !!

    میشه راهنمایی کنید

  2. با سلام

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

    تا با کلیک بر روی تصاویر بجای باز شدن تصویر وارد بشوند تو اون پیوند

    لطفا جواب رو به ایمیلم بفرستید

    alibigham3095@gmail.com

    • 8 ماه عضو همیار وردپرس

      سلام
      در قسمت تنظیمات هر تصویر برید و در تب Link لینک مورد نظرتون رو وارد کنید.
      موفق باشید…

  3. سلام چطوری میتونم تصاویر رو دسته بنده کنم که صفحه شلوغ نشه ؟؟؟

    داخل قابلیت هاش نوشتین که میشه

    • 8 ماه عضو همیار وردپرس

      سلام
      بله درسته میشه با این افزونه چنین کاری کرد اما مربوط به بخش پرمیوم هست.
      در بالا هم توضیح دادیم که ۳ تب آخر تماما مربوط به بخش پرمیوم هست.

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

    • 8 ماه عضو همیار وردپرس

      سلام
      طبق ویدئو آموزشی مراحل رو انجام بدید مشکلتون رفع میشه احتمالا!

  5. 6 ماه عضو همیار وردپرس

    سلام
    خسته نباشید
    این گالری عالیه تنها ایرادی که داره اینه که وقتی تو گالری عکس ها رو باز میکنی رو کلمه next یا previous و همینطور ایکون های بعدی و قبلی نوشته های سبز رنگی با همین عناوینمیفته رو همونا که کل کار رو خراب میکنه. اگه کمکم کنید حلش کنم ممنون میشم .

  6. یه گالری نیست تجاری درش تخیل نباشه

  7. 1 سال عضو همیار وردپرس

    سلام تو وردپرس چرا افزونه ای نیست که مثل بخش تصاویر سایت های خبری نظیر تسنیم یا ایرانا رو درست کنه

مطالب زیر را حتما بخوانید

محبوبترین‌های آموزش آنلاین

مشاهده همه آموزش‌های آنلاین