วิธีเปลี่ยนความกว้างเทมเพลต Joomla

สารบัญ:

วิธีเปลี่ยนความกว้างเทมเพลต Joomla
วิธีเปลี่ยนความกว้างเทมเพลต Joomla

วีดีโอ: วิธีเปลี่ยนความกว้างเทมเพลต Joomla

วีดีโอ: วิธีเปลี่ยนความกว้างเทมเพลต Joomla
วีดีโอ: การเปลี่ยนเทมเพลตของ Joomla 2024, เมษายน
Anonim

Joomla เป็นหนึ่งใน CMS ที่ปรับแต่งได้และใช้งานง่ายที่สุด ด้วยการใช้ความสามารถของระบบการจัดการไซต์นี้ คุณไม่เพียงแต่สามารถเติมไซต์ด้วยฟังก์ชันการทำงานที่หลากหลาย แต่ยังเปลี่ยนรูปลักษณ์ตามเทมเพลตที่ติดตั้งไว้

วิธีเปลี่ยนความกว้างเทมเพลต joomla
วิธีเปลี่ยนความกว้างเทมเพลต joomla

คำแนะนำ

ขั้นตอนที่ 1

เปิดโฮมเพจของเว็บไซต์ของคุณ ในเมนูของเบราว์เซอร์ที่คุณใช้ ให้เลือกฟังก์ชันในการดูซอร์สโค้ดของหน้า ใน Google Chrome เครื่องมือนี้อยู่ภายใต้ "เครื่องมือ" - "ดูแหล่งที่มา" ใน Firefox - "การพัฒนาเว็บ" - "แหล่งที่มา" หากคุณใช้ Opera ให้เลือก View - Development Tools - Source Code เพื่อดูโค้ด HTML

ขั้นตอนที่ 2

ค้นหาแฮนเดิลและดู div ทั้งหมดและชื่อของพวกเขา เปิดไฟล์ template.css ของเทมเพลตของคุณด้วยโปรแกรมแก้ไขข้อความ และค้นหาบล็อกที่กำหนดความกว้างอย่างชัดเจน ตัวอย่างเช่น ถ้าอยู่หลัง ในไฟล์เทมเพลต ให้มองหาบล็อคชื่อ เพื่อให้การค้นหาง่ายขึ้น คุณสามารถใช้ฟังก์ชัน "แก้ไข" - "ค้นหา" ของหน้าต่างตัวแก้ไข เรียกดู div ทั้งหมดที่ระบุไว้ในซอร์สโค้ดของหน้า

ขั้นตอนที่ 3

ในพารามิเตอร์ width ให้ป้อนค่าที่ต้องการเป็นเปอร์เซ็นต์หรือพิกเซล ตรวจสอบบล็อกที่เหลือที่มีความกว้างเท่ากันและเปลี่ยนในลักษณะเดียวกัน ตัวอย่างเช่น หากคุณเพิ่มความกว้าง 200 พิกเซลในเลเยอร์หลัก คุณจะต้องเพิ่ม 200 พิกเซลเดียวกันในบล็อกอื่นๆ

ขั้นตอนที่ 4

หลังจากทำการเปลี่ยนแปลงเสร็จแล้ว ให้บันทึกไฟล์และดูผลลัพธ์ แก้ไข template.css อีกครั้งหากจำเป็น หากคุณใช้รูปภาพเป็นพื้นหลังของบล็อกในเทมเพลต เป็นไปได้มากว่าคุณจะต้องเปลี่ยนขนาด นอกจากนี้ สำหรับแต่ละ div คุณสามารถตั้งค่าสีพื้นหลังของตัวเอง ซึ่งสามารถแทนที่รูปภาพขาวดำได้ หากมีโลโก้ในการออกแบบไซต์ คุณสามารถขยายโลโก้โดยใช้โปรแกรมแก้ไขกราฟิกใดก็ได้ คุณยังสามารถใช้ภาพของคุณเองในเทมเพลตได้

แนะนำ: