Hướng dẫn sử dụng ShortCodes của Gmag template

Một số shortcode chúng ta có thể sử dụng

Chia sẻ template blogger chuẩn SEO 2020 miễn phí an toàn Gmag phong cách tạp chí

Định dạng cho Form liên hệ:

Full Width: full-width Đầy đủ (Sử dụng định dạng có gạch ngang như thế này cho full-width)

Left Sidebar: left-sidebarThanh menu bên Trái (Sử dụng định dạng có gạch ngang như thế này cho left-sidebar)
Right Sidebar: right-sidebar Thanh menu bên Phải (Sử dụng định dạng có gạch ngang như thế này cho right-sidebar)
Contact Form: contact-formBiểu mẫu liên hệ (Sử dụng định dạng có gạch ngang như thế này cho contact-form)

Ví dụ khi chúng ta muốn sử dụng biểu mẫu liên hệ chỉ cần điền "contact-form" (định dạng lại theo kiểu gạch ngang giữa chữ)

Nút bấm trog bài đăng

Nút bấm trong bài đăng/preview/button Đây là nút bấm trong bài đăng

Để tạo được Nút bấm/preview/button trong bài đăng chúng ta có thể sử dụng Code sau:

Xem trước/preview/button code: Xem trước/preview/button

Tải về | Download/download/button code: Tải về | Download/download/button

Link/link/button code: Link/link/button

Giỏ hàng | Cart/cart/button code: Giỏ hàng | Cart/cart/button

Chia sẻ | Share/share/button code: Chia sẻ | Share/share/button

Thông tin | Info/info/button code: Thông tin | Info/info/button

Cách sử dụng: Chúng ta muốn tạo Nút|Button chỗ nào thì chỉ cần chèn Link vào Nút|Button đó như hình dưới đây.

Button Text/button: Mặc định

Nút có biểu tượng nhỏ: preview, download, link, cart, share, info

Nút thường/info/button Nút thường/info/button 

Nút xem trước/preview/button Nút xem trước/preview/button

Nút tải về/download/button Nút tải về/download/button

Nút Link/link/button Nút Link/link/button

Nút chia sẻ/share/button Nút chia sẻ/share/button

Nút bấm có màu tự chọn

Trang web để chọn màu/link/button sau khi bấm vào chọn màu (mã màu sẽ được copy có dạng #27ae60) chúng ta chỉ cần thay thế mã màu vào chữ color = #27ae60

Sau đó chèn link vào cho Nút có màu/button/Color ==> Nút có màu/button/#27ae60 và chèn link vào cho dòng chữ này như hình bên dưới alert-success

Button Text/button/Color Nút có màu/button/#27ae60 

Nút bấm có màu + biểu tượng

Button Text/Icon/button/Color  Nút có màu+biểu tượng/Icon/button/#8e44ad

Một số code khác alert-success

alert-success, alert-info, alert-warning, alert-error

Để tạo code này chúng ta sử dụng Gạch ngang chữ alert-success phải (In đậm + Gạch ngang) chữ alert-success

Ví dụ: 

Đây là code-box (Tạo ra khung để hiển thị code)

Nội dung code chúng ta muốn để vào trong code-box

Lưu ý: chữ code-box phải được (in đậm + gạch ngang chữ)

Cấu trúc: "Nội dung + code-box (chữ code-box phải được (in đậm + gạch ngang chữ))

Nếu cần hỗ trợ các bạn để lại comment mình sẽ hướng dẫn chi tiết hơn!