วิธีสร้างตารางใน Wordpress โดยไม่ต้องใช้ปลั๊กอิน

คุณส่วนใหญ่ที่ใช้ Wordpress จะทราบดีว่าไม่มีวิธีดั้งเดิมในการเพิ่มตารางบนหน้าเว็บของคุณ ได้คุณสามารถใช้ปลั๊กอินของบุคคลที่สามเช่น TablePress เพื่อเพิ่มตารางลงใน Wordpress ได้ แต่ไม่ใช่วิธีที่มีประสิทธิภาพสูงสุด ปลั๊กอินไม่เพียง แต่ทำให้หน้าเว็บของคุณช้าลง แต่ยังทำให้ซอร์สโค้ดซับซ้อนอีกด้วย โชคดีที่มีหลายวิธีในการสร้างตารางใน Wordpress โดยไม่ต้องใช้ Plugin มาดูกัน

อ่าน:วิธีเพิ่ม CSS Box Shadow ใน WordPress

สร้างตารางใน Wordpress โดยไม่ต้องใช้ปลั๊กอิน

1. การใช้ Google เอกสาร

ฉันใช้ Google เอกสารเพื่อสร้างแบบร่างแรกของบทความของฉันเนื่องจากไม่เพียงตอบสนองมากกว่า Wordpress เท่านั้น แต่ยังช่วยให้ฉันสามารถทำงานร่วมกับนักเขียนคนอื่น และโชคดีที่ Google เอกสารยังมีคุณลักษณะตารางในตัวสิ่งที่คุณต้องทำคือสร้างตารางใน Google เอกสารจัดรูปแบบตามที่คุณต้องการจากนั้นคัดลอกวางตารางจาก Google เอกสารไปยัง Visual Editor ของ Wordpress ใช่มันง่ายมาก มาดูรายละเอียดกัน

ไปที่หน้า Google เอกสารของคุณแล้วคลิกไฟล์ ปุ่มแทรก บนแถบเมนู คลิกที่ โต๊ะ และเลือกขนาดโต๊ะของคุณ คุณสามารถเลือกตารางได้สูงสุด 20 × 20 เซลล์และฉันเดาว่าเพียงพอแล้ว

วิธีสร้างตารางใน Wordpress โดยไม่ใช้ปลั๊กอิน

หลังจากเลือกขนาดตารางจะปรากฏบนหน้า Google เอกสาร เมื่อคุณมีตารางว่างแล้วฉันจะแนะนำให้คุณเริ่มกรอกข้อมูลในตัวแก้ไข Google เอกสาร ด้วยเหตุนี้คุณสามารถอัปเดตแถว / คอลัมน์บน Google เอกสารได้อย่างง่ายดายซึ่งจะไม่สามารถทำได้ในภายหลังเมื่อคุณย้ายไปที่ Wordpress

เพื่อเพิ่มแถวและคอลัมน์ใน Google เอกสารคลิกขวาที่เซลล์ ในตารางคุณจะเห็นตัวเลือกมากมายในการแทรกแถว / คอลัมน์ทางด้านซ้ายและขวาของเซลล์

วิธีสร้างตารางใน Wordpress โดยไม่ใช้ปลั๊กอิน

เมื่อคุณทำเสร็จแล้วคัดลอกตาราง โดยเลือกพื้นที่โดยใช้เมาส์หรือปุ่มลูกศรบนแป้นพิมพ์และวางลงในโปรแกรมแก้ไขภาพของ WordPress

มันสร้างตารางโดยอัตโนมัติโดยไม่ต้องใช้ Plugin ซึ่งเป็นสิ่งที่น่าสนใจ คุณสามารถปรับขนาดตารางทั้งหมดเพื่อให้เข้ากับเค้าโครงของหน้าของคุณได้โดยแตะที่มุมของตารางในตัวแก้ไข WordPress

คุณส่วนใหญ่ที่ใช้ Wordpress จะทราบดีว่าไม่มีวิธีดั้งเดิมในการเพิ่มตาราง โชคดีที่มีหลายวิธีในการสร้างตารางใน Wordpress โดยไม่ใช้ปลั๊กอิน

ข้อ จำกัด

แม้ว่าวิธีการใช้ตาราง Google Docs จะง่ายมาก แต่ก็มีข้อ จำกัด บางประการ คุณไม่สามารถ เปลี่ยนขนาดของแต่ละเซลล์สีและตารางก็ไม่ตอบสนองเช่นกัน. หมายความว่าโต๊ะของคุณไม่พอดีกับอุปกรณ์มือถือและออกนอกขอบเขตของหน้า วิธีถัดไปแก้ไขปัญหานั้น

2. การใช้เครื่องกำเนิดตารางออนไลน์

ดังที่ฉันได้กล่าวไปแล้วคุณสามารถใช้หลายวิธีในการเพิ่มตารางและมีตัวสร้างตารางออนไลน์ที่ดีมากมาย โปรแกรมแก้ไขตารางออนไลน์เหล่านี้มีประโยชน์เมื่อคุณทำงานกับตารางขนาดใหญ่และซับซ้อน สิ่งที่คุณต้องทำคือค้นหาตัวสร้างตารางออนไลน์ที่เหมาะสมสำหรับคุณกำหนดขนาดตารางป้อนเนื้อหาตารางและคัดลอกเนื้อหาไปยังโปรแกรมแก้ไข Wordpress

ตัวสร้างตารางออนไลน์ทั้งหมดทำงานได้ดีและโดยส่วนตัวแล้วฉันชอบ Responsive Table Generator เพราะมีเค้าโครงที่เรียบง่ายและมีการแสดงตัวอย่างอย่างรวดเร็วเคียงข้างกัน และส่วนที่ดีที่สุดคือ ตารางทั้งหมดตอบสนองหมายความว่าหากหน้าจอเล็กเกินไปที่จะแสดงเนื้อหาทั้งหมดตารางจะแสดงแถบเลื่อนแนวนอน

คุณสามารถป้อนไฟล์ ข้อมูลด้วยตนเองวางจากแผ่นงาน excel หรือวางโค้ดตาราง HTML และแก้ไข

สำหรับอินสแตนซ์นี้เราจะดำเนินการด้วยตนเอง ในการเริ่มต้นให้คลิกที่ตัวเลือกป้อนข้อมูลบนหน้าแรกและเลือกขนาดตารางจากนั้นป้อนเนื้อหาของตารางในเซลล์ คุณจะได้รับตัวเลือกเพิ่มเติมในรูปแบบของรายการตรวจสอบเพื่อให้แถว / คอลัมน์แรกเป็นส่วนหัวของตาราง

ตาราง, ttable, สร้าง, googlecs, คัดลอก, คลิก, cuse, tablen, twordpress, wordpress, ชอบ, ytable, tgooglecs, ตอบสนอง, เครื่องกำเนิดไฟฟ้า

เมื่อคุณทำการเปลี่ยนแปลงและพอใจกับตารางแล้ว เลื่อนหน้าลงแล้วคัดลอกไฟล์ เอาต์พุต HTML ของเพจของคุณไปยังคลิปบอร์ดของคุณ

วิธีสร้างตารางใน Wordpress โดยไม่ใช้ปลั๊กอิน

จากนั้นตรงไปที่ โพสต์ Wordpressซึ่งคุณต้องการรวมตารางนี้ให้คลิกที่ไฟล์ ข้อความ เพื่อเปลี่ยนไปใช้โปรแกรมแก้ไขข้อความ HTML ตอนนี้คุณต้องวางลงในโปรแกรมแก้ไข Wordpress และบันทึกการเปลี่ยนแปลง ตารางของคุณจะปรากฏบนหน้าเว็บและจะปรับตามขนาดหน้าจอ

วิธีสร้างตารางใน Wordpress โดยไม่ใช้ปลั๊กอิน

ตารางบนตัวแก้ไขดูเรียบๆ แต่ก็ไม่เป็นไร เมื่อคุณบันทึกเพจมันจะปรับให้เข้ากับขนาดของเพจ ตารางจะหดตัวเมื่อขนาดหน้าจอลดลง มั่นใจได้ว่าตารางของคุณจะไม่ทำลายเค้าโครงหน้าบนอุปกรณ์ใด ๆ

คุณส่วนใหญ่ที่ใช้ Wordpress จะทราบดีว่าไม่มีวิธีดั้งเดิมในการเพิ่มตาราง โชคดีที่มีหลายวิธีในการสร้างตารางใน Wordpress โดยไม่ใช้ปลั๊กอิน

3. เครื่องมือสร้างตารางออนไลน์อื่น

สุดท้ายคุณสามารถใช้ Rapidtables ได้เช่นกันซึ่งมีการปรับแต่งมากกว่าก่อนหน้านี้ เครื่องมือสร้างตารางนี้สร้างตารางใน HTML เพื่อให้ไม่จำเป็นต้องมีความเชี่ยวชาญในการเขียนโค้ดมากนักคุณสามารถคัดลอกและวางลงในโค้ดของเพจของคุณได้ตาราง, ttable, สร้าง, googlecs, คัดลอก, คลิก, cuse, tablen, twordpress, wordpress, ชอบ, ytable, tgooglecs, ตอบสนอง, เครื่องกำเนิดไฟฟ้า

เราจะทำตามขั้นตอนและสร้างตารางของเราคุณสามารถปรับแต่งสีพื้นหลังสีเส้นขอบเส้นขอบสไตล์ช่องว่างภายใน ฯลฯ เมื่อคุณสร้างตารางที่กำหนดเองแล้วให้คัดลอกเนื้อหาไปยังตัวแก้ไข WordPress

วิธีสร้างตารางใน Wordpress โดยไม่ใช้ปลั๊กอิน

ตารางมีลักษณะดังรูปด้านล่างและมีพารามิเตอร์ที่กำหนดเองทั้งหมด แม้ว่าคุณอาจไม่เห็นผลลัพธ์ในตัวแก้ไขหากคุณตรวจสอบตัวอย่างคุณจะเห็นตารางที่อัปเดต

วิธีสร้างตารางใน Wordpress โดยไม่ใช้ปลั๊กอิน

วิธีที่ดีที่สุดในการสร้างตารางใน Wordpress โดยไม่ต้องใช้ปลั๊กอิน?

นี่เป็นสองสามวิธีที่เราสามารถเพิ่มตารางลงใน Wordpress ได้โดยไม่ต้องใช้ Plugin ตอนนี้คุณสามารถใช้ Google เอกสารได้หากคุณต้องการเครื่องมือด่วนในการสร้างตาราง มันไม่ง่ายไปกว่านี้อีกแล้ว ขอแนะนำให้ใช้ตัวสร้างตารางที่ตอบสนองโดยเฉพาะเมื่อคุณต้องการตารางที่ปรับให้เข้ากับขนาดหน้าจอที่แตกต่างกัน Rapidtables แม้ว่าจะไม่ตอบสนอง แต่คุณจะได้รับตัวเลือกการปรับแต่งเพิ่มเติม คุณสามารถตัดสินใจได้ว่าจะใช้วิธีใดและอาจบอกเราในความคิดเห็น

อ่าน:วิธีเปิดใช้งาน 2 Factor Authentication บน WordPress

ดูเพิ่มเติมที่