สำหรับเทมเพลทJoomla 3 มาตรฐาน จะเป็นแบบ Protostar ซึ่งเป็นเทมเพลทที่มีความยืดหยุ่นในการแสดงผล และเป็นแม่แบบในการฝึกหัดทำเว็บไชต์ ซึ่งรองรับหน้าจอหลายขนาด โดยจะลดขนาดหน้าจอเว็บไซต์ ให้สามารถแสดงผลกับอุปกรณ์นั้นๆ เพื่อให้ทุกอุปกรณ์สามารถอ่านได้ ในบทความนี้จะแนะนำการปรับแต่ง เปลี่ยนส่วนหัวเว็บไชต์ ขั้นพื้นฐาน
1.คลิก>>เมนูส่วนเสริม>>เลือก เทมเพลต>>
2.คลิก>> เลือกเทมเพลต protostar-defauit
3.จะเข้าสู่หน้าจอถัดไป เลือก เเท็บเมนู >>ขั้นสูง
4.แสดงกล่องสำหรับเลือกไฟล์ภาพในส่วนหัว คลิก >>เลือก
5.เมื่อคลิก เลือกเข้ามาในหน้านี้แล้ว จะเจอ โฟลเดอร์ หลักๆเรียงกันไปตามภาพ ซึ่งระบบจัดการใน joomla ได้สร้างโฟลเดอร์ รอไว้แล้ว คลิก>> โฟลเดอร์ ที่่ชื่อ headers
6.ไฟล์ภาพในโฟลเดอร์ ตามตัวอย่าง มีให้เลือกหลายภาพ แสดงตัวอย่างผลที่หน้าเว็บแตกต่างกันไป คลิก>>เลือก ภาพมาสัก หนึ่งภาพก่อน
7.คลิก>> ปุ่มบันทึกและปิด
ทดสอบเปิดดูที่หน้าเว็บอีกครั้ง ไฟล์ภาพ หัวเว็บไชต์ ได้เพิ่มเข้ามาแล้ว
คำแนะนำ
ในการสร้างไฟล์ภาพจัดเก็บ ในโฟลเดอร์ ที่ชื่อ headers ไม่ควร มีขนาดไฟล์ภาพ มากกว่า 100 k ซึ่งอาจต้องใช้โปรแกรมช่วยลดขนาดไฟล์ภาพ แต่ขนาดความกว้างและส่วนสูงของภาพมีขนาดเท่าเดิม ซึ่งจะช่วยในการแสดงผลหน้าเว้บได้ไวขึ้น หน้าเว็บจะถูกโหลดแสดงผลได้เร็ว
