# 3. Giao diện

Truy cập mục **Blog & Newsletter -> Giao diện,** để thiết lập giao diện hiển thị cho trang Blog 

{% embed url="<https://youtu.be/7vNXyZh63IQ>" %}
Chỉnh sửa giao diện Truyền thống&#x20;
{% endembed %}

Blog hiện tại có 2 giao diện, bạn sẽ chọn giao diện muốn sử dụng và chỉnh sửa bằng cách bấm ![](https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/Jc9IuRHjUzT9GHJKVeFw/image.png) giao diện

{% embed url="<https://prnt.sc/_cpd1VTWddsG>" %}

{% embed url="<https://prnt.sc/edecr5Tt-UCC>" %}
Giao diện chưa được sử dụng, sẽ có nút Kích hoạt
{% endembed %}

Bấm nút **Chỉnh sửa** vào mục Sửa giao diện Blog của bạn&#x20;

{% embed url="<https://prnt.sc/lCcaLLBi_3bV>" %}

{% embed url="<https://prnt.sc/K7Zj4jggfY4r>" %}

## Giao diện

Thiết lập trang sẽ sử dụng cho việc thiết lập Logo, Favicon.

Với giao diện Hiện đại có phần thiết lập Font chữ, Màu sắc, bạn sẽ chỉnh sửa thêm nội dung này cho phù hợp với nhu cầu sử dụng của bạn

<figure><img src="https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/PcWgwkRddyhZO954vKDN/image.png" alt=""><figcaption></figcaption></figure>

## Thanh điều hướng&#x20;

Phần thanh điều hướng là phần thiết lập cho menu hiển thị trên trang blog của bạn&#x20;

{% embed url="<https://prnt.sc/0THMAnPpsv8R>" %}

Logo : có 4 vị trí hiển thị của logo, bạn chọn vị trí hiển thị phù hợp với nhu cầu thiết kế của bạn ( áp dụng cho theme Hiện đại )

{% embed url="<https://prnt.sc/PWeu1NCEpZqm>" %}

Menu : Bấm vào phần Menu, nút ![](https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/KNLSD837UXC4qio8LK5h/image.png)để chọn thêm các phần tử cho menu của bạn

{% embed url="<https://prnt.sc/AIaxOPvxe6Tf>" %}

<figure><img src="https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/aBxVYmK9msfphysCdKPd/image.png" alt=""><figcaption><p>Ví dụ về thanh điều hướng ở giao diện blog </p></figcaption></figure>

## Bài viết&#x20;

<figure><img src="https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/4TObdb7IWue0d0x64NsN/image.png" alt=""><figcaption></figcaption></figure>

Sau khi thiết lập bài viết nổi bật, bài viết ghim ở mục Bài viết, bạn sẽ bật/ tắt để chọn lựa hiển thị hay không hiển thị trên trang xuát bản Blog&#x20;

Thứ tự hiển thị giao diện   Bài viết nổi bật -> Bài viết Ghim-> Danh sách các bài viết mới nhất&#x20;

<figure><img src="https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/GVAkAW6epXLudPg6skYv/image.png" alt=""><figcaption><p>Giao diện truyền thống </p></figcaption></figure>

{% embed url="<https://prnt.sc/kbna_Hknld0u>" %}
Giao diện Hiện đại
{% endembed %}

Với giao diện Hiện tại, bạn có thêm phần thiết lập bài viết dạng Lưới hay dạng Danh sách

<figure><img src="https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/RROWi7kgJDgg2JQXaza1/image.png" alt=""><figcaption></figcaption></figure>

{% content-ref url="bai-viet/danh-sach-bai-viet/cac-trang-thai-cua-bai-viet" %}
[cac-trang-thai-cua-bai-viet](https://ladipage-vietnam.gitbook.io/ladipage-v4/blog-and-newsletter/bai-viet/danh-sach-bai-viet/cac-trang-thai-cua-bai-viet)
{% endcontent-ref %}

##

## Chân trang&#x20;

Bạn thiết lập giao diện chân trang của bạn

1. Bố cục : cho phép chọn 2 loại bố cục chân trang , bố cục 1 - bố cục giao diện lần lượt theo hàng ngang cột 1 rồi đến cột 2. Bố cục 2- bố cục giao diện lần lượt theo hàng dọc cột 1 rồi đến cột 2.&#x20;
2. Thêm các cột thông tin hiển thị (bài viết, danh mục, liên kết , nội dung, hình ảnh...)
3. Bật tắt phần chính sách bảo mật/ Điều khoản dịch vụ

<figure><img src="https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/uwLHQow2ZO0ZznARaafm/image.png" alt=""><figcaption></figcaption></figure>

<figure><img src="https://content.gitbook.com/content/Pt4qBo6SG7lFxhw0I4Zm/blobs/EHuPHJlD9M1HiJR6OP2z/image.png" alt=""><figcaption><p>Ví dụ về phần chân trang </p></figcaption></figure>

## Widget

Cho phép bạn thiết lập các nội dung tùy biến nội dung hiển thị khác nhau trên giao diện blog&#x20;

{% embed url="<https://prnt.sc/582Asq7PN_LR>" %}

Bạn có thể setup vị trí hiển thị của widget cho trang chủ, trang danh mục, trang bài viết. Nội dung này cũng thiết lập độc lập hoàn toàn giữa bản desktop và mobile.

Chọn vị trí muốn hiển thị Widget và thiết lập nội dung tương ứng&#x20;

{% embed url="<https://prnt.sc/9OLLCbzDz0uE>" %}