วิธีใช้ 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 ใหม่ตามความจำเป็น

โพสต์ยอดนิยม