---
title: Callout
slug: th/user-guides/callout
description: มีเรื่องสำคัญมากที่ผู้ใช้ของคุณควรรู้หรือไม่? กล่องแจ้งเตือนคือเมกะโฟนของคุณ
createdAt: 2024-07-24T11:14:45.104Z
---

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-bfoxdxKthix6HFJHa4V3v-20240814-212217.png)

ลองนึกถึง **คอลเอาต์** ว่าเป็นส potlight ขนาดเล็กที่ดึงดูดความสนใจไปยังเนื้อหาที่สำคัญหรือโดดเด่นที่สุดของคุณ มันเหมือนโพสต์อิทดิจิทัลที่ตะโกนว่า *"เฮ้ ดูฉันสิ!"&#x20;*&#xE21;ันเป็นบล็อกที่ใช้งานได้หลากหลาย เหมาะสำหรับไฮไลต์เคล็ดลับ คำเตือน วิธีปฏิบัติที่ดี หรืออะไรก็ตามที่คุณต้องการให้เด่นชัด

## ทำไมต้องใช้คอลเอาต์?

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

:::hint{type="info"}
**😎  เคล็ดลับระดับโปร**

ใช้กล่องข้อความอย่างพอดี หากมีมากเกินไป จะทำให้ผลลัพธ์ลดลง เป็นเหมือนการตะโกนใส่ใครสักคน—ได้ผลช่วงแรก แต่หลังจากนั้นก็แค่สร้างความรำคาญ
:::

## จะใช้บล็อกคอลเอาต์อย่างไร?

::::WorkflowBlock
:::WorkflowBlockItem
พิมพ์ `/` เพื่อเปิดเมนูบล็อกของ Archbee
:::

:::WorkflowBlockItem
ค้นหา **Callout** และคลิกเพื่อแทรก
:::

:::WorkflowBlockItem
เลือกสไตล์ของ callout

- **ℹ️  ข้อมูล &#x20;**—  สำหรับข้อมูลทั่วไป เคล็ดลับ หรือข้อเท็จจริงแบบรวดเร็ว
- **✅  สำเร็จ &#x20;**—  เพื่อเฉลิมฉลองความสำเร็จ เน้นผลลัพธ์เชิงบวก หรือกระจายพลังงานดีๆ
- <font color="#fcb900">⚠️</font>**&#x20; คำเตือน &#x20;**—  เพื่อแจ้งเตือนปัญหาที่อาจเกิดขึ้น หมายเหตุที่ควรระวัง หรือข้อควรพิจารณาที่สำคัญ
- **🛑  อันตราย**  —  สำหรับการแจ้งเตือนขั้นวิกฤต ข้อความเร่งด่วน หรือสถานการณ์ที่ต้องให้ความสนใจทันที

