آیا میخواهید کاربرانتان از مطالعه مطالب در سایت شما لذت ببرند؟ آیا به دلیل داشتن محتوای ضعیف و کم کیفیت نتوانسته اید نظر کاربرانتان را جذب کنید؟ یکی از بهترین راه حل ها استفاده از باکس های زیبا برای ارائه مطالب و محتوای سایت شما است. در این مطلب به شما ایجاد باکس ارائه مطلب با افزونه Colorbox And Panels را آموزش خواهیم داد تا بتوانید نظر تمام کاربرانتان را به خود جذب کنید.
چرا با استفاده از افزونه Colorbox And Panels باکس ارائه مطلب ایجاد کنیم؟
این افزونه محبوب دارای قابلیت شخصی سازی عالی و بسیار کاربر پسند است و با آخرین نسخه های سیستم مدیریت محتوای وردپرس سازگار است، و امکانات زیادی را برای ایجاد باکس های زیبا در اختیار شما قرار خواهد داد.
شروع کار با افزونه
برای شروع نیاز است افزونه را نضب و فالسازی کنید، سپس وارد بخش Add New Colorbox< Colorbox Panels شوید تا تنظیمات افزونه را پیکربندی کنیم، اول نیاز داریم تا یک عنوان برای باکس تعریف کنیم تا بتوانیم در آینده در صورت لزوم به باکس های ساخته شده دسترسی داشته باشیم.
Add Colorbox
Box Title: عنوان باکس
Box Descriptions: موقعیت مکانی متنی که قرار است داخل باکس باشد
Box Icon: آیکونی که قرار است کنار باکس ها نمایش داده شود
Display Above Icon: نمایش و یا مخفی سازی آیکون
با استفاده از Add New Colorbox قادر خواهید بود تا باکس های جدید ایجاد کنید و با استفاده از Delete All میتوانید تمام باکس های ایجاد شده را حذف کنید.
Colorbox Settings
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: نمایش مرزبندی باکس
Enable Box Shadow: سایه داشتن باکس
Enable Box Same Height: یکسان بودن ارتفاع باکس ها
Enable Box Masonry/Isotope Effect: با فعال کردن این گزینه چیدمان باکس ها دارای افکت خواهد بود.
Box Styles: تعیین استایل هر باکس
Box Design Layout: مشخص کردن نحوه چیدمان باکس ها
Box Title Background Colour: مشخص کردن رنگ پس زمینه عنوان
Box Title/Icon Font Colour: انتخاب رنگ فونت عنوان و آیکون باکس
Box Description Font Colour: انتخاب رنگ پس زمینه متن داخل باکس
Description Position Alignment: موقعیت مکانی متن داخل باکس
دیگر تنظیمات
Title/Icon Font Size: مشخص سازی اندازه فونت عنوان و آیکون باکس
Description Font Size: مشخص سازی سایز فونت متن داخل باکس
Font Style/Family: مشخص سازی نوع فونت
در صورت نیاز به استفاده از سایر تنظیمات باید به نسخه ویژه ارتقاء دهید.
Colorbox Shortcode
در فیلد بالایی شما میتوانید با استفاده از کد کوتاه، از باکس ها در داخل مطالب استفاده کنید.
Custom Css: اگر با Css آشنا هستید میتوانید بدون محدودیت باکس های خود را ویرایش کنید.
از بخش All Colorbox میتوانید تمام باکس های ایجاد شده را مشاهده و مدیریت کنید.
استفاده از باکس ها در نوشته ها و صفحات
برای این کار نیاز است که اول یک صفحه و یا یک نوشته را ایجاد کنیم و یا یکی از صفحات و مطالب را ویرایش کنید، سپس بر روی colorbox panels shortcode کلیک کنید ( بالای ویرایشگر متن)
سپس یک پاپ آپ ظاهر خواهد شد که میتوانیم با استفاده از آن باکس هایی را که ایجاد کردیم را در مطلب وارد کنیم، بعد از انتخاب باکس مورد نظر بر روی Insert Colorbox shortcode کلیک کنید تا کد کوتاه مربوط به باکس در ویرایشگر متن درج شود.
اکنون میتوانید باکس ها را در سایت خود مشاهده کنید.
نمایش باکس های با کمک ابزار ها
اول نیاز است که وارد بخش ابزارک ها شویم، ابزارکی که دارای عنوان “متن” است را در سایدبار مورد نظر قرار میدهیم و کد کوتاه مربوط به باکس مورد نظرمان را در داخل بخش محتوای ابزارک قرار میدهیم.
سپس بر روی دکمه ذخیره کلیک کنید.
اکنون میتوانید ابزارک را در سایدبار و یا فوتر سایت خود مشاهده کنید.
دقت داشته باشید که باید عرض باکس ها را طوری تنظیم کنید که دارای زیبایی کافی در قالب شما باشد.
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
همیشه و همه جا موفق باشید