รับพลังของ Bootstrap Framework ในธีม Drupal
Bootstrap เป็นโครงสร้างยอดนิยมที่สร้างขึ้นโดย Twitter ด้วยธีม Bootstrap สำหรับ Drupal คุณจะได้รับ (และรักษา) พลังทั้งหมดนี้ให้กับเว็บไซต์ Drupal ของคุณ เตรียมพร้อมที่จะเพิ่มปุ่มเรียบรูปแบบที่ถูกจัดวางไว้ jumbotrons และอื่น ๆ จนกว่าเว็บไซต์ของคุณจะมีการเล่นกล!
Bootstrap Framework คืออะไร?
กรอบการบู๊ตคือชุดของโค้ด CSS และ Javascript ที่ช่วยให้คุณสามารถเพิ่มรายการสวย ๆ และ / หรือสิ่งที่มีประโยชน์ในเว็บไซต์ของคุณได้ รายการนี้รวมถึงปุ่มที่ดูดีรายการที่มี "ป้าย" inset "หลุม" และอื่น ๆ อีกมากมาย
นอกจากบูตแล้ว Bootstrap ยัง มี พลัง ตอบสนองที่ รุนแรงช่วยให้คุณสามารถออกแบบเว็บไซต์ที่จะไม่สลายเมื่อนายจ้างของคุณเปิดทางโทรศัพท์
แทนที่จะต้องเขียนโค้ดทั้งหมดด้วยตัวคุณเองคุณใช้คลาส CSS และองค์ประกอบ HTML ที่ระบุโดย Bootstrap หากต้องการป้ายกำกับสวย ๆ คุณสามารถเพิ่มป้ายกำกับระดับ อย่างนี้:
ดู ป้ายกำกับสวย ๆ นี้เฟรม Bootstrap ไม่มีการเชื่อมต่อกับ Drupal คุณสามารถใช้กับ CMS ใด ๆ ที่จะไม่ระเบิดเมื่อมีการติดต่อกับ jQuery (ดูด้านล่าง) หรือแม้กระทั่งกับเว็บไซต์ HTML แบบสแตติก
ธีม Bootstrap สำหรับ Drupal คืออะไร?
ธีม Bootstrap สำหรับ Drupal ช่วยให้ใช้ Bootstrap บนเว็บไซต์ของคุณได้ง่ายขึ้น ดาวน์โหลดชุดรูปแบบนี้และตั้งค่าเป็นค่าเริ่มต้น
จริงๆแล้วคุณอาจต้องการใช้ธีม Bootstrap เป็นธีมพื้นฐานสำหรับหัวข้อย่อยของคุณเอง แม้ว่ารูปแบบ Bootstrap จะมีหน้าจอการจัดการมากมายที่คุณอาจสามารถปรับแต่งได้อย่างน่าพอใจโดยไม่มีบรรทัดของรหัส
Bootstrap อาศัยไลบราลี jQuery Javascript นอกจากนี้คุณอาจต้องติดตั้งโมดูล jQuery Update เพื่อรับเวอร์ชันที่ต้องการ หากโมดูลอื่น ๆ ในเว็บไซต์ของคุณใช้ jQuery โปรดใช้ความระมัดระวัง - อาจไม่สามารถใช้งาน jQuery เวอร์ชันใหม่ได้
คุณจะต้องอ่านเอกสารประกอบสำหรับชุดรูปแบบนี้และตรวจสอบว่าคุณไม่จำเป็นต้องทำตามขั้นตอนเพิ่มเติมอีก แต่ก็ยังง่ายมาก
คุณต้องใช้ชุดคำสั่ง Bootstrap เพื่อใช้ Bootstrap ใน Drupal หรือไม่?
เนื่องจากเฟรม Bootstrap เป็นเพียง CSS และ Javascript คุณจึงไม่ จำเป็นต้อง ใช้ธีม Bootstrap คุณสามารถดาวน์โหลดไลบรารี Bootstrap ด้วยตนเองและเชื่อมโยงไปยังแม่แบบธีมของคุณได้
อย่างไรก็ตามธีม Bootstrap ได้สร้างความน่าเบื่อให้กับคุณแล้ว นอกจากนี้ยังรวมคุณสมบัติ Bootstrap ต่างๆไว้ในหน้าจอผู้ดูแลระบบ Drupal หากคุณต้องการคลิกเพื่อเขียนโค้ดชุดรูปแบบนี้จะทำให้ชีวิตของคุณง่ายขึ้นมาก
เลือกเวอร์ชันของการบู๊ตที่ต้องการใช้
ก่อนที่คุณจะดาวน์โหลดธีมนี้โปรดอ่านหน้าโครงการและตรวจสอบว่าคุณเข้าใจว่าคุณควรดาวน์โหลดรุ่นใด เวอร์ชันต่างๆจะสอดคล้องกับเฟรม Bootstrap เวอร์ชันต่างๆ
ตัวอย่างเช่นการเปิดตัว 7.x-2.2 สำหรับ ธีม Bootstrap เป็นครั้งสุดท้ายเพื่อสนับสนุนการเผยแพร่ 2.3.2 สำหรับ กรอบข้อมูล Bootstrap ในขณะที่เขียนบทความนี้ชุดรูปแบบ Bootstrap เวอร์ชันเสถียรจะเป็นเวอร์ชัน 7.x-3.0 ซึ่งทำงานร่วมกับ Bootstrap 3
โปรดทราบว่านักพัฒนาชุดรูปแบบ Bootstrap ได้ประสาน หมายเลขรุ่นที่สำคัญ กับ Bootstrap แล้ว รุ่น 7.x-2.x สำหรับ Bootstrap 2 และรุ่น 7.x-3.x สำหรับ Bootstrap 3
Bootstrap 2 และ Bootstrap 3 ส่วนใหญ่คล้ายกัน แต่ให้ความสำคัญกับความแตกต่างเมื่อคุณอ่านเอกสารประกอบกรอบงาน อ่านเอกสารสำหรับรุ่นที่ไม่ถูกต้องได้โดยง่ายโดยไม่ต้องรู้เลย
แม้ว่าคุณอาจต้องการใช้เวอร์ชันเสถียรล่าสุดหากทำได้โปรดสังเกตว่า Bootstrap 3 ต้องใช้ jQuery 1.9+ ในขณะที่ Bootstrap 2 ต้องการ jQuery 1.7+ เท่านั้น ถ้าใช้ jQuery 1.9 จะทำให้โมดูลของคุณมีความสำคัญคุณอาจต้องใช้ Bootstrap 2 ตอนนี้
ก่อนที่คุณจะใช้ Bootstrap
Bootstrap สามารถช่วยคุณประหยัดงานและช่วยให้ประกายของเว็บไซต์ของคุณ แต่ก่อนที่คุณจะผูกตัวเองเข้าสู่ Bootstrap ลองดูที่ธีม ZURB Foundation มูลนิธิ ZURB เป็นกรอบที่คล้ายกันซึ่งมีความแตกต่างที่สำคัญ ส่วนตัวผมใช้ ZURB Foundation มาแล้ว แต่การวิจัยของผมระบุว่าในขณะที่ Bootstrap ดีกว่าถ้าคุณชอบ Bootstrap "defaults" ZURB Foundation จะดีกว่าถ้าคุณวางแผนที่จะปรับแต่งธีมของคุณอย่างจริงจัง ฉันพบว่า ZURB Foundation มีความสุขในการปรับแต่ง
แม้ว่าคุณจะ แน่ใจว่า ต้องการใช้ Bootstrap อย่าพลาดเคล็ดลับเหล่านี้ในการใช้กรอบงานกับ Drupal