Là một nhà phát triển tiện ích mở rộng, tôi vẫn bối rối không biết phiên bản Bootstrap nào sẽ được sử dụng trong tiện ích mở rộng sắp tới của mình.
Chọn gì?
Câu trả lời:
Joomla 3.x cung cấp các tệp cho Bootstrap 2 và do khả năng tương thích ngược, điều này không có khả năng thay đổi trong loạt Joomla 3.x.
Điều quan trọng cần biết là Bootstrap bao gồm hai lĩnh vực chính:
CSS
Joomla có các tệp đó bao gồm cả tệp LESS nguồn và tệp CSS được biên dịch. Bản thân Joomla không tải bất kỳ tệp CSS Bootstrap nào. Đó là tùy thuộc vào mẫu để quyết định xem nó muốn sử dụng các tệp đó hay gửi cùng với các tệp CSS riêng.
Trong phần phụ trợ, mẫu hoạt động thường là "Isis", phần lớn sử dụng các tệp Bootstrap 2. Do đó, việc sử dụng kiểu Bootstrap 2 trong phần phụ trợ mở rộng của bạn là điều hợp lý. Đặc biệt là vì không có nhiều mẫu quản trị thay thế nào
Tuy nhiên, ở phía trước, đây là một chủ đề hoàn toàn khác. Bạn không biết người dùng sẽ sử dụng mẫu nào và dựa trên khuôn khổ nào. Cá nhân tôi quyết định sử dụng kiểu dáng Bootstrap 2 ở đây cũng vì lý do duy nhất là đầu ra cốt lõi cũng sử dụng kiểu đó. Vì vậy, rất có thể một mẫu sẽ hỗ trợ các lớp đó. Nếu không, nó cung cấp một ghi đè cho đầu ra. Nếu nó sử dụng ghi đè cho lõi, dù sao thì tiện ích mở rộng của bạn cũng sẽ cần ghi đè.
Tất nhiên bạn cũng có thể thêm hỗ trợ cho Bootstrap 3, nhưng điều đó có nghĩa là tăng gấp đôi công việc của bạn. Tuy nhiên tôi sẽ không bao giờ chỉ cung cấp bố cục Bootstrap 3 mà không có tùy chọn để tải Bootstrap 2.
JavaScript
Joomla có các phương thức để tải mã JavaScript Bootstrap, như cho các chú giải công cụ hoặc tab. Mã này có thể và nên được sử dụng bởi các phần mở rộng. Chỉ cần đảm bảo tải chúng trong bố cục của bạn để chúng có thể được ghi đè bởi các mẫu nếu cần.
Như bạn đã chỉ ra, Joomla 3.x sẽ không sử dụng Bootstrap 3.x, do đó, nếu bạn quyết định sử dụng Bootstrap 3, thì người dùng sẽ tải 2 phiên bản Bootstrap có thể gây xung đột và cũng sẽ giảm tốc độ tải trang.
Những gì bạn có thể làm là viết một tập lệnh nhỏ để phát hiện phiên bản Bootstrap nào đang cung cấp năng lượng cho mẫu và sử dụng phiên bản đó để tạo kiểu cho tiện ích mở rộng của bạn. Tôi nghĩ rằng NoNumber hoặc Akeeba cung cấp khả năng chọn bwteen phiên bản Bootstrap nào bạn muốn sử dụng. Tôi không thể nhớ điều đó nhưng có lẽ đáng để xem cách họ làm điều đó.
Nhưng thay vì sử dụng Bootstrap để tạo kiểu cho tiện ích mở rộng của bạn, tại sao bạn không thực hiện một số kiểu tùy chỉnh như một tùy chọn khác? Không phải tất cả các mẫu đều dựa trên Bootstrap.
Hy vọng điều này cung cấp cho bạn một cái nhìn sâu sắc.
Trong các tiện ích mở rộng, bạn phải luôn tìm cách sử dụng cú pháp Bootstrap 2 trong các tiện ích mở rộng của mình - đặc biệt là trong phần phụ trợ. Đây là phiên bản được hỗ trợ chính thức bởi lõi Joomla và do đó, có nghĩa là bạn sẽ luôn làm cho kiểu dáng của mình hoạt động như mong đợi và bạn không phải gửi bootstrap với mẫu của mình. Các tiện ích mở rộng đi kèm với Bootstrap 3 phải bao gồm điều này (lưu ý lớp Akeeba Strapper khá lớn đi kèm với các sản phẩm Akeeba chẳng hạn).
Các nhà cung cấp mẫu sử dụng Bootstrap 3 thường cho phép cú pháp bootstrap 2 bằng cách chỉnh sửa các tệp ít hơn của họ để đưa cả hai phiên bản bootstrap vào tài khoản. Những người không nên sử dụng mẫu sẽ ghi đè bằng mọi cách.
Điểm quan trọng của việc vận chuyển Joomla với Bootstrap 2 và không chuyển sang Bootstrap 3 là vì vậy có khung CSS / JS mở rộng chéo ab / c trên toàn bộ loạt Joomla.
Nếu bạn cần sử dụng Bootstrap 3, theo tôi, bạn nên đặt tên cho toàn bộ CSS Bootstrap 3 (như Community Builder V2), ví dụ chức năng lõi j Joomla để chỉnh sửa menu và mô-đun ở frontend bị hỏng, nếu bạn sử dụng BS3 cho frontend.
Trích dẫn từ diễn đàn Community Builder:
Liên kết gốc: http://www.joomlapolis.com/forum/6-news-and-publicity/224106-community-builder-20-b2-release?start=6
Nhưng CB2.0 sẽ sử dụng Bootstrap 2 hay 3?
Bootstrap 3.
Và CB sẽ luôn tải thư viện Bootstrap hoàn chỉnh, nếu chỉ là mô-đun đăng nhập trên một trang web), bởi vì Bootstrap đang tải những thứ không cần thiết rất lớn.
Không, chúng tôi không sử dụng bất kỳ Twitter Bootstrap nào.
Chúng tôi chỉ sử dụng CSS của nó tại thời điểm này (chúng tôi có các plugin jQuery khác tốt hơn, cung cấp chức năng JS). Chúng tôi cũng tải Twitter Bootstrap với một không gian tên để nó không thể xung đột hoặc thay đổi kiểu dáng bên ngoài không gian tên. Ngay bây giờ chúng tôi không tải nó mọi lúc. Chúng tôi chỉ tải template.css và fontawclaw.css của chúng tôi mọi lúc khi mẫu CB được tải. Lưu ý các mô-đun CB không sử dụng kiểu dáng CB. Chúng được thiết kế để phù hợp với Joomla 1: 1 để các mô-đun khớp chính xác với trang web của bạn.
Một giải pháp khác là sử dụng một khung như Skeleton hoặc Foundation, để tránh vấn đề trên.