วิธีแก้ไขเทมเพลต Joomla

สารบัญ:

วิธีแก้ไขเทมเพลต Joomla
วิธีแก้ไขเทมเพลต Joomla

วีดีโอ: วิธีแก้ไขเทมเพลต Joomla

วีดีโอ: วิธีแก้ไขเทมเพลต Joomla
วีดีโอ: Joomla template Develop สอนสร้าง เทมเพลต จูมล่า การดูตำแหน่งโมดูล ทำหน้าเว็บ เปลี่ยนโลโก 2024, พฤศจิกายน
Anonim

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

วิธีแก้ไขเทมเพลต joomla
วิธีแก้ไขเทมเพลต joomla

มันจำเป็น

  • - โปรแกรมดูภาพ;
  • - ไฟล์ซิลล่า;
  • - โปรแกรมแก้ไขข้อความ Notepad ++

คำแนะนำ

ขั้นตอนที่ 1

ใช้ FileZilla เพื่อดูและแก้ไขไฟล์เทมเพลตของคุณ ด้วยความช่วยเหลือ คุณสามารถทำงานกับไฟล์การกำหนดค่าออนไลน์ได้ ตามกฎแล้ว ไฟล์ 3 ไฟล์จะถูกประมวลผลเพื่อเปลี่ยนการออกแบบเว็บไซต์: index.php, template.css และ templateDetails.xml

ขั้นตอนที่ 2

"ส่วนหัว" ของไซต์คือองค์ประกอบของหน้าเว็บที่เริ่มจากด้านบนสุดไปจนถึงจุดเริ่มต้นของเนื้อหา จึงเป็นที่มาของชื่อ เรียกอีกอย่างว่าส่วนหัว ตามกฎแล้ว ควรแทนที่เฉพาะโลโก้หรือรูปภาพอื่น (logo.jpg) ใน "ส่วนหัว" ของไซต์ ตำแหน่งของโลโก้เว็บไซต์อยู่ในไฟล์ template.css เปิดด้วย Notepad ++

ขั้นตอนที่ 3

หากต้องการค้นหาค่า ให้ใช้ตัวเลือก "ค้นหาองค์ประกอบ": กดคีย์ผสม Ctrl + F แล้วป้อนค่าที่ต้องการในช่องว่าง หากคุณต้องการเปลี่ยนความกว้างหรือความสูงของรูปภาพใน "ส่วนหัว" ให้ป้อนส่วนหัวของคำในแถบค้นหาแล้วกดปุ่ม Enter

ขั้นตอนที่ 4

ใต้คำที่คุณกำลังมองหา คุณจะเห็นเส้น: ความสูง (ความสูง) และความกว้าง (ความกว้าง) เปลี่ยนค่าเหล่านี้ จากนั้นกด Ctrl + S เพื่อบันทึกการเปลี่ยนแปลงของคุณ ในกล่องโต้ตอบ FileZilla ที่เป็นผลลัพธ์ ให้คลิกปุ่มใช่

ขั้นตอนที่ 5

ไปที่ไซต์เพื่อดูการเปลี่ยนแปลง หากคุณไม่พอใจกับพวกเขา ให้กลับไปที่ไฟล์และป้อนค่าใหม่

ขั้นตอนที่ 6

หากต้องการเปลี่ยนขนาดและชื่อของแบบอักษรในหน้าหลักของเว็บไซต์ ให้ใช้การค้นหา พิมพ์คำว่า body แล้วกดปุ่ม Enter ด้านล่างโอเปอเรเตอร์นี้มีบรรทัด font-family (ชื่อ) และ font-size (ขนาดหรือจุด) เปลี่ยนค่าของพวกเขา บันทึกการเปลี่ยนแปลงของคุณ และไปที่ไซต์เพื่อดู

ขั้นตอนที่ 7

หากต้องการเปลี่ยนวิธีการแสดงลิงก์ ให้ป้อนค่า a: ลิงก์ (ลิงก์มาตรฐาน), a: เข้าชมแล้ว (ลิงก์ที่เข้าชมแล้ว) และ a: โฮเวอร์ (ลิงก์ที่ใช้งานอยู่) ในแบบฟอร์มการค้นหา กด Enter เพื่อค้นหาองค์ประกอบเหล่านี้ในไฟล์ template.css

ขั้นตอนที่ 8

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

ขั้นตอนที่ 9

ค้นหาคำว่า "หลัก" แล้วกด Enter เป็นไปได้มากว่าคุณจะพบว่าตัวเองอยู่ถัดจากลิงก์ col ด้านซ้ายและองค์ประกอบด้านซ้ายของ col ปัจจุบัน ซึ่งเป็นค่าที่คุณต้องเปลี่ยน หลังจากแก้ไขแล้ว ให้บันทึกผลลัพธ์และไปที่หน้าเว็บไซต์ ลิงก์ทั้งหมดในหน้าที่โหลดควรเปลี่ยนจากภายนอก

แนะนำ: