معرفی

خارج از جعبه جوملا! با Bootstrap نسخه 2 عرضه می شود اما آخرین نسخه Bootsrap نسخه 4 است. همانطور که ما جوملا را دوست داریم! و بوت استرپ! ما می خواستیم آخرین نسخه های هر دو محصول را با هم بیاوریم. بنابراین ما این قالب را ساختیم. این قالب ظاهر و احساس معمولی Bootstrap 4 را به جوملا شما اضافه می کند! 3 سایت. اجزا و ماژول های مختلف در قالب یکپارچه شده اند. بنابراین نیازی به ایجاد override ندارید. فقط قالب را نصب کنید و آن را امتحان کنید.

چگونه کار می کند و جوملا را پشتیبانی می کند! عناصر رابط کاربری

این قالب بر اساس ظاهر و احساس استاندارد بوت استرپ 4 است و از لغو HTML برای جوملا استفاده می کند! عناصر رابط کاربر در صورت امکان برای فرم‌ها، کمی جاوا اسکریپت اضافه کردیم تا کلاس‌های CSS از دست رفته را اضافه کنیم تا از هک‌های هسته جلوگیری کنیم. عناصر رابط کاربری زیر در حال حاضر پشتیبانی می شوند: کامپوننت ها:

• com_content --> مقالات، وبلاگ ها، مقالات ویژه
• com_contact --> مخاطبین
• com_finder --> جستجوی هوشمند
• com_tags --> برچسب ها
• com_users --> ماژول های کاربران:
• mod_breadcrumbs --> Broadcrumb Navigation
• mod_finder --> جستجوی هوشمند
• mod_menu --> منوی پیمایش. پسوندهای کلاس منو را برای گزینه های یک ظاهر طراحی ارائه می دهد (مثلاً "ستون انعطاف پذیر" برای طرح بندی های عمودی). برای سهولت استفاده، طرح‌بندی‌های ماژول از پیش تعریف‌شده در دسترس هستند
  • نوار ناوبری
  • قرص
  • زبانه ها

پلاگین ها:

• plg_content_vote --> سیستم رای گیری و رتبه بندی جوملا
• plg_content_pagenavigation --> افزونه محتوای جوملا برای نمایش دکمه های "قبلی" و "بعدی" در زیر مقالات
• و بسیاری از عناصر رابط کاربری دیگر مانند پیام‌های سیستم، صفحه‌بندی، ReadMore و غیره. همچنین می‌توانید جزئیات را در اینجا بررسی کنید: https://github.com/sniggle/joomla-bootstrap4-template/tree/master/bootstrap4/html اگر می‌خواهید مؤلفه‌ها، ماژول‌ها یا سایر عناصر رابط کاربری که با بوت استرپ 4 سازگار نیستند، وجود ندارد، فقط به ما اطلاع دهید. سپس می‌توانیم آنها را اضافه کرده و نسخه جدیدی از الگو را ارائه کنیم.

پارامترهای قالب

این الگو برخی از پارامترها را برای پیکربندی آن بر اساس نیاز شما ارائه می دهد. می‌توانید آن را در تنظیمات «پیشرفته» در قالب الگو پیکربندی کنید:

• توضیحات: متن اختیاری به عنوان عنوان فرعی نشان داده شده است
• Favicon: Favicon خود را برای وب سایت خود تنظیم کنید
• فایل CSS سفارشی: فایل CSS خود را برای طراحی بیشتر ادغام کنید
• چیدمان سیال: از چیدمان ظرف مایع Bootstraps (عرض تمام صفحه) یا استاتیک (نقاط شکست ثابت بسته به اندازه پنجره) استفاده کنید. (هر دو پاسخگو هستند)

پشتیبانی از زبان

در حال حاضر زبان‌های زیر برای باطن جوملا در این الگو پشتیبانی می‌شوند:

• هلندی (nl-NL)
• انگلیسی (en-GB)
• آلمانی (de-DE)
• برزیل پرتغالی (pt-BR)
• روسی (ru-RU)
• اسلواکی (sk-SK)
• اسپانیایی (es-ES)

☀️ اگر می خواهید در قالب مشارکت داشته باشید، با خیال راحت زبان های بیشتری را اضافه کنید! دو فایل با تقریباً 22 ترجمه مورد نیاز است. می توانید پروژه را فورک کنید و یک درخواست کشش ایجاد کنید یا فقط یک بلیط با پیوست های فایل ایجاد کنید (فقط آن را بکشید و در قسمت متن رها کنید). نقطه شروع برای زبان های جدید: https://github.com/sniggle/joomla-bootstrap4-template/tree/master/bootstrap4/language/en-GB

سازگاری با جی کوئری

حداقل نسخه jQuery مورد نیاز برای Bootstrap 4 1.9.1 است. جوملا! 3.8 با jQuery v1.12.4 عرضه می شود. بنابراین لازم نیست نگران تداخل نسخه jQuery باشید. این قالب فقط از جوملا استفاده می کند! جی کوئری. برای کسانی که به جزئیات علاقه دارند: فقط وابستگی های جاوا اسکریپت Bootstrap 4 را در اینجا بررسی کنید: https://getbootstrap.com/docs/4.6/getting-started/javascript/#dependencies

بوت استرپ 2 و بوت استرپ 4 در یک سایت؟

به عنوان جوملا! 3 با Bootstrap 2.3.2 ارسال می شود، به طور خودکار چارچوب بوت استرپ را در صورت نیاز بارگیری می کند. فایل‌های جاوا اسکریپت Bootstrap 2 و Bootstrap 4 که همزمان بارگذاری می‌شوند، می‌توانند منجر به رفتارهای عجیب و غریب در رابط کاربری شوند. (مثلاً کرکره ها به درستی بارگیری نمی شوند یا بعد از چند ثانیه و غیره) برای جلوگیری از این تضاد، ما یک پلاگین کوچک برای غیرفعال کردن جوملا ایجاد کردیم! نسخه بوت استرپ رابط کاربری در قسمت جلویی سایت شما. فقط آن را از اینجا دریافت کنید https://github.com/sniggle/joomla-disable-jui-bootstrap و آن را با قالب نصب کنید تا بهترین تجربه کاربری را داشته باشید.

نسخه ی نمایشی این قالب

شما فقط می خواهید نگاهی بیندازید که جوملا چگونه است! قالب Boostrap4 کار می کند؟ فقط به https://www.theaterverein-mastershausen.de/ مراجعه کنید . سایت از قالب ما استفاده می کند.

آخرین نسخه را دانلود کنید

همیشه می‌توانید آخرین نسخه کامپایل‌شده الگو را در اینجا بیابید: https://github.com/sniggle/joomla-bootstrap4-template/releases همچنین می‌توانید پوشه «bootstrap» مخزن را دانلود کنید، آن را فشرده و نصب کنید. در سایت خود برای دریافت آخرین تعهدات.

اجازه دهید این الگوی Bootstrap 4 را بهبود دهیم

ما برای هر نوع بازخورد و پشتیبانی خوشحالیم:

• آیا ما جوملا را از دست دادیم! جزء، ماژول یا طرح؟
• آیا ایده های بهبودی در موارد لغو موجود دارید؟

☀️ شما می توانید با ایجاد یک مشکل یا درخواست کشش در اینجا در github برای پشتیبانی از توسعه این الگو مشارکت کنید! :-)

نسخه خود را از جوملا بسازید! قالب بوت استرپ 4

قالب بسیار نزدیک به جوملا است! رفتار استاندارد 3 استاندارد و بوت استرپ 4. همچنین می توانید از آن به عنوان نقطه شروع برای قالب بوت استرپ 4 خود استفاده کنید. فقط کافی است از لغوهای موجود استفاده کنید و index.php خود را مطابق با ایده های طراحی خود تغییر دهید. :-)

لایسنس این جوملا! قالب

این قالب بر اساس جوملا معروف است! 3 قالب به نام Protostar. ما فقط اطلاعات مجوز را در همه فایل‌های منبع نگه می‌داریم و یک مجوز سازگار را در اینجا در github انتخاب کردیم. این الگو شامل کتابخانه های زیر است

• Bootstrap نسخه 4.6.0 ( https://getbootstrap.com )
• فونت Awesome 4.7.0 توسط @davegandy - http://fontawesome.io
• Popper.js 1.16.1 - https://popper.js.org/

Fontawesome 4.7 در مقابل Fontawesome 5

به تازگی Fontawesome 5 منتشر شده است. بسیاری از فونت‌های جدید و همچنین سبک‌های فونت (مارک‌ها، ثابت، نور معمولی) را ارائه می‌دهد: https://fontawesome.com/how-to-use/upgrading-from-4 متأسفانه این تغییر منجر به نام‌های کلاس CSS جدید شد (مثلاً دور برای معمولی). ارتقاء قالب Bootstrap 4 به Fontawesome 5 به این معنی است که پیشوند قدیمی "fa" دیگر در میان مدت کار نمی کند. در حال حاضر توسعه جوملا 4 برای Bootstrap 4 + Fontawesome 4.7 در حال ضبط است: https://github.com/joomla/joomla-cms/blob/4.0-dev/templates/cassiopeia/css/template.min.css. انتقال به Fontawesome 5 در حال حاضر باعث می‌شود همه سایت‌هایی که از الگوی ما استفاده می‌کنند، دوباره برای بهره‌مندی از استایل استاندارد جوملا 4.x هنگام بازگشت به الگوی نزدیک‌تر به استاندارد جوملا، دشوار باشد. بنابراین در حال حاضر ما به Fontawesome 5 مهاجرت نمی کنیم. برای روشن شدن این سوال یک مشکل در پروژه cms جوملا وجود دارد: