Lấy sức mạnh của khung Bootstrap trong một chủ đề Drupal
Bootstrap là một khung công tác rất phổ biến, được xây dựng bởi Twitter. Với Theme Bootstrap cho Drupal, bạn có thể nhận (và duy trì) tất cả sức mạnh đó cho trang web Drupal của bạn. Hãy sẵn sàng để thêm các nút mượt mà, các biểu mẫu có kiểu dáng, jumbotrons và hơn thế nữa cho đến khi trang web của bạn thể thao một số bling!
Khung Bootstrap là gì?
Khung công tác Bootstrap là một bộ sưu tập mã CSS và Javascript giúp bạn dễ dàng thêm một danh sách dài những thứ đẹp và / hoặc hữu ích vào trang web của bạn. Danh sách này bao gồm các nút đẹp mắt, danh sách có "huy hiệu", inset "wells" và nhiều hơn nữa.
Ngoài bling, Bootstrap cũng có sức mạnh đáp ứng nghiêm trọng, giúp bạn thiết kế một trang web không hoàn toàn vỡ vụn khi sếp của bạn mở nó trên điện thoại.
Thay vì phải tự viết tất cả mã này, bạn sử dụng các lớp CSS và các phần tử HTML được chỉ định bởi Bootstrap. Nếu bạn muốn có một nhãn đẹp, bạn thêm nhãn lớp. Như thế này:
Nhìn vào nhãn khá này.Khung công tác Bootstrap không có kết nối với Drupal. Bạn có thể sử dụng nó với bất kỳ CMS nào sẽ không phát nổ khi tiếp xúc với jQuery (xem bên dưới), hoặc thậm chí với một trang web HTML tĩnh .
Chủ đề Bootstrap cho Drupal là gì?
Chủ đề Bootstrap cho Drupal giúp bạn sử dụng Bootstrap trên trang web của mình dễ dàng hơn nhiều. Tải xuống chủ đề này và đặt làm mặc định của bạn.
Trên thực tế, có thể bạn sẽ muốn sử dụng chủ đề Bootstrap làm chủ đề cơ sở cho chủ đề phụ của riêng bạn. Mặc dù, đó là sự thật rằng chủ đề Bootstrap cung cấp màn hình quản trị rộng lớn như vậy mà bạn có thể tùy chỉnh nó một cách thỏa đáng mà không cần một dòng mã.
Bootstrap dựa vào thư viện Javascript của jQuery. Bạn cũng có thể cần cài đặt mô-đun Cập nhật jQuery để có được phiên bản cần thiết. Nếu bất kỳ mô-đun nào khác trên trang web của bạn sử dụng jQuery, hãy cẩn thận - chúng có thể không hoạt động với phiên bản jQuery mới quá mới.
Bạn sẽ phải đọc tài liệu cho chủ đề này và đảm bảo rằng bạn không cần thực hiện thêm bất kỳ bước bổ sung nào. Nhưng nó vẫn khá dễ dàng.
Bạn có phải sử dụng Theme Bootstrap để sử dụng Bootstrap trong Drupal không?
Vì khung công tác Bootstrap chỉ là CSS và Javascript, bạn không cần sử dụng chủ đề Bootstrap. Bạn có thể tải xuống thư viện Bootstrap theo cách thủ công và liên kết với nó trên các mẫu chủ đề của bạn.
Tuy nhiên, chủ đề Bootstrap đã làm được điều này cho bạn. Nó cũng tích hợp nhiều tính năng Bootstrap khác nhau vào màn hình quản trị Drupal. Nếu bạn thích nhấp vào mã hóa, chủ đề này có thể làm cho cuộc sống của bạn dễ dàng hơn nhiều.
Chọn phiên bản Bootstrap nào để sử dụng
Trước khi bạn tải xuống chủ đề này, hãy đọc trang dự án và đảm bảo bạn hiểu phiên bản nào bạn nên tải xuống. Các phiên bản khác nhau tương ứng với các phiên bản khác nhau của khung công tác Bootstrap.
Ví dụ, bản phát hành 7.x-2.2 cho chủ đề Bootstrap là phiên bản cuối cùng để hỗ trợ bản phát hành 2.3.2 cho khung công tác Bootstrap. Theo văn bản này, phiên bản ổn định của chủ đề Bootstrap là 7.x-3.0, hoạt động với Bootstrap 3.
Lưu ý cách các nhà phát triển theme Bootstrap đã phối hợp tốt với số phiên bản chính của họ bằng Bootstrap. Phiên bản 7.x-2.x dành cho Bootstrap 2 và các phiên bản 7.x-3.x dành cho Bootstrap 3.
Bootstrap 2 và Bootstrap 3 chủ yếu là tương tự nhưng chú ý đến sự khác biệt khi bạn đọc tài liệu về khung công tác. Thật dễ dàng để đọc tài liệu cho phiên bản sai mà không nhận ra nó.
Mặc dù bạn có thể muốn sử dụng phiên bản ổn định gần đây nhất nếu có thể, lưu ý rằng Bootstrap 3 yêu cầu jQuery 1.9+, trong khi Bootstrap 2 chỉ yêu cầu jQuery 1.7+. Nếu sử dụng jQuery 1.9 sẽ phá vỡ một mô-đun quan trọng trên trang web của bạn, bạn có thể phải sử dụng Bootstrap 2 cho bây giờ.
Trước khi bạn sử dụng Bootstrap
Bootstrap có thể giúp bạn tiết kiệm rất nhiều công sức và giúp trang web của bạn lấp lánh. Nhưng trước khi bạn buộc mình vào Bootstrap, hãy xem chủ đề của Quỹ ZURB. Quỹ ZURB là một khuôn khổ tương tự có những khác biệt quan trọng. Cá nhân, tôi chỉ sử dụng ZURB Foundation cho đến nay, nhưng nghiên cứu của tôi chỉ ra rằng trong khi Bootstrap là tốt hơn nếu bạn thích Bootstrap "mặc định", ZURB Foundation là tốt hơn nếu bạn có kế hoạch làm tùy biến nghiêm túc về chủ đề của bạn. Tôi chắc chắn đã tìm thấy ZURB Foundation một thỏa thích để tùy chỉnh.
Thậm chí nếu bạn chắc chắn bạn muốn sử dụng Bootstrap, đừng bỏ lỡ những lời khuyên này về cách sử dụng một khung công tác với Drupal.