[WP] สร้างตารางใน wordpress ง่ายๆ ด้วยWP-Table Reloaded

WP_Table_Reloaded_main.jpg

ถ้าหากว่าเราต้องการจะสร้างตารางที่จะมีการเปลี่ยนแปลงข้อมูลอยู่บ่อยๆ การที่จะมาเขียนโค้ด HTML เองตลอดก็เป็นเรื่องยุ่งยากพอสมควรทีเดียว เช่น ตารางผลการแข่งขันฟุตบอล เป็นต้น ดังนั้นออฟก็เลยไปหา แล้วก็พบเจ้าปลั๊กอินสุดโดนใจสำหรับ wordpress อย่าง  WP-Table Reloaded ซึ่งเข้ามาช่วยให้ชีวิตง่ายขึ้นเยอะเลยค่า

  • ขั้นตอนการติดตั้ง WP-Table Reloaded

  1. ไปโหลด Plugin มาก่อนที่ http://wordpress.org/extend/plugins/wp-table-reloaded
  2. เข้าระบบ Admin แล้วเลือก Plugins (ที่อยู่ทางด้านบนขวาของจอ)
  3. แล้วเลือก Add New
  4. จากนั้นเลือกที่แถบ Upload
  5. กด Browse เพื่อเลือกไฟล์ที่โหลดมา แล้วกด Install Now
  6. ทำการ Active   ซะ
  7. เสร็จสิ้นขั้นตอนการติดตั้ง
  • การสร้างตารางด้วย WP-Table Reloaded

  1. ที่แถบเมนูด้านขวาเลือก Tool -> WP-Table Reloaded
  2. ที่แถบตัวเลือกด้านบนเลือก Add new table
  3. กำหนดค่าเริ่มต้นของตารางเช่น ชื่อตาราง, จำนวนแถว, จำนวนคอลัมน์
    WP_Table_Reloaded_add_new2.jpg
  4. ใส่ค่าให้กับ แถวและคอลัมน์
    WP_Table_Reloaded_add_new3.jpg
  5. กำหนดค่าเพิ่มเติม
    - Data Maniputlation : จัดการส่วนการเพิ่ม ลบ เรียงลำดับข้อมูลต่างๆ
    WP_Table_Reloaded_add_new4.jpg
    - Table Styling Options : ปรับเปลี่ยนรูปแบบของตาราง
    WP_Table_Reloaded_add_new5.jpg
    - Others
    WP_Table_Reloaded_add_new6.jpg
  • การนำโค้ดของตารางไปใช้

ถ้าหากว่าต้องกา่รนำตารางไปวางไปใน Post, page หรือ widget ก็เพียงใช้ [table id=[id] /] เช่น [table id=2 /] ไปวางก็เสร็จแล้วค่า

  • ตัวอย่างการใช้งาน

WP_Table_Reloaded_example.jpg

  • อ่าน document การใช้งานเพิ่มเติม

ได้ที่ http://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/

Popularity: 2% [?]

Related posts:

Tags: , , , ,

Leave a Reply

7 Comments

  • September 16, 2010 | Permalink | Reply

    ช่วยแนะนำหน่อย ว่า มันมีประโยชน์ใช้ทำอะไร

    • September 16, 2010 | Permalink | Reply

      ปลั๊กอินตัวนี้จะมีประโยชน์เมื่อเราต้องการที่จะแสดงข้อมูลเป็นตาราง แต่ไม่อยากเขียนโค้ด html ด้วยตัวเองค่ะ เช่น ตารางคะแนน, ตารางผลการแข่งขันกีฬา

  • mat
    December 27, 2010 | Permalink | Reply

    Thank you ka.

  • January 13, 2011 | Permalink | Reply

    เป็นประโยชน์มากๆ เลยครับผม : )

  • July 18, 2011 | Permalink | Reply

    ผมก็อปจาก excel มาวางเลยคับ

  • pukky
    October 2, 2011 | Permalink | Reply

    ทำมัยเอา code ไปวางแล้วไม่เห็นมันเป็นตารางที่เราสร้างเลยอะคะ พยายามลองทำแล้วอะ แนะนำหน่อยคะว่าต้องวางอย่างไรคะ

  • February 12, 2012 | Permalink | Reply

    กำลังหาพอดี … ลองใช้เเล้ว

One Trackback

Leave a comment

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Your email is never shared. Required fields are marked *