#2 – [BeTheme-WordPress]- Sử dụng trình kéo thả Muffins Builder

0 0

Trong bài học này, mình sẽ hướng dẫn các bạn cách sử dụng trình kéo thả Muffins Builder để xây dựng giao diện website. Cũng như giới thiệu cách tra cứu tài liệu hướng dẫn sử dụng theme và các shortcode được hỗ trợ.

Video hướng dẫn sử dụng trình kéo thả Muffins Builder

Hướng dẫn chi tiết

Cách sử dụng trình kéo thả Muffins Builder

Muffins Builder là công cụ được cung cấp sẵn trong Betheme. Ưu điểm của nó là dễ sử dụng, trực quan, dễ dàng sử dụng.

Cấu trúc chính của một khối nội dung trong trình kéo thả bao gồm

  • section: được tô màu xanh lá nhạt dùng để chia nội dung website thành các phần riêng biệt theo thứ tự từ trên xuống.
  • wrapper:  màu xám nhạt, gom các nội dung các liên quan thành các khối riêng.
  • item: khối màu xanh, nội dung bên trong các wrapper. Các bạn có thể chọn nội dung là hình ảnh, khối văn bản, tab, tiêu đề …

Ngoài section có chiều rộng 100%, các wrapper và item đều có thể thay đổi chiều rộng theo tỷ lệ.

Trình kéo thả Muffins Builder
Trình kéo thả Muffins Builder

Các thành phần trong trình kéo thả, các bạn nên thực hành và thử qua từng các để hiểu hơn về chúng. Bạn thử làm demo như hình bên dưới xem, trong video mình có hướng dẫn demo 1 đoạn.

Bài tập demo
Bài tập demo

Những phần còn lại, mình sẽ hướng dẫn trong những video thực hành cuối series. Còn bây giờ, chúng ta chuyển sang nội dung khác nhé.

Hệ thống shortcode

Ngoài cách sử dụng trình kéo thả và item trong trình kéo thả, bạn có thể sử dụng các thành phần được thiết kế sẵn bằng cách sử dụng hệ thống shortcode WordPress.

Shortcode trên trang chủ Betheme rất đầy đủ

Mình chọn thử 1 thành phần là button

Thành phần button

Bấm vào nút Shortcode bên góc phải, các bạn sẽ thấy tài liệu hướng dẫn sử dụng, bao gồm shortcode và các tham số có thể truyền vào.

Shortcode

Ngoài ra, các bạn có thể chọn Build Item, các bạn sẽ có được shortcode đang sử dụng cho các mẫu đang hiển thị.

Link tải theme mình để tại Bài 1 – Hướng dẫn cài đặt Betheme

LINK MUA BETHEME TRÊN THEMEFOREST

Nếu có thắc mắc, đặt câu hỏi bằng cách comment bên dưới, qua email, hoặc nhắn tin qua Fanpage Góc làm web.

Đừng quên LikeShare nếu thấy bài viết thú vị.

Liên hệ

Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố.