ikok's picture
10285
posts

ใครเคยเล่นเวปบอร์ดพวกตระกูล phpnuke มาก่อน น่าจะคุ้นเคยกับการพิมพ์และการจัดตัวหนังสือแบบมี html tag ติดคู่ไปกับตัวหนังสือด้วย
ตัวระบบที่ผมใช้นี้ก็ไม่หนีกันมากครับ มีตัวช่วยเสริมมาบ้างนิดหน่อย ตามนี้
text-buttons.jpg
1. ปุ่มแทรกรูป
สำหรับแทรกภาพเข้ามาในกล่องข้อความขณะพิมพ์ครับ อธิบายอย่างละเอียดเอาไว้แล้วที่นี่ครับ http://macmuemai.com/content/805
2. ปุ่มแทรก link หรือ URL
เอาไว้สำหรับทำให้ข้อความที่เราต้องการ link ไปยัง URL หน้าเวปที่เรากำหนด วิธีใช้คือ

  1. hi-light ข้อความที่เราต้องการก่อน
  2. แล้วค่อยเลือกปุ่มนี้
  3. จากนั้นใส่ URL ที่เราต้องการลงไป แล้วกด OK ครับ
    1. และ 5. ปุ่มปรับตัวหนา, ตัวเอียง และปรับขนาดหัวเรื่อง วิธีใช้เหมือนกันคือ
  1. hi-light ข้อความที่เราต้องการก่อน
  2. แล้วค่อยเลือกปุ่มนี้
  1. ปุ่มร่นระยะ (Indent)
    จะทำให้ข้อความที่เราพิมพ์ร่นเข้ามาระดับนึง ส่วนมากเอาไว้ใส่พวกคำอธิบายต่าง ๆ ทำให้อ่านได้ง่ายเพราะดูเป็นสัดส่วนครับ - ใช้แล้วจะได้ผลประมาณคำอธิบายของปุ่มนี้ครับ คือจะร่นเข้ามานิดนึง
  2. ปุ่น Quote ข้อความ
    เอาไว้อ้างอิงข้อความจากคำตอบของบุคคลอื่น วิธีใช้ก็
  1. copy ข้อความที่เราต้องการมาลงในกล่องข้อความของเรา
  2. hi-light ตัวข้อความ
  3. แล้วกดปุ่ม quote นี้ครับ

ผลที่ได้จะเป็นประมาณนี้
ทดสอบการใช้ปุ่ม quote ในกล่องพิมพ์ข้อความ
8-9. ปุ่มใส่ list
ปุ่ม 8 เป็นรายการแบบไล่ลำดับ ส่วนปุ่ม 9 เป็นรายการแบบไม่เจาะจงลำดับครับ แบบนี้

  1. ปุ่ม 8 รายการ a
  2. ปุ่ม 8 รายการ b
  3. ปุ่ม 8 รายการ c
  • ปุ่ม 9 รายการ a
  • ปุ่ม 9 รายการ b
  • ปุ่ม 9 รายการ c
  1. ปุ่มตัดส่วน Teaser
    ส่วน Teaser คือส่วนเนื้อหาโดยย่อ ที่เรามักจะเห็นโพสตัดตอนมาจากเนื้อหาเต็ม ๆ ของเวปอีกหน้าหนึ่ง ประมาณหน้าหนึ่งของหนังสือพิมพ์ ที่จะมีเรื่องย่อแล้วให้ตามอ่านต่อที่เหลือเต็ม ๆ ด้านใน เจ้าเรื่องย่อในหน้าหนึ่งนี้คือที่ระบบจะเรียกว่า Teaser ครับ

ปุ่มนี้เอาไว้สำหรับตัดเนื้อหาโดยย่อจากเนื้อหาเต็ม ๆ ของเราเพื่อเอาไว้แสดงผลในหน้าอื่น ใครที่เขียน tutorial เข้าเวปนี้คงอาจจะได้ใช้บ้าง แต่ถึงไม่กำหนดตรงนี้ ผมได้ตั้งให้ทางระบบตัดเนื้อหาโดยย่อให้เองแล้วเหมือนกันครับ แต่บางทีระบบจะตัดคำแบบขาด ๆ เกิน ๆ ก็อาจจะต้องมาใช้ปุ่มนี้ช่วยกำหนดการตัดตอนให้เป็นไปตามที่ควรจะเป็นครับ
11. ปุ่ม Preview
ปุ่มแสดงผลของตัวข้อความเราที่พิมพ์ไปใส่ html tag ไป ถ้าใครอยากจะทราบว่าหน้าตาพอ save แล้วจะออกมาประมาณไหน ก็กดปุ่มนี้ดูก่อนคร่าว ๆ ได้นะครับ หรือจะกดปุ่ม Preview ที่อยู่ด้านล่างของหน้าเวปก็ได้ ให้ผลเหมือนกัน แต่กดจากปุ่มลูกตา (Preview) นี้จะแสดงผลได้เร็วกว่า เพราะไม่ต้องโหลดหน้าเวปใหม่เหมือนปุ่ม Preview ด้านล่างครับ
12. ปุ่น Help
เป็นชื่อรวมของทุกปุ่มว่ามีชื่อว่าอะไรบ้าง สำหรับคนที่ยังไม่คุ้น และอาจจะลืมว่าแต่ละปุ่มเอาไว้ทำอะไรนะครับ เอาไว้ดูเตือนได้จากตรงนี้
หมดแล้วครับ หวังว่าคงช่วยให้ใช้งานพิมพ์ได้สะดวกมากขึ้นนะครับ =)