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

0

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.

Khối nội dung

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ả

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.

Dùng placehlderKết quả

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

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

Nội dung footer

LINK MUA BETHEME TRÊN THEMEFOREST

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ệ

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

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