คุณส่วนใหญ่ที่ใช้ Wordpress จะทราบดีว่าไม่มีวิธีดั้งเดิมในการเพิ่มตารางบนหน้าเว็บของคุณ ได้คุณสามารถใช้ปลั๊กอินของบุคคลที่สามเช่น TablePress เพื่อเพิ่มตารางลงใน Wordpress ได้ แต่ไม่ใช่วิธีที่มีประสิทธิภาพสูงสุด ปลั๊กอินไม่เพียง แต่ทำให้หน้าเว็บของคุณช้าลง แต่ยังทำให้ซอร์สโค้ดซับซ้อนอีกด้วย โชคดีที่มีหลายวิธีในการสร้างตารางใน Wordpress โดยไม่ต้องใช้ Plugin มาดูกัน
อ่าน:วิธีเพิ่ม CSS Box Shadow ใน WordPress
สร้างตารางใน Wordpress โดยไม่ต้องใช้ปลั๊กอิน
1. การใช้ Google เอกสาร
ฉันใช้ Google เอกสารเพื่อสร้างแบบร่างแรกของบทความของฉันเนื่องจากไม่เพียงตอบสนองมากกว่า Wordpress เท่านั้น แต่ยังช่วยให้ฉันสามารถทำงานร่วมกับนักเขียนคนอื่น และโชคดีที่ Google เอกสารยังมีคุณลักษณะตารางในตัวสิ่งที่คุณต้องทำคือสร้างตารางใน Google เอกสารจัดรูปแบบตามที่คุณต้องการจากนั้นคัดลอกวางตารางจาก Google เอกสารไปยัง Visual Editor ของ Wordpress ใช่มันง่ายมาก มาดูรายละเอียดกัน
ไปที่หน้า Google เอกสารของคุณแล้วคลิกไฟล์ ปุ่มแทรก บนแถบเมนู คลิกที่ โต๊ะ และเลือกขนาดโต๊ะของคุณ คุณสามารถเลือกตารางได้สูงสุด 20 × 20 เซลล์และฉันเดาว่าเพียงพอแล้ว
หลังจากเลือกขนาดตารางจะปรากฏบนหน้า Google เอกสาร เมื่อคุณมีตารางว่างแล้วฉันจะแนะนำให้คุณเริ่มกรอกข้อมูลในตัวแก้ไข Google เอกสาร ด้วยเหตุนี้คุณสามารถอัปเดตแถว / คอลัมน์บน Google เอกสารได้อย่างง่ายดายซึ่งจะไม่สามารถทำได้ในภายหลังเมื่อคุณย้ายไปที่ Wordpress
เพื่อเพิ่มแถวและคอลัมน์ใน Google เอกสารคลิกขวาที่เซลล์ ในตารางคุณจะเห็นตัวเลือกมากมายในการแทรกแถว / คอลัมน์ทางด้านซ้ายและขวาของเซลล์
เมื่อคุณทำเสร็จแล้วคัดลอกตาราง โดยเลือกพื้นที่โดยใช้เมาส์หรือปุ่มลูกศรบนแป้นพิมพ์และวางลงในโปรแกรมแก้ไขภาพของ WordPress
มันสร้างตารางโดยอัตโนมัติโดยไม่ต้องใช้ Plugin ซึ่งเป็นสิ่งที่น่าสนใจ คุณสามารถปรับขนาดตารางทั้งหมดเพื่อให้เข้ากับเค้าโครงของหน้าของคุณได้โดยแตะที่มุมของตารางในตัวแก้ไข WordPress
ข้อ จำกัด
แม้ว่าวิธีการใช้ตาราง Google Docs จะง่ายมาก แต่ก็มีข้อ จำกัด บางประการ คุณไม่สามารถ เปลี่ยนขนาดของแต่ละเซลล์สีและตารางก็ไม่ตอบสนองเช่นกัน. หมายความว่าโต๊ะของคุณไม่พอดีกับอุปกรณ์มือถือและออกนอกขอบเขตของหน้า วิธีถัดไปแก้ไขปัญหานั้น
2. การใช้เครื่องกำเนิดตารางออนไลน์
ดังที่ฉันได้กล่าวไปแล้วคุณสามารถใช้หลายวิธีในการเพิ่มตารางและมีตัวสร้างตารางออนไลน์ที่ดีมากมาย โปรแกรมแก้ไขตารางออนไลน์เหล่านี้มีประโยชน์เมื่อคุณทำงานกับตารางขนาดใหญ่และซับซ้อน สิ่งที่คุณต้องทำคือค้นหาตัวสร้างตารางออนไลน์ที่เหมาะสมสำหรับคุณกำหนดขนาดตารางป้อนเนื้อหาตารางและคัดลอกเนื้อหาไปยังโปรแกรมแก้ไข Wordpress
ตัวสร้างตารางออนไลน์ทั้งหมดทำงานได้ดีและโดยส่วนตัวแล้วฉันชอบ Responsive Table Generator เพราะมีเค้าโครงที่เรียบง่ายและมีการแสดงตัวอย่างอย่างรวดเร็วเคียงข้างกัน และส่วนที่ดีที่สุดคือ ตารางทั้งหมดตอบสนองหมายความว่าหากหน้าจอเล็กเกินไปที่จะแสดงเนื้อหาทั้งหมดตารางจะแสดงแถบเลื่อนแนวนอน
คุณสามารถป้อนไฟล์ ข้อมูลด้วยตนเองวางจากแผ่นงาน excel หรือวางโค้ดตาราง HTML และแก้ไข
สำหรับอินสแตนซ์นี้เราจะดำเนินการด้วยตนเอง ในการเริ่มต้นให้คลิกที่ตัวเลือกป้อนข้อมูลบนหน้าแรกและเลือกขนาดตารางจากนั้นป้อนเนื้อหาของตารางในเซลล์ คุณจะได้รับตัวเลือกเพิ่มเติมในรูปแบบของรายการตรวจสอบเพื่อให้แถว / คอลัมน์แรกเป็นส่วนหัวของตาราง
เมื่อคุณทำการเปลี่ยนแปลงและพอใจกับตารางแล้ว เลื่อนหน้าลงแล้วคัดลอกไฟล์ เอาต์พุต HTML ของเพจของคุณไปยังคลิปบอร์ดของคุณ
จากนั้นตรงไปที่ โพสต์ Wordpressซึ่งคุณต้องการรวมตารางนี้ให้คลิกที่ไฟล์ ข้อความ เพื่อเปลี่ยนไปใช้โปรแกรมแก้ไขข้อความ HTML ตอนนี้คุณต้องวางลงในโปรแกรมแก้ไข Wordpress และบันทึกการเปลี่ยนแปลง ตารางของคุณจะปรากฏบนหน้าเว็บและจะปรับตามขนาดหน้าจอ
ตารางบนตัวแก้ไขดูเรียบๆ แต่ก็ไม่เป็นไร เมื่อคุณบันทึกเพจมันจะปรับให้เข้ากับขนาดของเพจ ตารางจะหดตัวเมื่อขนาดหน้าจอลดลง มั่นใจได้ว่าตารางของคุณจะไม่ทำลายเค้าโครงหน้าบนอุปกรณ์ใด ๆ
3. เครื่องมือสร้างตารางออนไลน์อื่น
สุดท้ายคุณสามารถใช้ Rapidtables ได้เช่นกันซึ่งมีการปรับแต่งมากกว่าก่อนหน้านี้ เครื่องมือสร้างตารางนี้สร้างตารางใน HTML เพื่อให้ไม่จำเป็นต้องมีความเชี่ยวชาญในการเขียนโค้ดมากนักคุณสามารถคัดลอกและวางลงในโค้ดของเพจของคุณได้
เราจะทำตามขั้นตอนและสร้างตารางของเราคุณสามารถปรับแต่งสีพื้นหลังสีเส้นขอบเส้นขอบสไตล์ช่องว่างภายใน ฯลฯ เมื่อคุณสร้างตารางที่กำหนดเองแล้วให้คัดลอกเนื้อหาไปยังตัวแก้ไข WordPress
ตารางมีลักษณะดังรูปด้านล่างและมีพารามิเตอร์ที่กำหนดเองทั้งหมด แม้ว่าคุณอาจไม่เห็นผลลัพธ์ในตัวแก้ไขหากคุณตรวจสอบตัวอย่างคุณจะเห็นตารางที่อัปเดต
วิธีที่ดีที่สุดในการสร้างตารางใน Wordpress โดยไม่ต้องใช้ปลั๊กอิน?
นี่เป็นสองสามวิธีที่เราสามารถเพิ่มตารางลงใน Wordpress ได้โดยไม่ต้องใช้ Plugin ตอนนี้คุณสามารถใช้ Google เอกสารได้หากคุณต้องการเครื่องมือด่วนในการสร้างตาราง มันไม่ง่ายไปกว่านี้อีกแล้ว ขอแนะนำให้ใช้ตัวสร้างตารางที่ตอบสนองโดยเฉพาะเมื่อคุณต้องการตารางที่ปรับให้เข้ากับขนาดหน้าจอที่แตกต่างกัน Rapidtables แม้ว่าจะไม่ตอบสนอง แต่คุณจะได้รับตัวเลือกการปรับแต่งเพิ่มเติม คุณสามารถตัดสินใจได้ว่าจะใช้วิธีใดและอาจบอกเราในความคิดเห็น
อ่าน:วิธีเปิดใช้งาน 2 Factor Authentication บน WordPress