> For the complete documentation index, see [llms.txt](https://egany-docs.gitbook.io/ega-kitchen-haravan/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://egany-docs.gitbook.io/ega-kitchen-haravan/thiet-lap-cac-trang/trang-blog.md).

# Trang Blog

## 1. Bố cục <a href="#id-1.-bo-cuc" id="id-1.-bo-cuc"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` **>** `Trang Blog` > `Bố cục`&#x20;

<figure><img src="/files/E0EHU51OsMnHD8RoiB3t" alt=""><figcaption></figcaption></figure>

## 2. Danh mục tin tức <a href="#id-2.-danh-muc-tin-tuc" id="id-2.-danh-muc-tin-tuc"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` **>** `Trang Blog` > `Danh mục tin tức`&#x20;

<figure><img src="/files/1YbONzrALo8fJ8eBtKJP" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/bLhL9AzqOLVdmnrlHHzO" alt=""><figcaption></figcaption></figure>

## 3. Tin liên quan (trang bài viết) <a href="#id-3.-tin-lien-quan-trang-bai-viet" id="id-3.-tin-lien-quan-trang-bai-viet"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` **>** `Trang Blog` > `Tin liên quan (trang bài viết)`

{% hint style="info" %}
Tin liên quan sẽ hiển thị những bài viết có **cùng danh mục bài viết**
{% endhint %}

<figure><img src="/files/qoLvAPFJBzCyTPOlQ4T8" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/O43UuFeDlpFmaVaceJvN" alt=""><figcaption></figcaption></figure>

## 4. Tin nổi bật (trang blog) <a href="#id-4.-tin-noi-bat-trang-blog" id="id-4.-tin-noi-bat-trang-blog"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` **>** `Trang Blog` > `Tin nổi bật (trang blog)`&#x20;

<figure><img src="/files/k9LUfbmpqivqF2xa6967" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/IUA42qDoLgmkjwNfK81Q" alt=""><figcaption></figcaption></figure>

## 5. Trang bài viết <a href="#id-5.-trang-bai-viet" id="id-5.-trang-bai-viet"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` **>** `Trang Blog` > `Trang bài viết`

* Hiển thị ảnh đại diện ở đầu nội dung bài viết

<figure><img src="/files/8m4a68HSIrACEeKKhaBr" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/nkfaDBBP2kwi1p5WByFy" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/npvyRg4bX6zGQcCAeS9F" alt=""><figcaption></figcaption></figure>

* Hiển thị mục lục bài viết

  (Nếu trong nội dung bài viết có các định dạng heading giống với trong thiết lập thì mục lục sẽ hiển thị các heading đó)

<figure><img src="/files/0xDwNZfjrhzWnvsHWPzp" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/xhvsOVIpJLtu3uZyvT10" alt=""><figcaption></figcaption></figure>

## 6. Hiển thị sản phẩm trong nội dung bài viết <a href="#id-6.-hien-thi-san-pham-trong-noi-dung-bai-viet" id="id-6.-hien-thi-san-pham-trong-noi-dung-bai-viet"></a>

{% stepper %}
{% step %}

### Tạo mới danh mục sản phẩm

Thêm sản phẩm vào danh mục mới tạo

<figure><img src="/files/i8R6DKgM3pZL19zRLDKq" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
***Nếu đã có sẵn nhóm sản phẩm thì bỏ qua bước 1***
{% endhint %}
{% endstep %}

{% step %}

### Lấy thông tin handle của nhóm sản phẩm

<figure><img src="/files/JSeRwxk8n19cJpibcoJ9" alt=""><figcaption></figcaption></figure>
{% endstep %}

{% step %}

### Chèn sort code vào nội dung bài viết

Copy đoạn code sau, thay đổi các thông tin trong dấu ngoặc kép và dán vào nội dung bài viết

```
[egacate handle="handle-danh-muc-san-pham" limit="so-san-pham-hien-thi"]
```

{% hint style="info" %}
**Trong đó:**

**handle-danh-muc-san-pham** = Tên handle của danh mục sản phẩm (Bước 2)

**so-san-pham-hien-thi** = Số lượng sản phẩm tối đa hiển thị

**VD: \[egacate handle="san-pham-noi-bat" limit="10"]**

\--> Hiển thị ra danh mục Sản phẩm nổi bật, số lượng 10 sản phẩm
{% endhint %}

<figure><img src="/files/CfuxawY3exa5sVjrFV77" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/DEYa9QyTJl859Kxyr1E6" alt=""><figcaption></figcaption></figure>
{% endstep %}
{% endstepper %}

## 7. Danh mục tags (Trang blog) <a href="#id-7.-danh-muc-tags-trang-blog" id="id-7.-danh-muc-tags-trang-blog"></a>

Truy cập `Admin` > `Tùy chỉnh giao diện` **>** `Trang Blog` > `Danh mục tags (trang blog)`&#x20;

<figure><img src="/files/MW1Zi7LBtQSaOz7E2OSy" alt=""><figcaption></figcaption></figure>

Tag được nhập trong các bài viết

<figure><img src="/files/RWzDGw87i90yw2uLgidy" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/mMgvbBubHSxANu7pREfE" alt=""><figcaption></figcaption></figure>

*Sau khi thực hiện theo hướng dẫn trên, bạn đã có thể thiết lập **Trang blog** cho giao diện trên Haravan. Trong quá trình thiết lập, nếu có thắc mắc vui lòng liên hệ* [*support@egany.com*](mailto:support@egany.com)*.*