หากคุณมีไซต์บนแพลตฟอร์ม Wordpress คุณอาจรู้ว่าเทมเพลตในบล็อกของคุณสามารถเปลี่ยนแปลงได้ไม่มีกำหนดเพราะ ไม่มีการจำกัดความสมบูรณ์แบบ แพลตฟอร์มนี้ได้กลายเป็นเครื่องมือที่เรียนรู้ได้อย่างรวดเร็วสำหรับผู้ดูแลเว็บ โดยเฉพาะอย่างยิ่งเนื่องจากสกินสามารถแก้ไขได้โดยใช้โปรแกรมทั่วไป
จำเป็น
- ซอฟต์แวร์:
- - อินเทอร์เน็ตเบราว์เซอร์ Firefox;
- - โปรแกรมเสริม Firebug
คำแนะนำ
ขั้นตอนที่ 1
เว็บมาสเตอร์หลายคนบอกว่าเบราว์เซอร์ในอุดมคติสำหรับการท่องเว็บและการสร้างไซต์คือผลิตภัณฑ์จาก Mozilla Firefox อาจเป็นโปรแกรมเดียวที่รองรับแอปพลิเคชั่นและส่วนเสริมมากมาย หากต้องการแก้ไขเทมเพลตบนแพลตฟอร์มใดๆ คุณต้องมีโปรแกรมเสริม Firebug ซึ่งช่วยให้คุณแสดงและแก้ไขพารามิเตอร์เทมเพลตบนเว็บไซต์ได้
ขั้นตอนที่ 2
ในการติดตั้งคุณต้องคลิกเมนูด้านบน "เครื่องมือ" ของเบราว์เซอร์และเลือกรายการ "โปรแกรมเสริม" หรือกดคีย์ผสม Ctrl + Shift + A ในหน้าต่างที่เปิดขึ้นอย่ารอการดาวน์โหลด แอปพลิเคชั่นที่แนะนำสำหรับ Firefox คุณควรวางเคอร์เซอร์ในฟิลด์ด้วยข้อความ "ค้นหาในโปรแกรมเสริมที่มี" และแนะนำ Firebug
ขั้นตอนที่ 3
ในรายการผลการค้นหา ให้คลิกปุ่มตรงข้ามรายการ Firebug หลังจากดาวน์โหลดส่วนเสริมนี้แล้ว ปุ่มรีสตาร์ททันทีจะใช้งานได้ คลิกเพื่อใช้การเปลี่ยนแปลง หากแอปพลิเคชันนี้ไม่ปรากฏในผลการค้นหาด้วยเหตุผลบางประการ ให้ไปที่เว็บไซต์ทางการของ Mozilla และติดตั้ง Firebug จากลิงก์ต่อไปนี้
ขั้นตอนที่ 4
หลังจากติดตั้งโปรแกรมเสริมนี้ ไอคอนขนาดเล็กที่มีรูปด้วงจะปรากฏขึ้นที่ด้านล่างของหน้าต่างเบราว์เซอร์ คลิกที่ไอคอนนั้น - ส่วนเสริมจะทำงาน ตัวอย่างเช่น คุณต้องการเปลี่ยนการแสดงลิงก์บนหน้าแรกของไซต์ของคุณ หากต้องการค้นหาโค้ดสำหรับองค์ประกอบนี้ในหน้าต่าง "จุดบกพร่อง" ซึ่งแบ่งออกเป็น 2 ส่วน คุณต้องเลือก Html และ Style สลับกัน ตอนนี้ในส่วนหนึ่งของหน้าต่าง html-code จะแสดง ในส่วนอื่น โค้ดจากไฟล์ style.css จะปรากฏขึ้น
ขั้นตอนที่ 5
ในบล็อก html นำทางผ่านไฟล์ คลิกบล็อกเป็นระยะ คุณจะเห็นว่าหลังจากคลิกที่หนึ่งในบล็อกใน "จุดบกพร่อง" การเลือกบล็อกเดียวกันจะปรากฏขึ้นบนหน้า วิธีนี้ทำให้ง่ายต่อการค้นหาองค์ประกอบที่แก้ไขได้ซึ่งคุณไม่ทราบรหัส
ขั้นตอนที่ 6
หลังจากที่คุณพบโค้ดที่ต้องการแล้ว ให้เลื่อนเคอร์เซอร์ไปที่หน้าต่างที่อยู่ติดกัน (สไตล์) ที่นี่คุณจะเห็นตัวเลือกการแสดงผลทั้งหมดสำหรับบล็อกที่กำหนด ตัวอย่างเช่น ขนาดแบบอักษรไม่มีอะไรมากไปกว่าองค์ประกอบขนาดแบบอักษร หากคุณต้องการเพิ่ม ให้เพิ่มสองสามหน่วยกับค่าที่มีอยู่แล้ว โปรดทราบว่าคุณจำเป็นต้องเปลี่ยนตัวเลขเท่านั้น ไม่ควรแตะตัวย่อ px (การกำหนดพิกเซล)
ขั้นตอนที่ 7
ในบล็อกเดียวกัน ให้ความสนใจกับองค์ประกอบทั้งหมด อาจมีช่องว่างภายใน ขอบ ฯลฯ เพื่อให้เข้าใจชื่อขององค์ประกอบที่ไม่คุ้นเคยกับคุณ ขอแนะนำให้ใช้การอ้างอิงคำสั่งออนไลน์แบบพิเศษ - https://htmlbook.ru ตามลิงค์นี้ ที่มุมขวาบนจะมีฟิลด์ "Site Search" ป้อนคำสั่งที่คุณกำลังค้นหาและกดปุ่ม Enter
ขั้นตอนที่ 8
คุณจะเห็นรูปแบบต่างๆ ขององค์ประกอบนี้ในผลการค้นหา ตัวอย่างเช่น คุณกำลังสงสัยว่าองค์ประกอบระยะขอบหมายถึงอะไร ป้อนคำนี้ในช่องค้นหาแล้วกด Enter จากผลการค้นหา ให้เลือกลิงก์ CSS แรก - ระยะขอบ หลังจากติดตามลิงก์นี้ คุณจะสามารถทำความคุ้นเคยกับคำสั่งนี้และเรียนรู้เกี่ยวกับแอปพลิเคชันทั้งหมด
