#5 – [BeTheme-WordPress] – Hoàn thành landing page

Những bài trước, chúng ta đã tìm hiểu những tính năng chính trong BeTheme. Trong video này, mình sẽ hướng dẫn các bạn làm landing page bằng BeTheme. Bạn nào chưa có theme có thể xem lại bài 1 nhé. Mình có để lại link download và key kích hoạt cho các bạn.

Video Hoàn thành landing page

Hướng dẫn chi tiết

Một số điểm bạn cần luyện tập trong bài này là sử dụng Muffins Page Builder, chỉnh màu sắc và font bằng Theme options, sử dụng các item và shortcode được hỗ trợ.

Phần 3 khối nội dung, chúng ta đã hoàn thành được 1 khối Bài 2 – Muffins Page Builder. Các bạn chỉ cần nhân đôi những khối này và thay đổi nội dung bên trong.

Phần nội dung tiếp theo tương tự phần nội dung đầu tiên, nên chúng ta chỉ cần nhân đôi và đổi vị trí hình – chữ bằng công cụ kéo thả

Trích dẫn code khá khó và đôi lúc không được đẹp như mong muốn.

Mình giới thiệu cho các bạn để tạo hình ảnh từ code như bên dưới. Các bạn vào trang carbon.now.sh, và copy code của bạn vào khung. Sau đó, export dưới dạng png.

Phần nội dung canh lề giữa, bạn có thể sử dụng 1 item placehoder để chèn nội dung 2 bên. Khối nội dung chính sẽ nằm giữa.

Kết quả

Cuối cùng, phần chân trang các bạn thiết lập layout trong Theme options

Điều chỉnh nội dung các footer trong Giao diện (Apperence -> Widget).

Nếu có thắc mắc, hãy đặ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.

Liên hệ

Bài viết liên quan

#1 – [BeTheme-WordPress] – Hướng dẫn cài đặt và nhập dữ liệu demo theme bản quyền #2 – [BeTheme-WordPress]- Sử dụng trình kéo thả Muffins Builder #4 – [BeTheme-WordPress] – Bài 4: Theme Options – Tùy chỉnh chi tiết giao diện #6 – [BeTheme-WordPress] – Xây dựng website blog tin tức