มาลองใช้ Astroid Framework ออกแบบเทมเพลตสวยๆ กัน
หลังจากได้เรียนรู้การใช้งาน Astroid framework มาสักระยะหนึ่ง ก็เลยขอนำมาเล่าให้ฟังเป็นแนวทาง สำหรับท่านที่สนใจจะนำเอาไปใช้สร้างเทมเพลตสำหรับ Joomla 5.x กันนนะครับ สำหรับ Astroid framework นี้มันเป็น Component หรือ Tools สำหรับการจัดการออกแบบเทมเพลต Joomla แบบ Responsive ที่มีความหลากหลายในการจัดการ โดยใช้ความรู้ด้านการเขียนโค๊ด (Coding) น้อยที่สุด จัดการได้ทั้งตำแหน่งของโมดูล การแทรกภาพพื้นหลังหรือสีสันต่างๆ ในทุกๆ โมดูลแบบเรียลไทม์ รวดเร็วดังตั้งใจ และสามารถกำหนดรูปแบบตัวอักษรในส่วนเนื้อหา หัวเรื่อง ได้ง่ายดายสนับสนุนฟ้อนต์จาก Google ได้ด้วย แจ่มจริงๆ อันดับแรกไปที่เว็บ https://astroidframe.work/ เขาก่อน แล้วดาวน์โหลดมาใช้ฟรีได้เลย ตัวฟรีนี่ก็ดีเหลือหลายแล้ว ส่วนใครอยากได้เลิศๆ แบบเว็บเขาที่มีลูกเล่นเมาส์สีสันต่างๆ วิ่งๆ ได้ก็จ่ายตังค์ซื้อแบบ Pro มาใช้กันเองนะ ราคาก็โหดอยู่แล้วพี่แกคิดรายเดือนด้วยนะ (น่าจะเป็นค่าคำปรึกษาหลังการซื้อมาใช้งานมั๊ง ไปอ่านเอาเองคลิกตรงเมนู PRICING)
Astroid Pro เป็นปลั๊กอิน Joomla ที่ออกแบบมาโดยเฉพาะ เพื่อขยายฟังก์ชันการทำงานของ Astroid Framework ในเวอร์ชั่น Astroid Pro จะให้การปรับแต่งและประสบการณ์การใช้งานที่ดีขึ้นแก่ผู้ใช้ ผ่านฟีเจอร์พิเศษ เช่น Custom Code, Animation Pro และเอฟเฟกต์เคอร์เซอร์ นอกจากนี้ Widget Pro ยังช่วยให้คุณสร้างเว็บไซต์ที่น่าประทับใจที่สุดได้อีกด้วย (แหม จ่ายเงินแล้วมันก็ต้องยอดเยี่ยมล่ะ เข้าใจได้)
หลังจากดาวน์โหลดมาจะได้ไฟล์ติดตั้ง astroid-framework-3.2.2.zip หรืออาจจะใหม่กว่านี้ (ในภาพจะเห็นตัวเก่าที่ผมดาวน์โหลดมาห่างกันแค่ไม่ถึง 10 วัน) ถ้าเราติดตั้งลงไปจะมีการแจ้งอัพเดทบ่อยๆ ในหน้าจัดการ Administrator อัพเลยครับเราจะได้สิ่งใหม่ๆ มาเพิ่มเรื่อยๆ
ในการทดลองตั้งใจว่าจะใช้วิธีติดตั้งจากไฟล์ Quickstart ที่ดาวน์โหลดมาจากเว็บ Astroid framework โดยตรงแต่ติดที่ว่าเขาดันไม่บอกชื่อ Superuser กับ Password มาให้ สุดท้ายวันนี้ก็เลยต้องติดตั้ง Joomla 5 ในโฮสท์จริงเลยเพื่อความสะดวก ใช้เวลามากน้อยแล้วแต่ท่านคล่องในการใช้งานขนาดไหน
หลังการติดตั้งเสร็จสิ้นก็จะได้หน้าตาเว็บประมาณนี้ด้วยเทมเพลตชื่อ Cassiopia ที่สามารถจะดัดแปลงแก้ไขแบบง่ายให้เป็นเทมเพลตที่สวยงามได้ ถ้าท่านมีความรู้ความสามารถในการโค๊ดดิ้ง แก้ไขไฟล์ เข้าใจภาษา html, php, css เพียงพอ แต่ก็มีกลุ่มที่ไม่ค่อยถนัดแก้ไขอย่างผมนี่มีเยอะ อยากได้เทมเพลตสวยๆ ด้วยการคลิกๆ เลือก ใส่ค่าแล้วสวยเลยนะมีไหม? มีสิ มีเยอะเลยแต่ต้องจ่ายเงินนะจ๊ะ เอ้า! ผิดหวังมาก จนกระทั่งมาเจอ Astroid framework นี่แหละ เรามาลองติดตั้งกันดูเลย
ขั้นตอนต่อไปเราจะติดตั้ง astroid-framwork-3.2.2.zip ผ่านหน้าเว็บ Administrator ที่ System > Install > Extension ได้เลยนะครับ ตามขั้นตอนเลือกไฟล์ติดตั้ง รอสักครู่ก็เรียบร้อย
เมื่อติดตั้งเสร็จมันจะมีกรอบหน้าต่างให้เลือกว่าจะติดตั้ง Template เวอร์ชั่นไหน ซึ่งมี 3 รูปแบบ astroid_template_one, astroid_template_two, astroid_template_zero ให้เราเลือกติดตั้งต่อ ผมชอบ Zero เพราะมีรูปแบบมาให้จัดการมากกว่า แล้วแต่ชอบนะลองเอง
รอสักครู่ จะมีกรอบแจ้งว่า ยินดีด้วย คุณได้ติดตั้งเทมเพลต Zero เสร็จแล้วนะ ไปดูกันเลย
เมื่อคลิกที่ปุ่ม View Templates ก็จะได้เห็นว่า เมื่อเราคลิกไปที่เมนู System > Templates Style (Site) ก็จะเห็นว่า มีเทมเพลตที่ถูกติดตั้งมาใหม่ชื่อ astroid_template_zero_default (Astroid) ให้คลิกเลือกกำหนดค่าให้เป็นเทมเพลตหลัก (Default) ได้เลย
เมื่อเรากำหนดค่าให้ astroid_template_zero_default (Astroid) เป็นค่าเริ่มต้นแล้ว ก็ลองไปดูที่หน้าเพจของเราคลิกปุ่มรีเฟรช จะต้องได้หน้าใหม่แบบนี้ ถือว่าถูกต้องได้เทมเพลต Astroid Framework แล้ว
ขั้นตอนต่อก็ให้ทำการเพิ่มเติมเนื้อหา สร้างเมนูต่างๆ ให้พร้อมก่อนจะทำการปรับแต่งเทมเพลตของเราต่อไป
ปรับแต่งเทมเพลต Astroid Framework