Những shortcode này là các chức năng do team Templateify phát triển để hỗ trợ cho việc chèn các nút bấm, cảnh báo / thông báo, biểu mẫu liên hệ, code box, ... trở nên dễ dàng hơn.


Bố cục bài viết

Template Magify cung cấp cho chúng ta 3 kiểu phân bố cục hiển thị bài viết như sau:
  • full-width: Nội dung bài viết phân rộng to đầy cả chiều rộng, không có thanh bên trái / phải xuất hiện.
  • left-sidebar: Nội dung bài viết sẽ nằm bên phải, thanh bên sẽ nằm bên trái
  • right-sidebar: Nội dung bài viết sẽ nằm bên trái, thanh bên sẽ nằm bên phải.
Nhớ gạch ngang (strike style) những từ khóa trên nhé.




Biểu mẫu liên hệ

Shortcode: contact-form, gạch ngang (strike style).

Các nút bấm

Template Magify cung cấp cho chúng ta 4 loại nút, như sau:
  • Nút kiểu mặc định: Nội dung hiển thị/button
  • Nút có biểu tượng: Nội dung hiển thị/Biểu tượng/button
  • Nút có màu: Nội dung hiển thị/button/Mã màu dạng hex
  • Nút có màu và biểu tượng: Nội dung hiển thị/Biểu tượng/button/Mã màu dạng hex
Các biểu tượng có thể sử dụng như: preview, download, link, cart, share, info.
Mã màu dạng hex, bạn có thể tra cứu tại: https://www.color-hex.com/

Để sử dụng dược shortcode này, bạn bôi đen nội dung hiển thị, chọn nút Liên kết (trên thanh công cụ soạn thảo của Blogger) và điền với định dạng như trên.

Ví dụ như:


Cảnh báo / Thông báo

Để sử dụng shortcode này, đầu tiên bạn viết ra nội dung bạn muốn hiển thị. Chèn các mã shortcode định nghĩa hiển thị sau đây vào cuối đoạn văn, nhớ in đậm mã shortcode này:
  • alert-success: Hộp thoại thông báo thành công / hoàn tất / an toàn.
  • alert-info: Hộp thoại thông tin thêm / chú thích.
  • alert-warning: Hộp thoại cảnh báo.
  • alert-error: Hộp thoại mô tả lỗi.
Sau đó, bôi đen cả đoạn (nội dung và mã code định nghĩa), chọn kiểu gạch ngang (strike style) trên thanh công cụ soạn thảo.


Code box

Code box được sử dụng khi bạn muốn trình bày một đoạn mã (code / script) nào đó. Để sử dụng shortcode này, đầu tiên bạn viết ra nội dung bạn muốn hiển thị. Chèn các mã shortcode code-box vào cuối đoạn văn, nhớ in đậm mã shortcode này nhé.


Chúc bạn viết blog vui!

Post a Comment

Mới hơn Cũ hơn