سبد خرید
0

هیچ محصولی در سبد خرید نیست.

استفاده از Bootstrap 4.0 در جوملای ۴٫۰

هماهنگی جوملای 4.0 با بوتسترپ 5

خوشبخانه در زمانی که این مقاله نوشته میشود نسخه دوم آلفا از ۴٫۰ و فوق حرفه ای جوملا با تغییرات اساسی نسبت به نسخه های قبلی خود منتشر گردیده است. در ادامه مقالاتی که درباره شناخت بیشتر پیرامون تغییرات هسته ای در جوملای ۴٫۰ در سایت به نگارش درآمده است ؛ در این مقاله قصد داریم به بررسی کتابخانه مورد استفاده جوملای ۴٫۰ برای طراحی و دیراین قالب و اجزای مختلف سایت بپردازیم.

همانطور که از عنوان مقاله کاملا مشخص هست قصد داریم تا ببنیم جوملای ۴٫۰ برای طراحی هرچه بهتر قالب و پوسته با چه فناوریهایی هماهنگی های لازم را داراست!؟

قبل از هر چیز بهتر است که بدانیم Bootstrap چیست؟

Bootstrap یا بوتسترپ یک فریم ورک یا کتابخانه ای شامل فایل های CSS – HTML – JS و…است که در طراحی صفحات وب با طراحی و استانداردهای مورد پسند و مورد پذیرش کلیه مرورگرهای رایج و همچنین موتورهای جستجوگر از آن استفاده می شود. در اصل این فریم ورک آماده این قابلیت را به طراحان وب میدهد تا بتوانند در طراحی سایت های خود از یک سری ابزار و عناصر آماده و حرفه ای برای طراحی و دیزاین هرچه بهتر صفحات وب سایت داینامیک و یا استاتیک خود بهره ببرند.

سایت رسمی برای دریافت آخرین نسخه از این فریم ورک در آدرس https://getbootstrap.com در دسترس می باشد.

استفاده از Bootstrap 4.0 در جوملا ۴٫۰ | Joomla 4.0 and Bootstrap 4.0 Integration

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

پست پیشنهادی :  حل مشکل لیست کشویی یا Drop-down در Bootstrap فارسی

جوملا چه هماهنگی ای با Bootstrap دارد؟

جوملا تا سری سوم خود از نسخه بوسترپ ۲٫۰ – Bootstrap 2.0 بهره مند بوده است. اما با رونمایی از جوملای ۴٫۰ و همزمان با تحولات بسیار گسترده و اساسی در این هسته قدرتمند ، بروزرسانی های فراوانی در آن رخ داده که یکی از نکات برجسته استفاده و هماهنگی کامل جوملای ۴٫۰ از کتاخبانه بوتسترپ ۴٫۰ می باشد.

همانطور که میدانید جوملا در سری سوم خود در بخش مدیریت از قالب ISIS استفاده میکرد که این قالب با نسخه بوتسترپ ۲٫۰ هماهنگ بوده اما در قالب جوملای ۴٫۰ قالب مدیریت با نام Cassiopeia و بر اساس Bootstrap 4 می باشد.

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

استفاده از Bootstrap 4.0 در جوملا ۴٫۰ | Joomla 4.0 and Bootstrap 4.0 Integration

بر اساس این فریم ورک میتوانید صفحات خود را بصورت ۱۰۰% گریدبندی و ریسپانسیو پیاده سازی کنید.همچنین میتوانید از چند ده عنصر مختلف بصورت بهینه و استاندارد استفاده نمایید. در صورت نیاز به بررسی مستندات بیشتر در زمینه بوتسترپ به دایرکتوری  Bootstrap 4 documentation مراجعه نمایید.

نمایی از Grid بندی و استانداردهای طراحی مناسب برای ابزارهای نمایش سایت در تصویر زیر قابل مشاهده می باشد.

استفاده از Bootstrap 4.0 در جوملا ۴٫۰ | Joomla 4.0 and Bootstrap 4.0 Integration

همچنین برنامه نویسان و توسعه دهندگان وب در طراحی افزونه ها و الحاقات خود براحتی میتوانند از این کتابخانه استفاده کنند. بطور مثال برای فراخوانی دکمه ها ، پیام ها، tooltips ، Modal ها و… از این Element ها بهره میگیرند.

پست پیشنهادی :  رفع خطای مشکل The 500 Internal Server Error در جوملا

استفاده از Bootstrap 4.0 در جوملا ۴٫۰ | Joomla 4.0 and Bootstrap 4.0 Integration

 

 

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

آواتار
301

از سال 1388 وارد دنیای شگفت انگیز Open Source شدم. دوست دارم که تجارتی که در این مدت آموختم رو در اختیار دوستان خودم قرار بدم.

ارسال دیدگاه

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

توسط
تومان