1. Giới thiệu
Bricks Builder là một theme WordPress dạng Visual Builder hiện đại, mạnh mẽ và cực kỳ nhẹ, đang ngày càng được các nhà phát triển và thiết kế web yêu thích. Tuy nhiên, để phát huy tối đa sức mạnh và khả năng tối ưu SEO & hiệu suất tải trang, việc thiết lập các cài đặt (settings) đúng cách là điều cực kỳ quan trọng.
Trong bài viết này, mình và các bạn sẽ cùng nhau khám phá chi tiết cách tối ưu các thiết lập bên trong Bricks > Settings giúp website:
- Tải nhanh hơn 🔥
- Chuẩn SEO hơn 📈
- Bảo mật hơn 🔐
- Linh hoạt cho lập trình viên 👨💻
2. Settings chung (General)
Dưới đây là ảnh chụp màn hình các settings của mình, giúp mọi người có cái nhìn trực quan và nhanh chóng để áp dụng. Mình sẽ có giải thích chi tiết từng settings phía dưới để mọi người nắm rõ.
1. Post Type
Mục này mình chỉ áp dụng cho Trang (Page), tuy nhiên tuỳ mục đích của mỗi người mà chúng ta có thể lựa chọn thêm các post type khác.
2. Gutenberg data
Mình lựa chọn option đầu tiên là “Load Gutenberg data in to Bricks” vì mình muốn dữ liệu khi chúng ta soạn thảo trong Gutenberg sẽ được tự động chuyển sang thành các elements của Bricks, tránh trường hợp phải build lại từ đầu khi chuyển từ Gutenberg sang Bricks.
3. SVG uploads
Mình chỉ lựa chọn Administrator thôi để đảm bảo tính bảo mật, bởi vì file SVG này rất dễ truyền theo mã lạ, mã độc vào database của web, nên chỉ cấp quyền cho tài khoản đủ tin tưởng, không cấp quyền cho các tài khoản có quyền thấp hơn.
4. Miscellaneous (các tuỳ tỉnh khác)
Mình lựa chọn 3 options là “Generate custom image sizes”, “Add element ID as needed”, và “Smooth scroll (CSS)”
Giải thích:
- Generate custom image sizes: Giúp tạo nhiều size ảnh khác nhau.
- Add element ID as needed: Chỉ thêm thuộc tính id vào thẻ html khi cần thiết để tối ưu DOM.
- Smooth scroll (CSS): Khi click vào liên kết neo (anchor link) thì sẽ cuộn trang một cách mượt mà.
5. Theme styles: Loading method
Mặc định chọn “Most specific”.
6. Duplicate content
Mặc định chọn “Enable”.
7. Form submissions
Bật tuỳ chọn save và quyền là mỗi Administrator thôi, các quyền khác mình không chọn để đảm bảo tính bảo mật dữ liệu.
8. Query filters
Bật cả 2 tuỳ chọn “Enable query sort / filter / live search” và “Custom fields intergration”. Các tính năng này là những tính năng đặc biệt, đặc trưng, tạo nên sự khác biệt, sự vượt trội so với các builder khác. Chúng ta nên bật để tận dụng triệt để 2 tính năng này, sẽ đỡ phải custom code rất nhiều.
9. Custom breakpoints
Tuỳ trường hợp website cần mà có thể bật hoặc không, đây là một tính năng tưởng rằng không có gì đặc biệt, các builder khác cũng có, nhưng cách hoạt động của nó lại đặc biệt, tạo ra sự khác biệt và thông minh hơn so với các builder khác. Đó chính là các custom breakpoints ở các màn cao hơn màn base thì sẽ áp dụng riêng (min-width), không phải áp dụng max-width tức là không ghi đè CSS của màn nhỏ hơn. Đây là một trong những điều tuyệt vời đã giúp mình đỡ khổ sở hơn nhiều so với builder khác, là tính năng đã kéo mình về với đội Brickser 😀
10. Custom authentication pages
Đây là tính năng hay, nhưng không quá quan trọng, nó giúp trang trí các form đăng nhập, đăng ký, quên mật khẩu… chúng ta sẽ tuỳ chỉnh nó nếu có thời gian chăm chút, còn không thì sử dụng mặc định của WordPress.
11. Password protection
Tính năng bảo vệ nội dung bằng mật khẩu. Tính năng này thì tuỳ trường hợp mà sử dụng cho hợp lý.
12. Orphaned elements
Tính năng này giúp dọn dẹp data, việc bật nó cũng là điều tốt.