#4 – [BeTheme-WordPress] – Bài 4: Theme Options – Tùy chỉnh chi tiết giao diện

0 37

Trong bài học này, mình sẽ hướng dẫn tất cả những tùy chỉnh trong Theme Options của BeTheme. Mình sẽ cố gắng lướt qua hết tất cả những options các bạn có thể chỉnh. Bài sau, mình sẽ áp dụng và hoàn thành landing page.

Video Theme Options – Tùy chỉnh chi tiết giao diện

Hướng dẫn chi tiết

Header

– Layout: BeTheme hỗ trợ rất nhiều dạng header cho các bạn lựa chọn. Ngoài ra, các bạn có thể sử dụng plugin Header Builder để thiết kế riêng header riêng cho mình.

Tùy chỉnh layout cho header website
Tùy chỉnh layout cho header website

– Background: Màu nền header

– Top bar background: Màu nền top bar

– Sticky header: Bật chế độ cố định menu khi cuộn chuột.

Subheader

Subheader là phần thông tin nằm bên dưới menu như Breadcrumbs (Đường dẫn dạng Trang chủ/Tin tức/Bài 1 …)

– Layout: Bạn có thể chỉnh vị trí, định dáng các thành phần trong subheader …

– Background: màu nền, ảnh nền subheader

– Advanced: Slider, breadcrums …

Extras

Các thành phần trên menu như nút kêu gọi hành động, search form, menu bên phải.

Menu & Action bar

Tùy chỉnh menu chính và action bar. Action bar là menu nhỏ nằm trên cùng.

Các bạn có thể chỉnh một số thành phần sau:

– Menu: layout, mega menu (menu tương tự của Góc làm web, dropdown …)

– Action bar: có các trường thêm các thông tin  số điện thoại, địa chỉ, email.

Các trường nhập thông tin cho action bar
Các trường nhập thông tin cho action bar

Sidebars

BeTheme cho phép các bạn tạo các sidebar (bao nhiêu cũng được). Có thể gán sidebar riêng cho từng trang, từng bài viết, các dạng post type khác trong khi soạn thảo văn bản. Ngoài ra, các bạn đặt sidebar mặc định cho các dạng bài viết khác nhau.

Tùy chỉnh sodebar cho các dạng bài viết
Tùy chỉnh sodebar cho các dạng bài viết

Blog

Mặc dù tùy chỉnh tên là tùy chỉnh bài viết như bạn có thể chỉnh Bài viết, Porfolio, WooCommerce

Các bạn có thể chỉnh layout (bố cục – 3 cột hay 4 cột, khuyến nghị của BeTheme là từ 2 đến 6 cột), hiển thị ngày tháng, tác giả, bài viết liên quan …

Porfolio hay Shop cũng tương tự nhé, không có quá nhiều khác biệt.

Pages

Mục này không có quá nhiều điều để nói, các bạn tự tìm hiểu nhé.

Footer

Tùy biến Khu vực chân trang, BeTheme cung cấp sẵn 4 khu vực widget footer nhưng bạn có thể chọn sử dụng hoặc không sử dụng.

– Layout: nếu muốn chỉ sử dụng 3 cột, các bạn có thể chọn 1/3 1/3 1/3 hoặc 1/2 1/4 1/4. Nhìn chung layout được cung cấp khá đa dạng.

– Background: màu nền, ảnh nền

– Advanced: Mục này khá hay. Cho phép các bạn thêm Kêu gọi hành động – Call To Action. Lưu ý, các bạn có thể dùng mã HTML CSS tại đây, theme không hỗ trợ chỉnh chi tiết, chỉ nhập text hoặc html.

– Extras: Popup dùng để thu thập thông tin, nút Back to top.

Responsive

Responsive cho website

Color

BeTheme hỗ trợ thay đổi màu sắc các thành phần trên website rất đa dạng. Các bạn có thể chỉnh từ header, submenu, footer, đến các thành phần bên trong bài viết như content, headings, …

BeTheme hỗ trợ chỉnh màu sắc rất nhiều
BeTheme hỗ trợ chỉnh màu sắc rất nhiều

Font

Thiết lập font cũng tương tự như Color, hỗ trợ từ các thành phần lớn như Menu, Title đến content bài viết, heading.

Tùy chỉnh font cho website betheme

SEO

BeTheme hỗ trợ những trường nhập liệu cho các mã theo dõi Google Analytics, Facebook Pixels …

Thêm mã dõi cho seoTranslate

Các bạn không cần cài thêm các plugins hỗ trợ dịch như Loco Translate. BeTheme hỗ trợ dịch hầu hết các thành phần trong theme.

BeTheme hỗ trợ dịch hầu hết các thành phần trong theme.

Social

Các bạn nhập đường dẫn trang mạng xã hội vào các trường. Icon mạng xã hội sẽ hiện ra trên menu trên cùng bên phải.

Các bạn nhập đường dẫn trang mạng xã hội vào các trường

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ố.