Colorbox And Panel-bigtheme

ایجاد باکس ارائه مطلب با افزونه Colorbox And Panels

آیا میخواهید کاربرانتان از مطالعه مطالب در سایت شما لذت ببرند؟ آیا به دلیل داشتن محتوای ضعیف و کم کیفیت نتوانسته اید نظر کاربرانتان را جذب کنید؟ یکی از بهترین راه حل ها استفاده از باکس های زیبا برای ارائه مطالب و محتوای سایت شما است. در این مطلب به شما ایجاد باکس ارائه مطلب با افزونه Colorbox And Panels را آموزش خواهیم داد تا بتوانید نظر تمام کاربرانتان را به خود جذب کنید.

چرا با استفاده از افزونه Colorbox And Panels باکس ارائه مطلب ایجاد کنیم؟

Colorbox0 -bigtheme

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

شروع کار با افزونه

برای شروع نیاز است افزونه را نضب و فالسازی کنید، سپس وارد بخش Add New Colorbox< Colorbox Panels  شوید تا تنظیمات افزونه را پیکربندی کنیم، اول نیاز داریم تا یک عنوان برای باکس تعریف کنیم تا بتوانیم در آینده در صورت لزوم به باکس های ساخته شده دسترسی داشته باشیم.

Add Colorbox

 Colorbox1 bigtheme

Box Title:  عنوان باکس

Box Descriptions: موقعیت مکانی متنی که قرار است داخل باکس باشد

Box Icon: آیکونی که قرار است کنار باکس ها نمایش داده شود

Display Above Icon: نمایش و یا مخفی سازی آیکون

با استفاده از Add New Colorbox قادر خواهید بود تا باکس های جدید ایجاد کنید و با استفاده از Delete All میتوانید تمام باکس های ایجاد شده را حذف کنید.

Colorbox Settings

Colorbox2 bigtheme

Display Box Section Title: نمایش یا مخفی سازی عنوان باکس ها

Display Options For Title and icon: نحوه نمایش عنوان و آیکون

  • Show Box Title + Icon: نمایش هر دو
  • Show only Box Title: فقط نمایش عنوان باکس
  • Show only Icon: فقط نمایش آیکون
  • Hide Both: مخفی سازی هر دو

Title and icon position Alignment: نحوه قرار گیری آیکون و عنوان.

Enable Box Radius: باکس دارای گوشه دایره ای باشد.

Display Box Border: نمایش مرزبندی باکس

Colorbox3bigtheme

Enable Box Shadow: سایه داشتن باکس

Enable Box Same Height: یکسان بودن ارتفاع باکس ها

Enable Box Masonry/Isotope Effect: با فعال کردن این گزینه چیدمان باکس ها دارای افکت خواهد بود.

Box Styles: تعیین استایل هر باکس

Box Design Layout: مشخص کردن نحوه چیدمان باکس ها

Box Title Background Colour: مشخص کردن رنگ پس زمینه عنوان

Colorbox4bigtheme

Box Title/Icon Font Colour: انتخاب رنگ فونت عنوان و آیکون باکس

Box Description Font Colour: انتخاب رنگ پس زمینه متن داخل باکس

Description Position Alignment: موقعیت مکانی متن داخل باکس

دیگر تنظیمات

Title/Icon Font Size: مشخص سازی اندازه فونت عنوان و آیکون باکس

Description Font Size: مشخص سازی سایز فونت متن داخل باکس

Font Style/Family: مشخص سازی نوع فونت

در صورت نیاز به استفاده از سایر تنظیمات باید به نسخه ویژه ارتقاء دهید.

Colorbox Shortcode

Colorbox5bigtheme

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

Custom Css: اگر با Css آشنا هستید میتوانید بدون محدودیت باکس های خود را ویرایش کنید.

از بخش All Colorbox میتوانید تمام باکس های ایجاد شده را مشاهده و مدیریت کنید.

استفاده از باکس ها در نوشته ها و صفحات

برای این کار نیاز است که اول یک صفحه و یا یک نوشته را ایجاد کنیم و یا یکی از صفحات و مطالب را ویرایش کنید، سپس بر روی colorbox panels shortcode کلیک کنید ( بالای ویرایشگر متن)

Colorbox7bigtheme

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

Colorbox8bigtheme

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

Colorbox9-bigtheme

نمایش باکس های با کمک ابزار ها

اول نیاز است که وارد بخش ابزارک ها شویم، ابزارکی که دارای عنوان “متن” است را در سایدبار مورد نظر قرار میدهیم و کد کوتاه مربوط به باکس مورد نظرمان را در داخل بخش محتوای ابزارک قرار میدهیم.

Colorbox10bigtheme

سپس بر روی دکمه ذخیره کلیک کنید.

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

 

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

If your blog’s theme doesn’t looks interesting and it’s monotonous, then this is a good idea to use customized boxes for your articles, this solution is named Colorbox and Panels

صفحه دانلود افزونه Colorbox And Panels

همیشه و همه جا موفق باشید

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

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