Duplicate Styles เพื่อนำรูปแบบเทมเพลตไปใช้กับหลายเมนู ในจูมล่า
คราวก่อน ผม เขียน Copy Template เพื่อสร้างเทมเพลตใหม่ ป้องกันการอัพเดตแล้วรูปแบบหาย ไปแล้ว บางคนสงสัยว่าบางเว็บที่มีหลายสี คือคลิกเมนู แล้วไปอีกหน้า เทมเพลตเปลี่ยน เขาทำอย่างไร ความสามารถหนึ่งของ joomla คือ สามารถตั้งค่าให้ แต่ละเมนูใช้เทมเพลตที่ต่างกันได้ หรือ แต่ละเมนูใช้ Styles ที่ต่างกันได้ การ Duplicate Styles จะต่างกับ Copy Template ตรงที่ Copy Template จะคัดลอก code มาทั้งหมด ส่วน Duplicate Styles จะคัดลอกมาเฉพาะส่วนของการตั้งค่าเท่านั้น
เริ่มกันเลย ไปที่ Template Manager
ผมจะ Duplicate Styles protostar - Default เพื่อนำมาทำสีใหม่และใช้กับอีก เมนู
- คลิกที่หน้า Styles ที่เราต้องการ Duplicate ในทีนี่คือ protostar - Default
- คลิก Duplicate Styles
จากนั้นระบบจะบอกว่า Style successfully duplicated. และจะเห็น Style ที่เรา Duplicate ดังรูป
จากนั้นลองเข้าไปตั้งค่า ผมเปลี่ยนชื่อ Style name เพื่อไม่ให้สับสนว่าใช้กับเมนูไหน เปลี่ยนสี
ตั้งค่า ว่า Style จะเอาไปใช้กับเมนูไหนบ้าง สามารถเลือกได้หลายเมนู
จากรูป mytemplate - Default จะเป็นเทมเพลตหลัก ใช้ทุกหน้า สังเกตจากรูป ดาว
protostar - menu 1 และ protostar - menu 2 จะมีเครื่องหมายถูกตรง Assigned แสดงว่าถูกกำหนดใช้กับบางเมนู
มาดูการใช้งาน หน้า Home
หน้า test menu 1 ที่ใช้กับ protostar - menu 1
หน้า test menu 2 ที่ใช้กับ protostar - menu 2
บทความที่เกี่ยวข้อง
- Hits: 6743