วิธีเปลี่ยนโครงสร้างคอลัมน์ของธีม WordPress
เผยแพร่แล้ว: 2022-10-19หากคุณต้องการเปลี่ยนโครงสร้างคอลัมน์ของธีม WordPress ก่อนอื่นคุณต้องเข้าใจว่าคอลัมน์ของธีมของคุณมีการจัดวางอย่างไร ธีม WordPress ส่วนใหญ่มีคอลัมน์เนื้อหาหลักและคอลัมน์แถบด้านข้าง คอลัมน์เนื้อหาหลักมักจะกว้างกว่าคอลัมน์แถบด้านข้าง บางธีมมีสามคอลัมน์ โดยมีคอลัมน์เนื้อหาหลักอยู่ตรงกลางและคอลัมน์ด้านข้างสองคอลัมน์ที่ด้านใดด้านหนึ่ง ธีมอื่นๆ มีคอลัมน์แถบด้านข้างหลายคอลัมน์ เมื่อคุณทราบวิธีการจัดวางคอลัมน์ของธีมของคุณแล้ว คุณสามารถเริ่มเปลี่ยนโครงสร้างคอลัมน์ได้ วิธีที่ง่ายที่สุดในการทำเช่นนี้คือการใช้ปลั๊กอิน เช่น ตัวจัดการคอลัมน์ ด้วยตัวจัดการคอลัมน์ คุณสามารถเปลี่ยนความกว้างของคอลัมน์ของคุณ และเพิ่มคอลัมน์ใหม่ได้อย่างง่ายดาย คุณยังสามารถจัดเรียงคอลัมน์ใหม่ได้ เพื่อให้คอลัมน์เนื้อหาหลักอยู่ทางซ้ายหรือขวา แทนที่จะอยู่ตรงกลาง หากคุณไม่ต้องการใช้ปลั๊กอิน คุณสามารถเปลี่ยนโครงสร้างคอลัมน์ได้โดยแก้ไข ไฟล์ CSS ของธีม อย่างไรก็ตาม นี่เป็นเทคนิคขั้นสูงและไม่แนะนำสำหรับผู้เริ่มต้น เมื่อคุณเปลี่ยนโครงสร้างคอลัมน์แล้ว คุณอาจต้องการเปลี่ยนวิธีการแสดงเนื้อหาของคุณในคอลัมน์เหล่านั้น ตัวอย่างเช่น คุณอาจต้องการเปลี่ยนลำดับการแสดงโพสต์ของคุณ หรือคุณอาจต้องการแสดงเนื้อหาที่แตกต่างกันในคอลัมน์ต่างๆ คุณสามารถทำได้โดยแก้ไขไฟล์เทมเพลตของธีม นี่เป็นเทคนิคขั้นสูงอีกครั้ง และไม่แนะนำสำหรับผู้เริ่มต้น เมื่อคุณทำการเปลี่ยนแปลงแล้ว อย่าลืมบันทึกการเปลี่ยนแปลงและอัปโหลดไปยังเซิร์ฟเวอร์ของคุณ จากนั้น ตรวจสอบไซต์ของคุณเพื่อให้แน่ใจว่าทุกอย่างมีลักษณะตามที่คุณต้องการ
ฉันจะเปลี่ยนเค้าโครงคอลัมน์ใน WordPress ได้อย่างไร

ใน WordPress คุณสามารถเปลี่ยนเค้าโครงคอลัมน์ได้โดยไปที่ส่วน "ลักษณะที่ปรากฏ" จากนั้นคลิกที่ "ตัวแก้ไข" จากที่นี่ คุณจะสามารถแก้ไข โค้ด CSS สำหรับเว็บไซต์ของคุณได้ หากคุณไม่คุ้นเคยกับ CSS คุณอาจต้องการจ้างผู้เชี่ยวชาญเพื่อช่วยคุณในเรื่องนี้
สองคอลัมน์ในเลย์เอาต์ของหน้าเดียวเท่านั้น หนึ่งลิงก์ส่วนหัวและทรัพยากรอื่นๆ หรือนี่เป็นปัญหาการออกแบบที่กำหนดเองหรือไม่ ฉันไม่เข้าใจ CSS แต่ถ้านั่นสามารถแก้ปัญหาได้ ฉันจะลองดู นี่เป็นวิธีที่สองสำหรับสองคอลัมน์ต่อไปนี้:. ไม่ควรใช้ตารางเมื่อคุณไม่ต้องการสองคอลัมน์ เนื่องจากธีมที่คุณใช้มีสองคอลัมน์อยู่แล้ว โปรดเปลี่ยนกลับเป็น โซลูชันสองคอลัมน์ ของฉันอีกครั้ง หากคอลัมน์ที่สองอยู่ต่ำกว่าคอลัมน์แรก อาจเป็นเพราะข้อผิดพลาดในการพิมพ์หรือขั้นตอนเกี่ยวกับความกว้างหรือช่องว่างภายใน ในการอัปเดตองค์ประกอบใดๆ นอกพื้นที่ข้อความหลักของโพสต์ หน้าสแตติก และวิดเจ็ตข้อความ คุณต้องติดตั้ง Custom Design Upgrade ก่อน
คุณสามารถเปลี่ยนได้โดยใส่สิ่งต่อไปนี้ในแท็กเปิดของคุณ มีสามปุ่ม อะไรก็ได้ที่คุณอยากทำ หากคุณใส่ความกว้างและช่องว่างภายในใน div เดียวกัน คุณจะต้องเปลี่ยนช่องว่างภายใน เนื่องจากคุณไม่ได้ระบุว่าสไตล์ชีตระบุความกว้างสูงสุดหรือไม่ (แม้ว่าปกติจะไม่ทำงานใน IE7) ข้อกำหนดของคุณก็ทำให้ต้องเสียภาษีมากขึ้น พวกเราคนเดียวขาดอะไรบางอย่างซึ่งฉันเชื่อ วิธีใดดีที่สุดในการเขียนโค้ดสองคอลัมน์ใน ธีมแบบ ยืดหยุ่น
สำหรับผู้ใช้ที่กังวลเกี่ยวกับความเข้ากันได้ ควรปรับความกว้าง DIV แทนค่าการเติม มีหลายทางเลือกในการแก้ไขปัญหาเหล่านี้ แต่เราไม่สามารถมี HTML5 ที่มีความหมายดีที่สุดได้ ฉันเห็นด้วยกับคุณอย่างเต็มที่ การทราบแบนด์วิดธ์สูงสุดที่ตั้งใจไว้นั้นเป็นข้อดีอย่างมาก
เพิ่มคอลัมน์ในเนื้อหา WordPress ของคุณเพื่อเค้าโครงที่ง่ายต่อการนำทาง
คุณสามารถใช้ WordPress เพื่อสร้างบล็อกและเว็บไซต์ ติดตั้งและใช้งานได้ง่าย และสามารถรองรับเนื้อหาจากแหล่งที่หลากหลายได้อย่างง่ายดาย นี่เป็นคุณสมบัติที่ยอดเยี่ยมของ WordPress เช่นเดียวกับเลย์เอาต์ของคอลัมน์ การมีคอลัมน์ในเนื้อหาของคุณทำให้อ่านและนำทางได้ง่ายขึ้น เมื่อคุณเลือกบล็อคทั้งหมดที่คุณต้องการสร้างคอลัมน์แล้ว ให้คลิกและลากเพื่อเริ่มกรอกเนื้อหาของคุณ โดยคลิกที่ไอคอนบล็อกในแถบเครื่องมือด้านซ้ายมือ คุณสามารถเลือกได้ ใต้รายการ "แปลงเป็น" ให้เลือก "คอลัมน์" จำนวนคอลัมน์ที่คุณต้องการแทรกขึ้นอยู่กับคุณแล้ว หากต้องการเปลี่ยน ความสูงและความกว้างของคอลัมน์ ให้ไปที่พื้นที่ "รายละเอียดการบล็อก" ของแดชบอร์ด แม้ว่าคุณสามารถเพิ่มคอลัมน์ในลักษณะง่ายๆ ได้ แต่อาจจำเป็นต้องจัดรูปแบบคอลัมน์ด้วยวิธีอื่น คุณสามารถเพิ่มได้โดยการเลื่อนเคอร์เซอร์ไปมาระหว่างสองช่วงตึกบนเพจของคุณในขณะที่อยู่ในตัวแก้ไขบทความ ตอนนี้ต้องเลือกบล็อกการจัดรูปแบบ คุณจะต้องเลือกความกว้างและความสูงของคอลัมน์เพื่อแทรกบล็อก เมื่อคุณมีตัวเลือกเหล่านี้แล้ว คุณสามารถจัดรูปแบบคอลัมน์ของคุณในแบบที่คุณต้องการได้

ฉันจะจัดรูปแบบคอลัมน์ใน WordPress ได้อย่างไร
ในการจัดรูปแบบคอลัมน์ใน WordPress คุณจะต้องสร้างคอลัมน์ใหม่ก่อน ในการดำเนินการนี้ ให้คลิกที่ปุ่ม "คอลัมน์" ในตัวแก้ไข WordPress ซึ่งจะแสดงหน้าต่างป๊อปอัปซึ่งคุณสามารถเลือกจำนวนคอลัมน์ที่คุณต้องการสร้างได้ เมื่อคุณเลือกจำนวนคอลัมน์แล้วให้คลิกที่ปุ่ม "ตกลง" ถัดไป คุณจะต้องเลือกข้อความที่คุณต้องการวางในแต่ละคอลัมน์ ในการดำเนินการนี้ ให้คลิกที่แท็บ "ข้อความ" ในตัวแก้ไข WordPress จากนั้นคลิกที่ปุ่ม "คอลัมน์" อีกครั้ง คราวนี้ เลือกจำนวนคอลัมน์ที่คุณต้องการใช้ เมื่อคุณเลือกจำนวนคอลัมน์แล้วให้คลิกที่ปุ่ม "ตกลง" สุดท้าย คุณจะต้องจัดรูปแบบข้อความในแต่ละคอลัมน์ ในการดำเนินการนี้ ให้คลิกที่ปุ่ม "รูปแบบ" ในตัวแก้ไข WordPress หน้าต่างป๊อปอัปจะปรากฏขึ้นซึ่งคุณสามารถเลือกแบบอักษร ขนาด และสีของข้อความได้ เมื่อคุณทำการเลือกแล้วให้คลิกที่ปุ่ม "ตกลง"
ในฐานะไคลเอนต์ Supsystic ผู้ใช้ของเราสามารถใช้ Simple Data Table Generator เพื่อสร้างตัวเลือกและการดำเนินการที่หลากหลาย ไม่มีการจำกัดจำนวนฟังก์ชันที่ปลั๊กอินนี้สามารถทำได้ และไม่จำกัดเพียงการสร้างตารางข้อมูลบนไซต์ WordPress ตามที่ระบุไว้ก่อนหน้านี้ คุณจะได้เรียนรู้วิธีจัดรูปแบบตารางโดยไม่ต้องแตะบรรทัดโค้ดโดยทำตามขั้นตอนด้านล่าง ปลั๊กอิน WordPress Data Table Generator มีการออกแบบที่เรียบง่ายพร้อมองค์ประกอบการดูแลระบบที่ใช้งานง่าย รวมถึงแผงที่ชัดเจนที่ให้คุณเปลี่ยนประเภทของตารางที่คุณสร้างได้ ตารางนี้สามารถรวมข้อมูลประเภทใดก็ได้ รวมถึงสูตร จำนวนคอลัมน์ที่คุณมี ประเภทของเนื้อหาที่คุณมี และขนาดของตารางของคุณล้วนมีความสำคัญ จะไม่มีอุปสรรคต่อการนำทาง และการออกแบบจะง่ายต่อการใช้งานบนอุปกรณ์ใดๆ รวมทั้งแท็บเล็ต โทรศัพท์มือถือ และแล็ปท็อป
การเพิ่มคอลัมน์ใหม่ใน WordPress – The Hard Way
WordPress: การเพิ่มคอลัมน์ใหม่ให้กับเฟรมเวิร์กนั้นทำได้ยาก เมื่อคุณอยู่ในเครื่องมือแก้ไขบทความ คุณจะได้รับแจ้งให้เลื่อนเคอร์เซอร์ไปมาระหว่างสองช่วงตึกบนหน้าเว็บของคุณ ซึ่งคุณจะต้องคลิกปุ่ม 'เพิ่มบล็อก' เพื่อ หลังจากนั้น บล็อกคอลัมน์ จะปรากฏขึ้น และคุณต้องเลือกจากเมนูที่แสดงไว้ในขณะนี้ หากคุณต้องการเพิ่มคอลัมน์ใหม่ ให้คลิกปุ่ม 'เพิ่ม' จากนั้นเลือกบล็อก 'คอลัมน์' จากเมนูที่ปรากฏขึ้นในขณะนี้ โปรดป้อนจำนวนคอลัมน์ที่คุณต้องการในหน้าต่างใหม่นี้ คุณจะต้องเพิ่มเนื้อหาในแต่ละคอลัมน์ทันทีที่คุณทำขั้นตอนนี้เสร็จสิ้น
คอลัมน์ WordPress
คอลัมน์เป็นวิธีที่ยอดเยี่ยมในการเพิ่มองค์กรและความน่าสนใจให้กับไซต์ WordPress ของคุณ ตามค่าเริ่มต้น WordPress มาพร้อมกับรูปแบบสองคอลัมน์ แต่คุณสามารถเพิ่มคอลัมน์หรือเปลี่ยนจำนวนคอลัมน์ต่อแถวได้อย่างง่ายดาย หากต้องการเพิ่มคอลัมน์ เพียงเพิ่มรหัส ย่อคอลัมน์ จำนวนที่ต้องการลงในบทความหรือหน้าของคุณ ตัวอย่างเช่น ในการเพิ่มสามคอลัมน์ คุณจะต้องใช้รหัสย่อต่อไปนี้: [columns] [column]First column[/column] [column]Second column[/column] [column]Third column[/column] [/column]