![](https://api.archbee.com/api/optimize/HCIek7I0UxvyNHQ0EFzVX-zV7r0yId4A90qn1yY26dG-20250218-123012.png)
:::

:::WorkflowBlockItem
คุณสามารถเพิ่มเนื้อหาของคุณได้ตามต้องการ คุณสามารถจัดสไตล์เนื้อหาได้ตามใจด้วย [เมนู WYSIWYG](#) หรือแทรกบล็อกอื่นๆ เช่น:

- [Headings](docId\:n7tF0cW1NYcGJ95eLyvzv)&#x20;
- [หัวข้อที่ขยายได้](docId\:Gdj2J6Ro-QNT7JUkoTd8z)&#x20;
- [รายการ](docId\:qFf_dOYkfQ7nFLxAQMEBC)&#x20;
- [ปุ่ม](docId\:sZpaH1N-I3assa06PZ8Vq)&#x20;
- [เส้นคั่นแนวนอน](docId\:SUdKbXtAQXtHuYA3FvceR)&#x20;
- [ไฟล์](docId\:MEMy73RjJGuMNIqzyG_Qg)&#x20;
- [รูปภาพ](docId\:pfxmITebqYMNG3_1KMqb4)&#x20;
- [วิดีโอ](docId:5BHBpuA1QsB91PTPJUBHN)&#x20;
:::
::::

![](https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-dS1JVN4jX6oHXj_iDiqIk-20240814-181528.png "เพิ่มบล็อก callout")

## มาร์กดาวน์

ต้องการเพิ่ม callouts ลงในเอกสารของคุณโดยตรงผ่าน Markdown ใช่ไหม? เราช่วยคุณได้!

Archbee รองรับไวยากรณ์ Markdown เฉพาะด้วย triple colons (`:::`). ด้วยวิธีนี้ คุณเพียงแค่พิมพ์ `:::hint` ตามด้วย `style` แบบเลือกใส่ เพื่อระบุประเภทของ callout (info, warning, success หรือ danger)

ใช้ Markdown ต่อไปนี้เพื่อสร้างบล็อก callout:

```markdown
## Hints

:::hint{style="info"}
We would love you to contribute to `@octokit/rest`, pull requests are very welcome! Please see CONTRIBUTING.md for more information.
:::

:::hint{style="warning"}
We would love you to contribute to `@octokit/rest`, pull requests are very welcome! Please see CONTRIBUTING.md for more information.
:::

:::hint{style="success"}
We would love you to contribute to `@octokit/rest`, pull requests are very welcome! Please see CONTRIBUTING.md for more information.
:::

:::hint{style="danger"}
We would love you to contribute to `@octokit/rest`, pull requests are very welcome! Please see CONTRIBUTING.md for more information.
:::
```

:::hint{type="info"}
เราต้องการให้คุณมีส่วนร่วมใน `@octokit/rest`, เราขอต้อนรับ pull requests ทุกประเภท! โปรดดู CONTRIBUTING.md เพื่อข้อมูลเพิ่มเติม
:::

หรือใช้รูปแบบ Markdown นี้เพื่อสร้างบล็อก callout

```markdown
{% hint style="info" %}
some hint
{% endhint %}

```

ตรวจสอบหน้า [ใช้ทางลัด Markdown](docId:1mgrOzhjKNd15rSrjHvfx) เพื่อดูคีย์ลัด markdown เพิ่มเติมสำหรับบล็อกอื่น ๆ

## ตัวอย่าง

นี่คือตัวอย่างบางส่วนเพื่อแสดงบล็อก callout:

- **ℹ️  ข้อมูล**

:::hint{type="info"}
**ℹ️    รู้ไหมว่า...**

Archbee ดีขนาดนี้ คุณอาจตั้งคำถามกับการตัดสินใจในชีวิตของคุณเลยทีเดียว&#x20;

เช่น ทำไมคุณถึงไม่เริ่มใช้มันให้เร็วกว่านี้?
:::



- ✅  **สำเร็จ**

:::hint{type="success"}
**🎉    คุณทำได้แล้ว!**

คุณได้เชี่ยวชาญศิลปะของ callouts แล้ว

ตอนนี้ไปสร้างเอกสารที่สุดยอดที่จะทำให้คู่แข่งของคุณต้องทึ่งกันเถอะ
:::



- <font color="#fcb900">⚠️</font>**&#x20; คำเตือน**

:::hint{type="warning"}
<font color="#fcb900">**🚧**    </font>**ระวังด้วย!**

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



- 🛑  **อันตราย**

:::hint{type="danger"}
<font color="#ff0004">🚨</font>  &#x20;**&#x20;โอ๊ะโอ!**

ถ้าคุณเห็นสิ่งนี้ แสดงว่ามีบางอย่างผิดพลาดอย่างรุนแรง 🫣

น่าจะไม่ใช่ปัญหาจาก Archbee หรอก **เพราะเราสมบูรณ์แบบ 💅✨**

โทษกาแฟก็แล้วกัน ☕️
:::



***

::::LinkArray{contentSource="CUSTOM"}
:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-C1IcmVcG0rx4ZLHX6X7V7-20250911-192557.png"}
:FontAwesome[]{icon="fa-solid fa-cubes"} &#x20;**&#x20;ค้นหาบล็อกอื่น ๆ**

ค้นพบวิธีใหม่ๆ และบล็อกต่างๆ เพื่อสร้างหน้าเอกสารที่สวยงามและใช้งานได้ดี

[ดูบล็อกทั้งหมด](docId\:fvbccw7nLvGJbcHvBvBG9)&#x20;
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-YRyGGWKsNS1ZZJa5XJy0z-20250911-192608.png"}
:FontAwesome[]{icon="fa-solid fa-headset"}**&#x20; ต้องการความช่วยเหลือ? ⬇️**

ใช้ **ปุ่มสีน้ำเงิน** **รูปฟองแชท&#x20;**&#xE17;ี่มุมขวาล่าง

หรือใช้ **AI Chat** (จากช่องค้นหา) เพื่อรับคำตอบอย่างรวดเร็ว
:::

:::LinkArrayItem{headerType="IMAGE" headerImage="https://api.archbee.com/api/optimize/K_JWZranXy1tD6qvlG2v6-MS_ubDHlXgoktt4svD2rL-20250911-192619.png"}
:FontAwesome[]{icon="fa-solid fa-hand-holding-heart"}**&#x20;  ความเห็นของคุณสำคัญ**

ใช้แบบฟอร์มให้ข้อคิดเห็นด้านล่างได้เลย โดยไม่ต้องระบุตัวตน

หรือถามคำถามใน **หมวด Q\&A** แล้วทีมงานหรือ AI จะช่วยหาคำตอบให้คุณ
:::
::::

