การสร้างเว็บไซต์ของคุณเองในปัจจุบันไม่ใช่เรื่องยาก แม้ว่าคุณจะไม่มีความรู้เฉพาะในด้านการออกแบบเว็บและการเขียนโปรแกรมก็ตาม คุณสามารถใช้เทมเพลตต่างๆ จำนวนมากที่โพสต์บนอินเทอร์เน็ต และสร้างและเผยแพร่เว็บไซต์ของคุณบนเครือข่ายโดยอิงจากเทมเพลตสำเร็จรูป อย่างไรก็ตาม ไม่ใช่ทุกคนที่พอใจกับเวอร์ชันของไซต์ที่เทมเพลตนำเสนออย่างเต็มที่ เราจะบอกวิธีเปลี่ยนเทมเพลตไซต์และทำให้เป็นเอกลักษณ์ในบทความนี้
คำแนะนำ
ขั้นตอนที่ 1
ดาวน์โหลดเทมเพลตและค้นหาไฟล์ style.css ในนั้น โดยทั่วไป ไฟล์นี้จะอยู่ในโฟลเดอร์ public_html
ขั้นตอนที่ 2
เปิดไฟล์ style.css ในแผ่นจดบันทึก และค้นหาข้อมูลโค้ดที่รับผิดชอบต่อรูปลักษณ์ของส่วนบนสุดของไซต์ ตัวอย่างนี้มีลักษณะดังนี้:
#logotype {
พื้นหลัง: url (images / logotype.png) no-repeat left center #fff;
ความกว้าง: 230px;
ความสูง: 60px;
ระยะขอบ: 10px 25px;
ตำแหน่ง: ญาติ;
ขั้นตอนที่ 3
ในโค้ดนี้ ในพื้นหลัง: url line คุณต้องระบุพาธไปยังภาพพื้นหลังของไซต์ในอนาคต บรรทัดถัดไประบุความยาวและความสูงของรูปภาพ และรายการระยะขอบจะกำหนดเยื้องแนวตั้งและแนวนอนของรูปภาพ
ขั้นตอนที่ 4
ค้นหาไฟล์ logotype.png
ขั้นตอนที่ 5
อัปโหลดภาพพื้นหลังไปยังโฟลเดอร์ public_html / tmpl / template_name / Images / จากนั้นเขียนเส้นทางไปยังรูปภาพในพื้นหลัง: url line
ขั้นตอนที่ 6
หากจำเป็น ให้เขียนพารามิเตอร์ของความสูง ความยาว และออฟเซ็ตของรูปภาพใหม่ ตำแหน่ง: เส้นสัมพัทธ์สามารถปล่อยให้อยู่คนเดียวได้ บันทึกการเปลี่ยนแปลงลงในไฟล์และอัปโหลดไปยังเซิร์ฟเวอร์แทนไฟล์เทมเพลตเก่า
ขั้นตอนที่ 7
หากคุณต้องการเปลี่ยนโลโก้ไซต์ส่วนท้าย ให้ดูใน style.css สำหรับข้อมูลโค้ดที่ขึ้นต้นด้วยคำว่า logotype-footer บันทึกรูปภาพด้วยโลโก้ใหม่และอัปโหลดไปยังโฟลเดอร์รูปภาพของเทมเพลต
ขั้นตอนที่ 8
เปลี่ยนพารามิเตอร์ความยาวและความสูง บันทึกไฟล์ style.css อีกครั้งและอัปโหลดไซต์ที่อัปเดตไปยังเซิร์ฟเวอร์
