09108670910 09199912950

ایجاد گالری تصاویر با Photo Gallery by Supsystic

خانه / وردپرس / آموزش وردپرس / ایجاد گالری تصاویر با Photo Gallery by Supsystic
gallery

ایجاد گالری تصاویر با Photo Gallery by Supsystic

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

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

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

ایجاد گالری با Photo Gallery by Supsystic

banner

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

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

menu item

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

gallery Name

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

the new Gallery

اکنون میتوانید تصاویر خود را در بخش add image انتخاب نمایید و آنها را به گالری اضافه نمایید. کافیست تا شورت کد ایجاد شده را در مکان مورد نظر خود اضافه نمایید تا گالری در آن مطلب و یا صفحه نمایان شود.

معرفی بخش های افزونه

شما با استفاده از ستون سمت راست میتوانید تنظیمات را پیکربندی نمایید و در ستون سمت چپ میتوانید تغییرات را مشاهده نمایید. اکنون بر روی گزینه add image کلیک نمایید.

import-imaged

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

برای ادامه بر روی گزینه اول کلیک نمایید.

add-images

در این صفحه تصاویر خود را انتخاب نمایید و بر روی دکمه choose image کلیک نمایید.

all-images

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

بخش Caption

caption

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

بخش Caption effect

caption-effect

در این بخش میتوانید یک افکت برای نحوه نمایش Caption مشخص نمایید.

 

بخش SEO

seo

با استفاده از این بخش میتوانید توضیحاتی را برای تصویر مشخص نمایید، این توضیح برای موتور های جستجو کاربرد خواهد داشت و سئو سایت شما را ارتقاء خواهد داد.

بخش Link

link

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

دقت داشته باشید که تب های Video, categories, linked images مخصوص نسخه ویژه است.

بخش Crop

crop

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

بخش Replace image

replace-image

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

اکنون تنظیمات را ذخیره نمایید و وارد تنظیمات افزونه شوید.

تنظیمات

وارد تب Main شوید، در تصویر زیر مشاهده می نمایید که میتوانید تنظیمات اصلی افزونه را در این بخش پیکربندی نمایید.

main

 

Gallery Type

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

caption

بخش caption هم همانطور که تصور میکنید، مربوط به برچسب تصاویر است که میتوانید آن را با استفاده از این بخش به طور کامل سفارشی سازی نمایید.

caption-settings

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

بخش های بعدی نیز مربوط به نسخه ویژه است و نمیتوان به آنها دسترسی داشت.

نحوه نمایش خروجی

اکنون باید نتیجه را مشاهده نمایید.

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

use-shortcode

همانطور که مشاهده می نمایید من شورت کد را در یک مطلب قرار داده ام، اکنون میتوانید آن را در خروجی مشاهده نمایید:

gallery-preview

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

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

یک دیدگاه

  1. کنکور

    عاشق این وبسایت شدم من.عالی هستید شما

پاسخ دهید

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