#3 – [BeTheme-WordPress] – Theme Options – Tùy chỉnh chức năng cơ bản

0

Trong bài học này, mình sẽ hướng dẫn các bạn về Theme Options, tùy chỉnh các chức năng cơ bản trong BeTheme.

Video Theme Options – Tùy chỉnh chức năng cơ bản

Hướng dẫn chi tiết sử dụng Theme Options

Theme Options của BeTheme có rất nhiều tùy chỉnh cho các bạn để xây dựng website. Mục đầu tiên mình sẽ đi vào mục Golbal nhé, tùy chỉnh những chức năng tổng quan của theme.

General

Theme Options - Tùy chỉnh chức năng cơ bản BeTheme - Chỉnh LAYOUT
Theme Options – Tùy chỉnh chức năng cơ bản BeTheme – Chỉnh LAYOUT

LAYOUT

Layout: có 2 lựa chọn Full Width (tràn viền) và Boxed (nội dung tập trung vào giữa).

Grid width: chiều rộng nội dung chính nếu chọn Boxed. Lưu ý: thông số nào chỉ hoạt động nếu bạn chọn Responsive ON.

Style | Main: Có 2 lựa chọn Classic(có đổ bóng) và Simple (thiết kế phẳng).

Style | Button: Chọn kiểu nút, có 3 lựa chọn Default, Flat, Round, Stroke.

IMAGE FRAME

Style: Hiệu ứng cho hình ảnh (zoom, icon …)

Border: viền cho hình ảnh.

Caption: vị trí mô tả hình ảnh.

Theme Options - Tùy chỉnh chức năng cơ bản BeTheme - Chỉnh BACKGROUND
Theme Options – Tùy chỉnh chức năng cơ bản BeTheme – Chỉnh BACKGROUND

BACKGROUND

Image: chọn hình làm ảnh nền

Position: vị trí ảnh nền

Size: kích thước hình nền

Transparent: hiệu ứng trong suốt áp dụng cho header, content, footer, top bar

ICON

Favicon: icon nhỏ hiển thị trên tab trình duyệt

Apple Touch Icon: icon hiển thị trên màn hình Home các thiết bị của Apple.

Logo

Theme Options - Tùy chỉnh chức năng cơ bản BeTheme - Chỉnh LOGO
Theme Options – Tùy chỉnh chức năng cơ bản BeTheme – Chỉnh LOGO

LOGO

Logo: chọn logo hiển thị website.

Retina Logo: logo có cho màn hình độ phân giải cao.

STICKY HEADER LOGO

Logo (optional – không bắt buộc): logo hiển thị trên menu nếu dùng sticky menu (cố định khi cuộn).

Retina logo: Tương tự bên trên

OPTIONS

Options: tùy chọn với logo, liên kết với trang chủ …

Text logo: nếu các bạn không thích dùng logo hình ảnh, có thể dung Tên website làm logo trên header.

SVG Logo Width: Logo sử dụng hình vector.

ADVANCED

Height: chiều cao tối cao của logo. Nếu hình của các bạn up lên quá lớn.

Vertical Padding: padding trên dưới, còn padding là gì thì các bạn nên xem những bài HTML và CSS cơ bản nhé.

Vertical Align: canh lề theo chiều dọc.

Advanced: một số tùy chỉnh nâng cao với Logo.

Sliders

Ngoài việc hỗ trợ plugin Slider Revolution, BeTheme cũng hỗ trợ một số dạng slide cơ bản cho các dạng bài viết khác nhau (Mình dịch chưa chính xác lắm, từ gốc là Post Type nhé, các bạn muốn tìm hiểu có thể nghiên cứu theme). Phần tùy chỉnh Slider này chỉnh thời gian chuyển giữa các slide.

Theme Options - Tùy chỉnh chức năng cơ bản BeTheme - Chỉnh SLIDERS
Theme Options – Tùy chỉnh chức năng cơ bản BeTheme – Chỉnh SLIDERS

Advanced

Một số tùy chỉnh nâng cao.

Theme Options - Tùy chỉnh chức năng cơ bản BeTheme - Chỉnh LAYOUT ADVANCED
Theme Options – Tùy chỉnh chức năng cơ bản BeTheme – Chỉnh LAYOUT ADVANCED

LAYOUT

Boxed Layout | Side padding: Padding 2 bên theo chiều ngang khi sử dụng Boxed Layout.

Builder | Visibility: Thiết lập quyền sử dụng Page Builder.

Content | Display Order: Thứ tự hiển thị giữa các trình nhập nội dung

Content | Remove Padding: bỏ padding của nội dung chính.

Hover Effects: Hiệu ứng khi trỏ chuột.

OPTIONS

Google Maps API Key: Để sử dụng các element có chứa bản đồ Google, các bạn cần có API Key dành cho nhà phát triển của Google.

HTML Table: Thiết lập đối với bảng.

Math Animate | Disable: Hiệu ứng khi sử dụng các chức năng COunt Down, tính giờ, số …

Other: Bỏ đổ bóng cho các khối.

THEME FUNCTIONS

Xóa bớt những POST TYPE không dùng
Xóa bớt những POST TYPE không dùng

Post Type | Disable: Tắt bớt những dạng bài viết Post Type không dùng đến. Mình khuyên các bạn nên chú ý phần này, chỉ để lại những dạng bài viết thực sự cần thiết.

Theme Functions | Disable: Tắt một s61 tính năng được hỗ trợ trong theme như Pre built website, Mega menu …

ADVANCED

Builder | Data Storage: Nơi lưu dữ liệu từ trình dựng website.

Slider | Shortcode: dùng để set slide (sử dụng plugin Silder Revolution) cho tất cả các page và bài viết.

Static CSS: Tạo file CSS dựa trên những thiết lập Theme Options, giúp tối ưu tốc độ nhưng sẽ gây khó khăn cho chỉnh sửa (Cân nhắc).

Table Prefix: Tiền tố của các bảng lưu dữ liệu được tạo ra từ Theme Options.

Hooks

Các hook được cung cấp thêm bên cạnh hook mặc định của WordPress
Các hook được cung cấp thêm bên cạnh hook mặc định của WordPress

BeTheme cung cấp thêm một số Hooks bên cạnh những hook mặc định của WordPress. Các bạn là dev hoặc người dùng biết code PHP – WordPress có thể dùng những Hook này để thêm chức năng tùy biến cho Theme.

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

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