วิธีใช้บล็อกตาราง WordPress

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

ในบทความนี้ เราจะพิจารณา Table Block อย่างละเอียด เราจะดูวิธีเพิ่มโพสต์ในโพสต์และเพจ การตั้งค่าและตัวเลือก แนวทางปฏิบัติที่ดีที่สุด และคำถามที่พบบ่อย

วิธีเพิ่มบล็อกตารางในโพสต์หรือหน้าของคุณ

คลิกตัวแทรกบล็อกที่คุณต้องการเพิ่มบล็อกและค้นหาตาราง เมื่อ Table Block ปรากฏขึ้น ให้คลิกเพื่อเพิ่มลงในเนื้อหาของคุณ อีกวิธีหนึ่ง คุณสามารถใช้ตัวแทรกที่ด้านซ้ายบนของหน้าจอ หรือพิมพ์ /table แล้วกด Enter

การทำเช่นนี้จะเพิ่ม Table Block ซึ่งคุณสามารถระบุจำนวนคอลัมน์และแถวได้ ป้อนจำนวนคอลัมน์และแถวที่คุณต้องการสำหรับตารางของคุณ แล้วคลิกสร้างตาราง

ตารางของคุณจะปรากฏบนหน้าจอซึ่งคุณสามารถเพิ่มเนื้อหาลงในเซลล์และเพิ่มคำบรรยายใต้ภาพได้ รูปแบบเริ่มต้นจะแตกต่างกันไปตามธีม WordPress ที่คุณใช้ ฉันใช้ธีม WordPress Twenty Twenty-One เพื่อเป็นตัวอย่าง

การตั้งค่าและตัวเลือกการบล็อกตาราง

มาดูการตั้งค่าและตัวเลือกกัน

แถบเครื่องมือบล็อกตาราง

แถบเครื่องมือ Table Block จะปรากฏเหนือตารางเมื่อคุณคลิกที่ตาราง

เปลี่ยนประเภทบล็อกหรือสไตล์

วิธีนี้ช่วยให้คุณเพิ่มตารางในกลุ่ม กำหนดจำนวนคอลัมน์สำหรับเค้าโครง (ไม่ใช่คอลัมน์ของตาราง) และเลือกสไตล์ที่คุณต้องการสำหรับตาราง มีสองตัวเลือกสำหรับสไตล์ สไตล์เริ่มต้นมีพื้นหลังทึบ ในขณะที่ Stripes จะเพิ่มแถบสีเทาให้กับทุกบรรทัด การวางเมาส์เหนือตัวเลือกจะแสดงตัวอย่าง

เปลี่ยนการจัดตำแหน่ง

ตั้งค่าตารางเป็นด้านซ้าย ตรงกลาง ด้านขวา ความกว้างแบบกว้าง หรือแบบเต็มความกว้าง ธีมทั้งหมดไม่รองรับความกว้างแบบกว้างและแบบเต็มความกว้าง ฉันได้ตั้งค่าความกว้างกว้างในตัวอย่างนี้

การจัดตำแหน่งคอลัมน์

เลือกการจัดตำแหน่งสำหรับแต่ละคอลัมน์แยกกัน ตั้งค่าเป็นการจัดตำแหน่งซ้าย กึ่งกลาง หรือขวา ในตัวอย่างนี้ ฉันได้ตั้งค่าคอลัมน์ซ้ายเป็นขวาและตั้งค่าที่เหลือเป็นศูนย์

ตัวหนาและตัวเอียง

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

ลิงค์

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

ตัวเลือกตารางเพิ่มเติม

ซึ่งจะเปิดกล่องดรอปดาวน์พร้อมตัวเลือกต่างๆ แต่ละตัวเลือกต่อไปนี้ถูกเพิ่มลงในรูปภาพด้านบน:

รหัสแบบอินไลน์ – แสดงข้อความที่มีรูปแบบเป็นรหัส

รูปภาพอินไลน์ – เปิดไลบรารีสื่อซึ่งคุณสามารถเลือกรูปภาพเพื่อวางแบบอินไลน์ที่ตำแหน่งของเคอร์เซอร์ของคุณ คุณสามารถเลือกรูปภาพเพื่อเปลี่ยนความกว้างได้

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

ขีดทับ – วางบรรทัดผ่านข้อความที่คุณไฮไลต์ไว้

ตัวห้อย – ทำให้ข้อความที่คุณเน้นเป็นตัวห้อย

Superscript – ทำให้ข้อความที่คุณเน้นเป็นตัวยก

Text Color – ให้คุณเปลี่ยนสีของข้อความที่คุณไฮไลท์ไว้ คุณสามารถเลือกจากสีที่สร้างไว้ล่วงหน้า เลือกสีโดยใช้เครื่องมือตัวเลือกสี หรือป้อนค่าเป็นรหัสฐานสิบหกหรือ RBG

แก้ไขตาราง

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

ตัวเลือกบล็อก

ปุ่มตัวเลือก Table Block จะเปิดกล่องดรอปดาวน์พร้อมตัวเลือกเพิ่มเติมให้เลือก ตัวเลือกตารางประกอบด้วย:

ซ่อนการตั้งค่าเพิ่มเติม – ตัวเลือกนี้จะซ่อนแถบด้านข้างขวาเพื่อให้คุณมีพื้นที่ทำงานที่สะอาดขึ้น

คัดลอก - คัดลอก บล็อกตารางไปยังคลิปบอร์ดของคุณ จากนั้นคุณสามารถวางได้ทุกที่ที่คุณต้องการภายในหน้าหรือโพสต์นั้น

ซ้ำ - สร้างบล็อกตารางที่ซ้ำกันภายใต้ตาราง

แทรกก่อน – แทรกพื้นที่สำหรับบล็อกก่อนบล็อกตาราง

แทรกหลัง – แทรกช่องว่างสำหรับบล็อกหลังบล็อกตาราง

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

แก้ไขเป็น HTML – ตัวเลือกนี้จะเปลี่ยนเป็นตัวแก้ไขโค้ด เพื่อให้คุณใช้เนื้อหาเป็น HTML ได้

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

กลุ่ม – สร้างกลุ่มเพื่อให้คุณสามารถปรับบล็อกทั้งหมดเข้าด้วยกัน

Remove Block – ตัวเลือกนี้จะลบ Table Block

การตั้งค่าบล็อกตาราง

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

สไตล์

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

สี

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

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

ในตัวอย่างด้านบน ฉันได้เลือกสีขาวสำหรับข้อความและตาราง และเลือกเฉดสีฟ้าสองสามเฉดสำหรับการไล่ระดับสีแบบรัศมี

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

การตั้งค่าตาราง

การตั้งค่าตารางมีตัวเลือกที่สามารถเปิดหรือปิดได้ การตั้งค่ารวมถึง:

ความกว้างคงที่ – ทำให้เซลล์มีขนาดเท่ากัน ตารางจึงดูสอดคล้องกัน ช่วยป้องกันไม่ให้เซลล์ปรับตามขนาดของเนื้อหาและทำให้เซลล์มีขนาดต่างกัน

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

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

ขั้นสูง

การตั้งค่าบล็อกตารางขั้นสูงมีตัวเลือกสำหรับจุดยึด HTML และช่องสำหรับเพิ่มคลาส CSS เพิ่มเติม Anchor ทำงานเป็น URL พิเศษ คุณจึงสามารถเชื่อมโยงไปยัง Table Block ได้โดยตรง ฟิลด์คลาส CSS ให้คุณเพิ่มคลาส CSS ที่กำหนดเองเพื่อกำหนดสไตล์บล็อก มีคลาสตามค่าเริ่มต้นสำหรับสไตล์ที่คุณเลือกในการตั้งค่าสไตล์

เคล็ดลับและแนวทางปฏิบัติที่ดีที่สุดสำหรับการใช้ Table Block อย่างมีประสิทธิภาพ

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

เพิ่มชื่อเรื่องสำหรับตารางด้วยบล็อกย่อหน้า

สร้างชื่อสำหรับแถวโดยการเพิ่มส่วนหัว ใช้ฉลากที่ชัดเจนที่เข้าใจง่าย

ใช้ความกว้างคงที่เพื่อทำให้โต๊ะดูสวยงามและเป็นมืออาชีพมากขึ้น

เลือก Stripes สำหรับตารางขนาดใหญ่เพื่อให้อ่านง่ายขึ้น

ใช้ส่วนท้ายเพื่อสรุปข้อมูลหรือแสดงชื่อเรื่องอีกครั้งหากตารางมีขนาดใหญ่

คำถามที่พบบ่อยเกี่ยวกับ Table Block

Table Block มีประโยชน์อย่างไร?

บล็อกนี้เหมาะสำหรับการสร้างตารางและแผนภูมิ

Table Block สามารถใช้สร้างคอลัมน์ได้หรือไม่?

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

สามารถเปลี่ยนขนาดโต๊ะภายหลังได้หรือไม่?

ใช่. แทรกหรือลบแถวหรือคอลัมน์โดยใช้ตัวเลือกของตาราง

บทสรุป

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

เราต้องการได้ยินจากคุณ คุณใช้ Table Block ในเนื้อหา WordPress ของคุณหรือไม่? แจ้งให้เราทราบเกี่ยวกับประสบการณ์ของคุณในความคิดเห็น

ภาพเด่นผ่าน Seahorse Vector / shutterstock.com