آموزش نصب و استفاده از افزونه FooBox Media Lightbox

نحوه ی نصب و بهره گیری از افزونه ی FooBox Media Lightbox

در صورتی که مایلید یک افزونه ی لایت باکس به سایت WordPress خود اضافه کنید، توصیه ی ما بر دانلود و نصب FooBox Media Lightboxمی باشد. تعداد ویژگی و قابلیت کلیدی در این پلاگین وجود دارد که آن را از دیگر لایت باکس های عرضه شده، متمایز می سازد. در گام نخست باید گفت که FooBox کاملا واکنش گرا است، بدین معنا که بدون نقص در صفحه نمایش موبایل نیز نمایش داده می شود. علاوه بر آن، یک قابلیت درون ساخته دارد که امکان به اشتراک گذاری را به کاربران می دهد. در این آموزش نحوه ی نصب و بهره گیری از تمامی ویژگی های این پلاگین را شرح خواهیم داد.
مقاله ی حاضر تمامی موضوعات زیر را پوشش می دهد:

1. نحوه ی نصب افزونه ی FooBox Media Lightbox
2. نحوه ی پیکربندی و تنظیم سفارشی FooBox
3. پیکربندی امکان درون ساخته به اشتراک گذاری در افزونه ی FooBox
4. کارایی افزونه ی FooBox Media Lightbox در دستگاه های مختلف (واکنش گرایی)

نحوه ی نصب افزونه ی FooBox Media Lightbox

FooBox یک افزونه ی غیر رایگان می باشد، بنابراین امکان دریافت مستقیم آن از رابط کاربری یا صفحه ی مدیریت سایت (Admin) وجود ندارد. ابتدا بایستی پلاگین مزبور را دانلود نمایید. حال جهت افزودن آن به سایت به Plugins ->Add New بروید.

بر روی لینک Upload کلیک نمایید.

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

زمانی که صفحه بارگذاری می شود، لینک Activate Plugin را کلیک نمایید.

در پایان بایستی افزونه ی نصب شده را فعال سازی نمایید. برای این منظور به Settings ->Foobox مراجعه کنید. در آن صفحه، شماره ی مجوز (license key) برای فعال سازی افزونه را در فیلد FooBox License Key جایگذاری کنید و سپس دکمه ی Validate را فشار دهید. در صورتی که شماره ی معتبر را وارد کرده باشید، یک تیک سبز رنگ به نمایش در می آید که نشانگر اجرای موفقیت آمیز فعال سازی می باشد.

نحوه ی پیکربندی و سفارشی سازی افزونه

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

تمامی این تنظیمات را می توان از طریق تب Look &Feel انجام داد. کلیه ی گزینه ها و تنظیماتی که امکان دستکاری آن وجود دارد در زیر لیست شده است:
Theme – یکی از دو نوع پوسته ی حاضر را انتخاب کنید –Rounded (پوسته ی با گوشه های گرد)، Metro (پوسته هایی با گوشه های مربعی شکل).
Colour Scheme –با انتخاب یکی از پنج طرح رنگی (رنگ بندی) موجود ظاهر لایت باکس خود را با دیزاین سایت هماهنگ نمایید.
Icon Set- آیکون های دلخواه را برای پیمایش تصاویر (image navigation) انتخاب کنید.
Loader Icon – آیکونی که در زمان بارگذاری تصویر نمایش داده می شود را انتخاب کنید.
Show FooBox Captions –تعیین کنید آیا caption داخل FooBox نمایش داده شود یا خیر.
Force Caption To Bottom –تمامی caption ها در پایین صفحه نمایش داده شوند.
Show Captions On Hover –caption (توضیح درباره ی تصویر) تنها زمانی که اشاره گر موس بر روی آن قرار می گیرد، نمایش داده شود.
Override Caption Title –مشخص نمایید عنوان لایت باکس (FooBox title) از کجا گرفته شود.
Override Caption Description –مشخص نمایید شرح FooBox از کجا گرفته شود.
Prettify Ugly Captions –با این گزینه می توان caption تصاویری را که عنوان ندارند، ویرایش کرد. به عنوان مثال، پس از اعمال این گزینهimage-showing-something-021 به "Image Showing Something" تبدیل می شود.
بسته به تنظیمات انتخابی، ممکن است FooBox ظاهری شبیه به نمونه ی زیر داشته باشد:

یا مشابه نمونه ی زیر باشد:

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

پیکربندی امکان درون ساخته ی به اشتراک گذاری در افزونه ی FooBox

به منظور فعال سازی امکان درون ساخته ی social sharing در FooBox، به تب Social Icons در صفحه ی پیکربندی افزونه مراجعه کرده و چک باکس Social Icons Enabled را با کلیک بر روی آن تیک دار نمایید.

حال به محض اینکه کاربران و بازدیدکنندگان محتویات لایت باکس را باز می کنند، FooBox یک مجموعه آیکون ویژه ی به اشتراک گذاری محتوا (sharing icons) برای بازدیدکنندگان و کاربران سایت ارائه می کند. می توان به وسیله ی تنظیمات فهرست شده در زیر رفتار این social bar را مدیریت کرد:
Share Item Directly –با این گزینه می توان مشخص کرد آیا تصویری که کاربر بر روی آن کلیک کرده به اشتراک گذاشته شود یا خیر.
Show Icons On Hover –تنها زمانی که کاربر اشاره گر موس را بر روی تصویر معلق نگه می دارد یا از روی آن می گذرد، آیکون های به اشتراک گذاری محتوا را نمایش دهد.
Title When Sharing –انتخاب کنید کدام بخش پست/صفحه عنوان در آن نمایش داده شود.
Vertical Position –با این گزینه می توان آیکون ها را به صورت عمودی ترازبندی کرد.
Horizontal Position- با این option می توان آیکون های به اشتراک گذاری را به صورت افقی نمایش داد (ترازبندی کرد).
Stack Icons –اگر در تنظیمات مشخص کرده اید که آیکون های به اشتراک گذاری در سمت چپ بالای صفحه و یا سمت راست بالای صفحه نمایش داده شود، در آن صورت می توانید با تیک دار کردن این فیلد آیکون ها را به صورت پشته (یکی بر روی دیگری) نمایش دهید.
Networks –در این بخش لیستی از شبکه های اجتماعی که می توانید از طریق آن ها محتویات را به اشتراک بگذارید، مشاهده می کنید. چک باکس آن شبکه های اجتماعی که می خواهید استفاده کنید را تیک دار نمایید. تنظیمات پس از آن مربوط به شبکه های انتخابی می باشند.

قابلیت واکنش گرایی و responsive بودن افزونه ی FooBox (foobox در موبایل)

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