วิธีใช้ Div กับ WordPress
ในการเข้ารหัส HTML ตัวแบ่งหรือแท็ก“ Div” เป็นส่วนหนึ่งของรหัสที่ช่วยให้คุณสร้างส่วนใหม่สำหรับเว็บไซต์ซึ่งมีเนื้อหาของตัวเองและองค์ประกอบ HTML คุณสามารถใช้พวกเขาเพื่อแยกบางส่วนของเว็บไซต์ของคุณเช่นที่ตั้งของธุรกิจของคุณในแผนที่แบบฝังข้อเสนอพิเศษและโปรโมชั่นหรือรายละเอียดการติดต่อ ในการเพิ่มตัวแบ่งให้เพิ่มโค้ด HTML และ CSS ใน Theme Editor ของบล็อกของคุณ
1
เข้าสู่แผงควบคุมการดูแลระบบ WordPress ของคุณ คลิก“ ลักษณะที่ปรากฏ” จากแถบเมนูหลักทางด้านซ้ายของหน้าจอจากนั้นคลิก“ ตัวแก้ไข”
2
คลิก“ style.css” จากรายการไฟล์ทางด้านขวาของหน้าจอ มันมักจะอยู่ใกล้ด้านล่างของรายการ
3
เลื่อนไปที่ด้านล่างของไฟล์และเริ่มบรรทัดใหม่ วางในตัวอย่างรหัสต่อไปนี้:
newdiv {
จอแสดงผล: บล็อก; ความกว้าง: 100%; สีพื้นหลัง: สีขาว; สีดำ; เส้นขอบ: แดงแข็ง 5px; ขอบ: 5px; การขยาย: 5px; }
เปลี่ยน“ newdiv” เป็นชื่อที่เหมาะสมยิ่งขึ้นสำหรับตัวแบ่งและเปลี่ยนแอตทริบิวต์เพื่อให้เหมาะกับสไตล์ที่คุณต้องการให้ Div มี โปรดทราบว่า "มาร์จิ้น" จะสร้างช่องว่างระหว่าง Div และองค์ประกอบเว็บไซต์อื่น ๆ ที่อยู่รอบ ๆ และ "padding" สร้างช่องว่างระหว่างขอบของ Div และเนื้อหาที่อยู่ในนั้น
4
คลิกปุ่ม“ อัปเดตไฟล์” ที่อยู่ใต้บานหน้าต่างการแก้ไข
5
คลิกไฟล์เทมเพลตจากรายการไฟล์ที่สอดคล้องกับส่วนของไซต์ที่คุณต้องการเพิ่ม Div ตัวอย่างเช่นหากคุณต้องการโพสต์ในหน้าโพสต์ให้คลิก“ single.php”
6
เลื่อนดูไฟล์และวางเคอร์เซอร์ไว้ที่ตำแหน่งในไฟล์ที่คุณต้องการเพิ่มตัวแบ่งใหม่
7
พิมพ์รหัสต่อไปนี้ลงในไฟล์:
เพิ่มเนื้อหาที่คุณต้องการให้ตัวแบ่งระหว่างแท็กทั้งสองนี้จากนั้นคลิก“ อัปเดตไฟล์” ตอนนี้คุณสามารถเพิ่มแท็กนี้ลงในไฟล์เทมเพลตอื่น ๆ หรือสร้าง Divs ใหม่ตามความจำเป็น