Joomla เป็นระบบจัดการเว็บไซต์แบบมัลติฟังก์ชั่น (CMS) ที่ให้คุณตั้งค่าทรัพยากรได้แทบทุกอย่าง ฟังก์ชัน "เทมเพลต" มีหน้าที่แสดงองค์ประกอบบนหน้าเว็บไซต์ใน CMS นี้ แต่ละเทมเพลตสามารถติดตั้งได้โดยอัตโนมัติหรือสร้างขึ้นโดยผู้ดูแลเว็บเอง
มันจำเป็น
- - ทักษะการใช้ HTML และ CSS
- - แพ็คเกจของเทมเพลต Joomla ใด ๆ
คำแนะนำ
ขั้นตอนที่ 1
ก่อนสร้างเลย์เอาต์ ให้เลือกเทมเพลตที่คุณจะใช้เขียนโค้ดของคุณเอง วิธีนี้จะช่วยคุณประหยัดเวลาและหลีกเลี่ยงการเขียนโค้ดที่ไม่จำเป็นซึ่งเป็นมาตรฐานสำหรับ Joomla และใช้เมื่อติดตั้งสกินใดๆ
ขั้นตอนที่ 2
คัดลอกเทมเพลตไปยังโฟลเดอร์อื่น และเปิดไฟล์ templateDetails.xml ในไดเร็กทอรีราก เอกสารนี้ประกอบด้วยข้อมูลการบริการ คำอธิบาย และชื่อของเค้าโครง แก้ไขบล็อกที่จำเป็นตามที่เห็นสมควร ตัวอย่างเช่น คุณสามารถแก้ไขคำอธิบายเพื่อเปลี่ยนชื่อผู้เขียนเป็นของคุณ ระบุอีเมล ที่อยู่หน้าแรก ในบรรทัด คุณสามารถป้อนชื่อสำหรับเค้าโครงในอนาคตของคุณ
ขั้นตอนที่ 3
ไปที่บล็อกของไฟล์ที่กำลังแก้ไข ลบ descriptor ทั้งหมดที่เป็นส่วนหนึ่งของบล็อกนี้ เริ่มต้นด้วยการดีบักและลงท้ายด้วยตำแหน่ง 14 เหลือเพียงรายการเดียวหลังจากการดำเนินการ ในทำนองเดียวกัน ลบบรรทัดและภาษา
ขั้นตอนที่ 4
หลังจากดำเนินการแล้ว ให้บันทึกการเปลี่ยนแปลงในไฟล์และลบโฟลเดอร์ภาษาในไดเร็กทอรีด้วยไฟล์เทมเพลต จากนั้นเปิดไฟล์ index.php ด้วยโปรแกรมแก้ไขที่คุณใช้และลบเนื้อหาทั้งหมดยกเว้นบรรทัด:
<?php
กำหนด ('_ JEXEC') หรือตาย; ?>
ขั้นตอนที่ 5
ตั้งชื่อโฟลเดอร์เทมเพลต จากนั้นแพ็คลงในไฟล์เก็บถาวรโดยใช้โปรแกรม Archiver คลิกขวาที่ไดเร็กทอรีของเทมเพลตและเลือก "สร้างไฟล์เก็บถาวร … " ไฟล์ที่คุณสร้างต้องมีนามสกุล.zip
ขั้นตอนที่ 6
ไปที่แผงการจัดการทรัพยากรและไปที่ส่วน "เทมเพลต" ใช้การดำเนินการติดตั้ง นำเข้าไฟล์เก็บถาวรที่คุณเพิ่งสร้าง และรอการแจ้งเตือนเกี่ยวกับการติดตั้งที่สำเร็จ จากนั้นเปิดใช้งานเทมเพลตผลลัพธ์โดยเลือกจากเมนูเริ่มต้น
ขั้นตอนที่ 7
วาดการออกแบบตัวอย่างสำหรับเทมเพลตในอนาคตของคุณและเขียนโค้ด HTML ที่เหมาะสมในไฟล์ index.php ตามลำดับ สร้างรหัสโดยใช้คุณสมบัติบางอย่างของเครื่องยนต์ ดังนั้น คุณสามารถป้อนคำสั่งเพื่อแทนที่ส่วนหัว Joomla มาตรฐานโดยอัตโนมัติ:
รหัสนี้จะรวมแท็กที่จำเป็นทั้งหมดในส่วนของหน้า
ขั้นตอนที่ 8
คุณสามารถป้อนรหัสตารางแบบเรียงซ้อนของคุณเองลงใน template.css ในโฟลเดอร์ทรัพยากร หลังจากสร้างเทมเพลต css ใหม่แล้ว ให้รวมไว้ในไฟล์ index.php โดยใช้
-
/ แม่แบบ / แม่แบบ; ? & rt; /css/template.css”type =" text / css”>
ขั้นตอนที่ 9
ถัดไป สร้างมาร์กอัปหน้าโดยใช้โค้ด HTML เมื่อต้องการทำเช่นนี้ ให้แก้ไข index.php ตามเทมเพลตที่คุณกำหนด หากจำเป็น ให้เพิ่มตำแหน่งที่คุณต้องการลงในบล็อกไฟล์ templateDetails.xml โดยกำหนด ID ที่เหมาะสมให้กับแต่ละส่วนในการออกแบบของคุณ ดังนั้น ในการตั้งค่าพารามิเตอร์ส่วนหัว คุณสามารถสร้างส่วนหัวและรวมพารามิเตอร์นี้ไว้ในไฟล์ index.php ได้ดังนี้:
ขั้นตอนที่ 10
หลังจากสร้างส่วนหัวใหม่ คุณสามารถแก้ไขได้ผ่านหน้าต่าง Joomla ในตัวจัดการโมดูล ในการดำเนินการนี้ ให้สร้างสิ่งพิมพ์ใหม่และแทรกข้อความและรูปภาพที่จำเป็นที่จะแสดงในชื่อเรื่อง ทำเช่นเดียวกันกับองค์ประกอบทั้งหมดของอินเทอร์เฟซที่คุณกำลังสร้างและบันทึกการเปลี่ยนแปลงทั้งหมดที่คุณทำ
