แท็บ
Tabs เป็นบล็อกที่ช่วยให้คุณจัดระเบียบเนื้อหาเป็นหลายส่วนภายในเอกสารเดียว คล้ายกับชุดแท็บที่คุณสามารถคลิกเพื่อดูข้อมูลต่างๆ คิดซะว่าเป็นวิธีสร้างหลายหน้าในหนึ่งหน้า
ทำไมถึงควรใช้
- จัดระเบียบเนื้อหาที่ซับซ้อน
- จัดกลุ่มเนื้อหาที่เกี่ยวข้องไว้ในแท็บแยกกันเพื่อให้มีโครงสร้างและอ่านง่ายขึ้น
- ปรับปรุงความสามารถในการอ่าน
- ทำให้เนื้อหาของคุณนำทางและเข้าใจได้ง่ายขึ้น
- ประหยัดพื้นที่
- ใช้พื้นที่อย่างมีประสิทธิภาพโดยแสดงเนื้อหาแบบลำดับแทนการแสดงทั้งหมดพร้อมกัน
- สร้างประสบการณ์เชิงโต้ตอบ ดึงดูดผู้ใช้ด้วยการให้พวกเขาเลือกข้อมูลที่ต้องการดูได้อย่างอิสระ
วิธีใช้บล็อกแท็บ
พิมพ์ / เพื่อเปิดเมนูบล็อกของ Archbee
ค้นหา Tabs บล็อกและคลิกเพื่อแทรก
ปรับแต่งแท็บและชื่อของคุณ
โดยค่าเริ่มต้น บล็อกจะถูกสร้างด้วย 2 แท็บชื่อ "Tab Name" และ "Second Tab Name"
หากต้องการเปลี่ยนชื่อแท็บ คุณต้องเข้าสู่โหมดแก้ไขป้ายชื่อโดย:
- ดับเบิลคลิกที่ป้ายชื่อแท็บ
- หรือคลิกไอคอน "แก้ไขป้ายชื่อ" ( )
กดบันทึก ( ) เพื่ออัปเดตป้ายชื่อ หรือกดยกเลิก ( ↩ ) เพื่อย้อนกลับการเปลี่ยนแปลง
เพิ่มเนื้อหาของคุณได้ตามต้องการ คุณสามารถจัดรูปแบบเนื้อหาได้ตามใจผ่าน เมนู WYSIWYG หรือแม้แต่แทรกบล็อกอื่นๆ เช่น:
นอกจากนี้ การผสานรวมส่วนใหญ่ของเรายังทำงานภายในบล็อกแท็บ คุณสามารถเพิ่มการฝังจากเครื่องมืออื่นๆ เช่น Loom, Figma, Miro, Lucidcharts และอื่นๆ
ตรวจสอบหน้า Embedded Blocks. สำหรับข้อมูลเพิ่มเติม
มาร์กดาวน์
นี่คือวิธีสร้างแท็บในเอกสารของคุณโดยใช้โค้ดมาร์กดาวน์:
เริ่มต้นด้วยบรรทัด :::tabs .
เนื้อหาของแต่ละแท็บจะอยู่ระหว่าง :::tab และ ::: .
🚨 ระวัง!
เครื่องหมายโคลอน : ควรวางไว้ในองค์ประกอบมาร์กดาวน์แม่เพื่อระบุว่ามันครอบองค์ประกอบมาร์กดาวน์อื่น
ในกรณีนี้ :::tabs จะเปลี่ยนเป็น ::::tabs .
ให้ชื่อแต่ละแท็บด้วยวงเล็บปีกกา เช่น {title="ชื่อส่วนของคุณ"} นี่คือชื่อที่จะปรากฏบนหัวข้อแท็บ
ใส่เนื้อหาที่คุณต้องการในแท็บนี้ระหว่างบรรทัดเหล่านั้น ดูด้านบนสำหรับบล็อกที่อนุญาตให้ใช้ภายในบล็อกแท็บ ตรวจสอบหน้า ใช้ทางลัด Markdown เพื่อดูวิธีใช้บล็อกอื่น ๆ ด้วยมาร์กดาวน์
สร้างแท็บได้ตามต้องการและปิดบล็อกแท็บของคุณ อย่าลืมเพิ่มโคลอนสำหรับแต่ละระดับที่ซ้อนกัน
ด้านล่างคือตัวอย่างของบล็อกแท็บโดยใช้มาร์กดาวน์
## Tabs
:::::tabs
::::tab{title="Tab 1"}
Some content for Tab 1
:::hint{style="info"}
Pull requests are very welcome! Please see CONTRIBUTING.md for more information.
Tthis is really nice
:::
- [x] This is a checkbox list
- [x] This is a checkbox list
- [ ] This is done
- [ ] This is a checkbox list
::::
:::tab{title="Tab Photos"}
We would love you to contributeaaa
:::
:::::นี่คือผลลัพธ์:
รูปภาพในแท็บ
เราต้องการให้คุณมามีส่วนร่วมมากๆ aaa
หรือใช้ Markdown รูปแบบนี้เพื่อสร้างบล็อกแท็บ
{% tabs %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads {% endtab %}
{% tab title="tab 2" %}some tab fasdfasdfasdfasdfads
{% endtab %}
{% endtabs %}ตรวจสอบ ใช้ทางลัด Markdown หน้าเพื่อดูคีย์ลัดมาร์กดาวน์เพิ่มเติมสำหรับบล็อกอื่นๆ
ตัวอย่าง
ค้นหาบล็อกอื่น ๆ
ค้นพบวิธีใหม่ ๆ และบล็อกต่าง ๆ เพื่อสร้างหน้าเอกสารที่สวยงามและใช้งานได้ดี
ต้องการความช่วยเหลือ? ⬇️
ใช้ สีน้ำเงิน ไอคอนแชท ที่มุมขวาล่าง
หรือใช้ AI Chat (จากช่องค้นหา) เพื่อคำตอบอย่างรวดเร็ว
ความคิดเห็นของคุณสำคัญ
ใช้แบบฟอร์มความคิดเห็นด้านล่าง แบบไม่ระบุตัวตน
หรือถามคำถามใน หมวดคำถามและคำตอบ และทีมของเราหรือ AI จะให้คำแนะนำแก่คุณ