3 การติดตั้ง และ ปรับแต่ง Template Joomla

บทีที่ 3 เรื่องการสร้างเว็บไซด์ ด้วย Joomla เป็นเรื่องของ Template ของ Joomla ซึ่งเป็น ส่วนหนึ่ง ของ Componence เป็น ส่วนเสริม แรกๆ ที่คนสร้างเว็บไซด์ จะให้ความสนใจ เพราะมันจะเป็นรูปลักษณ์ หน้าตาของเว็บไซด์

 

เมื่อเราติดตั้ง เว็บไซด์ Joomla ชองเราเสร็จสิ้นแล้ว ทาง ระบบ Administrator จะมี Template ฟรี มาให้ 2 เทมเพลต

จากรูป การจะเลือก Template ให้กด เมนู ด้านบน เลือก Extensions > Template

นะระบบ แรกเริมของ Joomla จะมีมาให้ 2 เทมเพลต คือ Beez3 และ Protostar เราจะเลือกใช้ อันไหน ให้เลือกกดปุ่มดาว ให้เป็น สีเหลือง เพื่อให้ เทมเพลตนั้น เป็น Defualt ของเว็บไซด์เรา

การดู รูปแบบของ Template และ ดูการ วาง Position ของ Module ต่างๆ บนหน้าเทมเพลต

 

 

  1. เลือก Option (เมนู นี้อยู่ทางขวามือสุด)
  2. Preview Module Position = Enable

เพื่อเปิด ให้เราสามารถมองเห็น ตำแหน่งของ Module บนหน้าเว็บเพื่อช่วยในการวางแผนการ ติดตั้ง Widget ต่างๆ ตกแต่งหน้าเว็บ

  

 

  1. กด Save & Close ปิดหน้าจอ
  2. ดูทางด้านซ้ายมือ เห็น เลือก เมนู Template
  3. กด Preview ตรง รูป Template > Protostar

 

 

  1. เป็นหน้าตาเว็บแรกของคุณแล้ว เวลา เลือก สร้าง Module จะได้ เพิ่ม รายละเอียดได้ถูกตำแหน่ง Position

ขั้นตอนการติดตั้ง Template ใหม่ๆ

ถ้าเราคิดว่าเทมเพลต ที่ ทาง Joomla มีให้นั้น มันเฉยและน้อยเกินไป มี คน สร้าง เทมเพลต จูมลา แจกฟรี และ ทำขายเยอะแยะมากมาย แค่ เรา พิมพ์ คำสั่งค้นหาใน Google ว่า “Template Joomla Free” แค่นี้เราจะได้ เว็บแนะนำ เทมเพลตสวยๆมากมาย ยกตัวอย่างเช่น

 

5 เว็บไซด์ Free Template Joomla

ขอบอกไว้ก่อนว่า ไม่ใช่ว่า 5 เว็บไซด์ นี้ดีที่สุด คุณสามารถค้นหา เพิ่มเติมได้ มีทั้งฟรี 100% และ ฟรีบางส่วน แต่ถ้าอยากได้ ออปชั่นเสริม ก็ต้อง เสียเงินบ้าง

วิธีการ ติดตั้ง เทมเพลต จูมลา

  1. ดาวโหลด เทมเพลต ที่ชอบมาเก็บไว้ในเครื่อง
  2. หน้า Joomla/administrator/extension/manage/install
  3. เลือก Upload Package File
  4. ลากไฟล์ ที่ ดาวโหลดไว้ มาวาง ใน ปุ่มสีเขียว
  5. จูมลาจะทำการติดตั้งให้ทันที
  6.  

คำแนะนำเพิ่มเติม สำหรับ มือใหม่ เวลาเลือก ดาวโหลด เทมเพลต จูมล่า ควรหลีกเลี่ยง เทมเพล็ต ที่มีการ ใช้ เฟรมเวอร์ก เพราะมันจะบังคับให้เราติดตั้ง Frame Work เพิ่มเติม ซึ่งเป็นการยุ่งยาก ให้เรา หา เทมเพลต ธรรมดามารองเล่นดูก่อน..

เมื่อดาวโหลด เสร็จ แล้ว ติดตั้งแล้ว กลับไปหน้า Extension/template แล้ว เลือก ให้ template ใหม่ของเรา เป็น Default ทดลง Run หน้าเว็บไซด์ (เรียกเว็บไซด์เราขึ้นมาดู) ว่าเราชอบมันไหม..

ปรับแต่ง ไฟล์ CS หรือ PHP ของ Template โดยไม่ต้องไป ที่ HOST Server

หัวข้อนี้สำหรับมือเก๋าๆ นะครับ ที่มีความ แอดวานซ์ บ้างแล้ว มือใหม่ แค่เข้ามาดู พอให้เข้าใจ..

  1. เลือก เทมเพลต กดลิงค์ ตรงชื่อเทมเพลต นะครับ

 

  1. จะเห็น ไฟล์ และโฟร์เดอร์ของเทมเพลต ดังภาพ

 

ไว้ใช้ประโยชน์อะไรบ้าง

  • ถ้าคุณ อยากจะติดตั้ง Google Analytics ระบบติดตามยอดคนเข้าชมเว็บ ของ Google ก็ต้องเลือก index.php ของ แต่ละ Template นะครับ อย่าลืมใส่ ทุกเทมเพลตที่คุณจะนำไปใช้
  • สำหรับติดตั้ง Google Adsense เพื่อสร้างรายได้
  • ปรับแก้ไข CS Style ของ เทมเพลต (Advance User only ผู้ใช้ระดับโปรเท่านั้นนะ)

ทังหมดนี้เป็นการปรับแต่ง Joomla Template เพื่อแสดงรุปแบบ ของเว็บไซด์ ตามที่เราต้องการ ถือว่าเป็นสิ่งแรกๆ สำหรับการสร้างเว็บไซด์ ก็คือ การออกแบบหน้าตา สีสัน ความสวยงาม การวาง Layout และองค์ประกอบที่เราอยากจะโชว์ที่หน้าเว็บ เป็นเรื่งอที่สำคัญอย่างยิ่ง

 

บทที่ 2 9 องค์ประกอบพื้นฐาน ของ การสร้างเว็บไซด์ Joomla

บทที่ 1 สอนสร้างเว็บไซด์ ง่ายๆภายใน 10 นาที ไม่จำเป็นต้องมีพื้นฐาน

 

Money Banner

พื้นที่ โฆษณา