Hẳn nếu các bạn đã làm website với blogspot thì cái tên Templateify đã không còn quá xa lạ. Bởi chính phổ biến của các website blogger sử dụng giao diện template Templateify
BÀI VIẾT HƯỚNG DẪN 2 PHIÊN BẢN SHORT CODE TEMPLATE 1.0 VÀ 2.0 alert-success
Vì sự đơn giản, tiện dụng, thiết kế phù hợp với Google Adsense & miễn phí (bản phi thương mại) với nhiều mẫu template đa dạng mục đích nên Templateify được phần lớn các blogger trên nền blospot ưu tiên sử dụng.
Ngoài việc code được tối ưu hoá về tốc độ (page speed) và chuẩn SEO thì trong những lý do người ta ưu tiên sử dụng đó chính là bộ dashboard dễ tuỳ biến kết hợp thêm nhiều shortcode đẹp mắt
![]() |
Bộ Dashboard Template GMag |
Xem thêm bài viết: Hướng dẫn tuỳ biến template GMag của Templateify
Trong bài viếtnày mình sẽ cũng các bạn đi qua cách sử dụng shortcode mới của Templateify để tuỳ chỉnh giao diện của bài viết trở nên đẹp mắt hơn.
Các bạn lưu ý với phiên bản từ 2020 trở về trước thì short-code đều phải được in đậm và gạch ngang. Riêng từ phiên bản 2021 thì short-code được đặt trong Quote text và đặt trong {}
Layout and Contact Form
Full Width: full-width
Left Sidebar: left-sidebar
Right Sidebar: right-sidebar
Contact Form: contact-form
contact-form
Post Buttons
- Available Icons: preview, download, link, cart, share, info
- Default Button: Button Text/button
- Button With Icon: Button Text/Icon/button
- Default Button Colored: Button Text/button/Color
- Button With Icon Colored: Button Text/Icon/button/Color
- Shortcode: {getButton} $text={Button Text} $icon={Icon Name} $color={Hex Color}
- Available Icons: preview, download, link, cart, share, info
- Thuộc tính icon và color có để để mặc định
Alert Boxes
- Shortcodes: alert-success, alert-info, alert-warning, alert-error.
- Định dạng gạch ngang, in đậm & chèn cuối đoạn
- Shortcodes: {alertSuccess}, {alertInfo}, {alertWarning}, {alertError}
- Đánh dấu văn bản là Quote Text - Trích dẫn văn bản và chèn short code cuối mỗi đoạn
|
Code Box
Super MMO
SuperMMO
Super MMOcode-box
- Shortcode: code-box
- Dịnh dạng toàn bộ là gạch ngang, in đậm short code
- Trường hợp bạn muốn chèn nhiều dòng code thì có thấm ấn Shift
Phiên bản mới:
- Shortcode: {code-box}
- Định dạng Quote Text và chèn short code cuối đoạn
Đăng nhận xét