Danh sách các tính năng của theme Paradise được tích hợp trong Customizer (Tùy biến).
Như các bạn đã biết, ngày 07/04/2017 vừa qua, theme Paradise đã chính thức được nâng cấp lên phiên bản 4.3 với sự lột xác hoàn toàn về giao diện quản lý tính năng. Kể từ nay, các bạn có thể dễ dàng tắt/ bật các tính năng của theme theo nhu cầu sử dụng mà không phải mở file functions.php ra để chỉnh sửa nữa. Quên đi nỗi lo lỗi theme và mất thiết lập sau mỗi lần update. Quên đi những trở ngại vì bạn không có nhiều kiến thức về PHP. Với theme Paradise, bạn có thể tối ưu mọi thứ chỉ trong nháy mắt.
Tham khảo thêm:
- Tại sao bạn nên chọn Genesis Framework và Paradise?
- Tại sao bạn nên sử dụng Genesis Framework cho WordPress?
Để các bạn có một cái nhìn tổng quát hơn về các tính năng của theme Paradise đã được tích hợp sẵn trong Customizer (Giao diện => Tùy biến), bài viết hôm nay sẽ giới thiệu chi tiết về chúng.
Kích hoạt bản quyền của theme Paradise
Bạn cần phải kích hoạt bản quyền theme Paradise bằng license key (được cung cấp trong email thông báo hoàn tất đơn hàng) thì mới có thể truy cập được vào Customizer. Nếu không, phần này sẽ bị khóa.
Truy cập Cài đặt => Bản quyền Paradise => Nhập license key của bạn vào khung sau đó click nút Kích hoạt.
- Nếu bạn nhận được thông báo từ máy chủ với nội dung “License key activated” thì có nghĩa là website đã được kích hoạt bản quyền thành công.
- Nếu bạn nhận được thông báo từ máy chủ với nội dung “License key already in use on…” nhưng vẫn không thể truy cập được vào Customizer, hãy nhập license key => click nút Ngừng kích hoạt => nhập license key một lần nữa => click nút Kích hoạt.
- Nếu bạn nhận được thông báo từ máy chủ với nội dung “Lỗi không mong đợi! Truy vấn đã được phản hồi với một lỗi”, vui lòng liên hệ với chúng tôi qua email
admin@wpcanban.comđể được hỗ trợ.
Các tính năng của theme Paradise trong Customizer
Truy cập Giao diện (Appearance) => Tùy biến (Customize) để xem tất cả các thiết lập:
Ảnh phần đầu trang (Logo)
Nằm trong Giao diện => Tùy biến => Ảnh phần đầu trang (Header Image).
Đây là nơi các bạn có thể thiết lập logo cho website. Kích thước được khuyến cáo là 540 x 180 pixel.
Tối ưu tốc độ
Nằm trong Giao diện => Tùy biến => Thiết lập giao diện => [Paradise] Tối ưu tốc độ.
Một số tính năng cho phép bạn tối ưu tốc độ load của theme Paradise.
Dọn dẹp WordPress Header
Có tác dụng loại bỏ các dòng thông tin không cần thiết khỏi phần header của HTML.
Tham khảo thêm: Làm sạch header của WordPress giúp website load nhanh hơn
[WooCommerce] Tải JS và CSS có điều kiện
Có tác dụng ngăn chặn việc tải CSS và JS của plugin WooCommerce trên những trang không cần thiết. Nếu bạn không dùng plugin WooCommerce thì mục này nên thiết lập là Không.
Tham khảo thêm: Tải có điều kiện các file JS và CSS của plugin WooCommerce
[WooCommerce] Loại bỏ Inline Styles
Có tác dụng loại bỏ inline CSS không cần thiết của plugin WooCommerce. Nếu bạn không dùng plugin WooCommerce thì mục này nên thiết lập là Không.
[WooCommerce] Loại bỏ No JS
Có tác dụng loại bỏ No JS Script không cần thiết của plugin WooCommerce. Nếu bạn không dùng plugin WooCommerce thì mục này nên thiết lập là Không.
[WooCommerce] Vô hiệu hóa Cart Fragments
Có tác dụng vô hiệu hóa tính năng Cart Fragments của plugin WooCommerce nhưng vẫn đảm bảo giỏ hàng hoạt động tốt với các plugin tạo cache. Nếu bạn không dùng plugin WooCommerce thì mục này nên thiết lập là Không.
Tham khảo thêm: Vô hiệu hóa Cart Fragments của WooCommerce
Chuyển file JS xuống Footer
Có tác dụng di chuyển toàn bộ file JS xuống Footer. Tuy nhiên, nó có thể gây xung đột với một số plugin chẳng hạn như Fixed TOC. Nếu sau khi kích hoạt mà bị xung đột thì các bạn chỉ cần tắt nó đi là được.
Tham khảo thêm: Chuyển tất cả JavaScript xuống footer trong WordPress
Vô hiệu hóa WP Embed Script
Khi bật sẽ có tác dụng loại bỏ WP Embed Script cùng các tính năng liên quan ra khỏi mã nguồn của website. Nếu bạn đang bật tính năng tương tự trong plugin (chẳng hạn WP Rocket) thì tính năng này nên thiết lập là Không.
Tham khảo thêm: Hướng dẫn vô hiệu hóa Embed Script trong WordPress
[Gutenberg] Vô hiệu hóa Block Editor
Khi bật sẽ có tác dụng loại bỏ Gutenberg (Block Editor) và kích hoạt trình soạn thảo cổ điển (Classic Editor).
Tham khảo thêm: Cài đặt trình soạn thảo cổ điển cho WordPress
[Gutenberg] Gỡ bỏ Block Editor Stylesheet
Có tác dụng loại bỏ các file CSS của Gutenberg khỏi mã nguồn của website, trong trường hợp bạn không dùng Block Editor (từ WordPress 5.0 trở lên) mà vẫn trung thành với Classic Editor. Tính năng này nên được kích hoạt sau khi bạn bật tính năng vô hiệu hóa Block Editor.
Tham khảo thêm: Gỡ bỏ Gutenberg stylesheet khỏi website WordPress
[Gutenberg] Gỡ bỏ Global Styles
Có tác dụng loại bỏ inline CSS và SVG filters của Global Styles khỏi mã nguồn của website. Áp dụng cho phiên bản WordPress 5.9.1 trở lên.
Tham khảo thêm: Vô hiệu hóa WordPress Global Styles giúp tăng tốc website
Vô hiệu hóa Emoji
Có tác dụng loại bỏ code Emoji khỏi mã nguồn của website. Nếu bạn đang sử dụng plugin có tính năng tương tự (LiteSpeed Cache, Autoptimize…) thì tính năng này nên thiết lập là Không.
Tham khảo thêm: Loại bỏ Emoji để tăng tốc độ load cho website WordPress
Vô hiệu hóa Lazy Load
Có tác dụng vô hiệu hóa tính năng lazy load hình ảnh mặc định của WordPress 5.5 trở lên. Tính năng này nên được kích hoạt nếu bạn đang sử dụng các plugin của bên thứ 3 chẳng hạn như LiteSpeed Cache, WP Rocket… để lazy load hình ảnh,.
Tham khảo thêm: Vô hiệu hóa lazy load hình ảnh mặc định của WordPress
Tối ưu bảo mật
Nằm trong Giao diện => Tùy biến => Thiết lập giao diện => [Paradise] Tối ưu bảo mật.
Một số tính năng cho phép bạn tối ưu bảo mật của website WordPress.
Vô hiệu hóa XML-RPC
Có tác dụng chặn truy cập file xmlrpc.php của WordPress, giúp bạn hạn chế tấn công brute force và DDoS. Nếu bạn sử dụng plugin Jetpack hoặc các plugin khác cần tính năng XML-RPC thì tính năng này nên thiết lập là No.
Tham khảo thêm: Vô hiệu hóa XML-RPC để bảo mật WordPress tốt hơn
Không cho phép chỉnh sửa file
Có tác dụng vô hiệu hóa tính năng chỉnh sửa file theme và plugin trực tiếp trong WordPress Dashboard.
Tối ưu trải nghiệm
Nằm trong Giao diện => Tùy biến => Thiết lập giao diện => [Paradise] Tối ưu trải nghiệm.
Một số tính năng cho phép bạn tối ưu trải nghiệm người dùng với theme Paradise.
Chuyển khung bình luận lên trên cùng
Có tác dụng chuyển khung bình luận lên trên cùng (khung bình luận nằm bên trên các bình luận đã đăng tải thay vì nằm dưới cùng như mặc định).
Sắp xếp bài viết theo ngày cập nhật
Có tác dụng sắp xếp danh sách bài viết theo ngày chỉnh sửa gần nhất thay vì ngày đăng tải.
Tham khảo thêm: Sắp xếp danh sách bài viết trong WordPress theo ngày cập nhật
Thêm khung tìm kiếm vào menu chính
Có tác dụng thêm form tìm kiếm vào bên phải của menu chính trên giao diện desktop.
Tham khảo thêm: Hướng dẫn chèn khung tìm kiếm vào menu trong WordPress
[WooCommerce] Thêm giỏ hàng vào menu chính
Có tác dụng thêm biểu tượng giỏ hàng vào bên phải của menu chính trên giao diện desktop. Nếu bạn không dùng plugin WooCommerce thì mục này nên thiết lập là Không.
Tham khảo thêm: Thêm biểu tượng giỏ hàng vào menu WordPress
[WooCommerce] Thêm sidebar tùy chỉnh
Có tác dụng tích hợp thêm 2 sidebar cho dành riêng cho các trang của WooCommerce (WooCommerce – Sidebar chính và WooCommerce – Sidebar thứ hai) trong khu vực widget. Bạn có thể chèn các widget chỉ hiển thị trên các trang của WooCommerce mà không cần cài thêm plugin. Nếu bạn không dùng plugin WooCommerce thì mục này nên thiết lập là Không.
[WooCommerce] Bật lightbox, zoom và slider
Có tác dụng tích hợp tính năng lightbox, slider và zoom cho gallery ảnh sản phẩm. Nếu bạn không dùng plugin WooCommerce thì mục này nên thiết lập là Không.
Tham khảo thêm: Tạo slider cho product gallery trong WooCommerce
Thêm nút di chuyển lên đầu trang
Có tác dụng thêm nút back to top (lên đầu trang) vào góc dưới bên phải giao diện.
Hiển thị bài viết trước và sau
Bổ sung liên kết tới bài viết cũ hơn và bài viết mới hơn (so với bài viết hiện tại) vào bên dưới khung tác giả (Author Box).
[Gutenberg] Hỗ trợ Block Editor
Có tác dụng kích hoạt tính năng hỗ trợ Block Editor cho theme Paradise. Các bạn nên kích hoạt tính năng này nếu đang sử dụng Gutenberg (Block Editor) để soạn thảo bài viết. Ngược lại, hãy thiết lập nó là Không.
Tham khảo thêm: Chuyển từ Classic Editor sang Block Editor (Gutenberg)
Hiển thị trang chủ dạng tạp chí
Có tác dụng bổ sung các tính năng hỗ trợ hiển thị trang chủ dạng tạp chí. Các bạn sẽ cần phải kích hoạt tính năng này, sau đó cấu hình widget Genesis Featured Posts trong các khu vực widget Trang chủ – Trên, Trang chủ – Giữa và Trang chủ – Dưới để có thể hiển thị trang chủ giống demo.wpcanban.com. Nếu bạn muốn hiển thị trang chủ dạng danh sách bài viết mới nhất giống wpcanban.com, hãy xóa hết widget trong các khu vực widget Trang chủ – Trên, Trang chủ – Giữa và Trang chủ – Dưới, sau đó tắt tính năng Hiển thị trang chủ dạng tạp chí trong Customizer.
Hiển thị bài viết liên quan
Có tác dụng hiển thị bài viết liên quan ở cuối mỗi bài viết. Các bạn sẽ cần phải kích hoạt tính năng này, tải lại trang Customizer, sau đó cấu hình thêm trong mục Bài viết liên quan.
Tham khảo thêm: Top 5 plugin bài viết liên quan tốt nhất cho WordPress
[Genesis eNews Extended] Thêm style cho widget
Có tác dụng thiết kế lại giao diện của widget Genesis eNews Extended (khung đăng ký nhận bài viết trên sidebar) cho phù hợp với theme. Nếu bạn không sử dụng plugin Genesis eNews Extended thì hãy thiết lập mục này là Không.
Sử dụng content box và color button
Có tác dụng kích hoạt tính năng tạo content box và color button cho theme.
Tham khảo thêm: Sử dụng content box, color button và highlight menu
Tùy chỉnh màu sắc
Nằm trong Giao diện => Tùy biến => Thiết lập giao diện => [Paradise] Màu sắc.
Cho phép bạn tùy biến màu sắc của theme Paradise theo ý thích. Tuy nhiên, chúng tôi khuyến khích lựa chọn những màu đậm (có độ tương phản cao) để đạt chuẩn về độ tương phản của màu sắc theo khuyến cáo của Google.
Tham khảo thêm: Lựa chọn màu sắc chuẩn trong thiết kế website
Tính năng bài viết liên quan
Nằm trong Giao diện => Tùy biến => Thiết lập giao diện => [Paradise] Bài viết liên quan.
Cho phép bạn tùy biến tiêu đề và số lượng bài viết liên quan được hiển thị ở cuối mỗi bài viết. Bạn sẽ cần phải kích hoạt tính năng Hiển thị bài viết liên quan trong [Paradise] Tối ưu trải nghiệm, lưu và tải lại Customizer trước khi có thể thấy mục [Paradise] Bài viết liên quan xuất hiện.
———————————————————–
Các tính năng của theme Paradise sẽ tiếp tục được cấp nhật thêm ở đây. Bạn đã nâng cấp theme Paradise lên phiên bản mới nhất chưa? Bạn đánh giá thế nào về các tính năng mà theme đã được tích hợp? Theo bạn, theme Paradise nên được tích hợp thêm những tính năng gì nữa? Hãy cho chúng tôi biết ý kiến của bạn trong khung bình luận bên dưới.
Theme Paradise hiện đang được bán với giá chỉ từ 599.000 VNĐ đến 799.000 VNĐ tùy theo số lượng website được phép cài đặt. Nếu bạn yêu thích giao diện này thì còn chần chừ gì nữa mà không nhanh tay đặt mua ngay. 
Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)
Có cách nào cho cỡ font chữ ở landing page hiện trên điện thoại to bằng với post mà không cần tăng cỡ chữ Hiếu nhỉ? Nhìn trên đt cỡ chữ hơi nhỏ phải zoom lên mới được
Mặc định của theme Paradise là sử dụng cỡ chữ 16 cho tất cả các post và page mà bạn. Bạn làm landing page bằng cái gì mà chữ nhỏ hơn post bình thường vậy? :O
Ý mình là nếu xem trên máy tính thì cỡ chữ hiện như nhau, nhưng trên đt thì landing page nhỏ hơn, WP căn bản cũng hiện cỡ chữ nhỏ hơn mà.
Đây ảnh chụp màn hình đt của 2 trang trên đt của mình, ko zoom
https://imgur.com/a/kYK1bNW
Mình xem trên Chrome (iOS) thấy kích thước chữ bằng nhau bạn ạ. :)
À thế là có thể do điện thoại, mình cũng dùng chrome.
Thực ra là mình không để ý đâu cho đến khi gg nó báo một số trang có chữ nhỏ :))
Lỗi đó là do cache đấy. Khi Google thu thập dữ liệu thấy bị vỡ giao diện nên mới báo như vậy. Bạn xóa cache LiteSpeed + cache CloudFlare CDN rồi yêu cầu xem xét lại là xong. Còn bản thân theme Paradise không bao giờ bị các lỗi không thân thiện với thiết bị di động nhé. Bên mình đã tính toán kỹ lưỡng về khoảng cách + kích thước chữ rồi. :P
Ko phải gg nó báo lỗi thân thiện đâu, chỉ là kiểu gửi lời khuyên gì đó. Mà chắc do đt mình màn hình nhỏ, cũng ko quan trọng lắm nên thôi kệ nó :))
Để lúc nào mình làm theo hướng dẫn của Hiếu xem sao. Cảm ơn nhé.
Landing Page của theme Paradise thực chất là một page bình thường được lược bỏ header, sidebar và footer. Nó dùng chung CSS với các post và page bình thường, không có CSS riêng.
Thích landing page chính vì ko có mấy cái đó :))
Cảm ơn bạn Hiếu đã cập nhật khắc phục vấn đề này nhé :D
Vậy là phiên bản mới nhất đã khắc phục được vấn đề của bạn Ngọc rồi hả? :D
Đẹp chuẩn luôn bạn ạ :D
Hôm trước bạn Ngọc bảo theme gặp vấn đề gì với Gutenberg (Block Editor) ấy nhỉ? Để mình nghiên cứu fix luôn cho hoàn thiện. :P
À nó chỉ là cái block dạng quote (chú thích) ở phần chỉnh sửa khác với khi xem thử thôi. Nhưng sau đó mình chọn block dạng khác đẹp rồi nên không ảnh hưởng gì :D
Bạn Ngọc update theme lên phiên bản mới nhất rồi kiểm tra xem cái block quote đã hết lỗi chưa nhé? Bên mình vừa chính thức hỗ trợ Gutenberg kể từ phiên bản 6.1. :P
Hay quá vậy, để mình update luôn :D
Phần chỉnh màu cho web (menu, link…) nó nằm ở chỗ nào bạn Hiếu nhỉ? Hồi trước mình vẫn chỉnh mà giờ ko tìm thấy
Từ phiên bản 6.3 thì tính năng thay đổi màu sắc của theme đã không còn được hỗ trợ nữa rồi. Có 2 nguyên nhân của việc này:
1. Nó tạo ra inline CSS, không tốt cho tốc độ load, đặc biệt là chỉ số CLS.
2. Nó không tương thích với tính chất module hóa của theme (kể từ phiên bản 6.2).
Có thể bên mình sẽ bổ sung lại tính năng này trong tương lai nếu tìm ra giải pháp tốt hơn. Nhưng hiện tại thì rất tiếc là nó sẽ không còn được tiếp tục hỗ trợ nữa.
Cập nhật theme lên phiên bản 6.4 thôi bạn. Tính năng tùy chỉnh màu sắc quay trở lại rồi: https://shop.wpcanban.com/update/changelog.html :D
Vậy là phải chỉnh code css phải ko Hiếu
Đúng rồi bạn. Nhưng nếu muốn đổi màu thì nhớ chọn màu sắc cho chuẩn nhé, kẻo lại bị Google Lighthouse nó cảnh báo độ tương phản màu sắc không đạt. Tham khảo bài viết: Lựa chọn màu sắc chuẩn trong thiết kế website
Sau khi chỉnh xong css thì mình nghĩ là ko cần tính năng màu cũng được :))
Bạn chỉnh trực tiếp trong file CSS của child theme à? Hay ghi đè bằng tính năng Additional CSS? :P
CSS của child theme bạn ạ, mình tắt tính năng Additional CSS của Jetpack vì thấy ko cần thiết. Ban đầu tưởng khó nhưng mò 1 hồi thấy cũng làm được :))
Còn Gutenberg mình thấy cũng ổn rồi nhé.
Cảm ơn bạn Hiếu!
Additional CSS là tính năng của WordPress mà. Đâu phải của Jetpack. Trang nào cũng có hết. Nó nằm trong Appearance => Customize. Bạn tùy biến trực tiếp trong file theme thì mỗi lần update theme sẽ bị xóa mất. :)
Đúng là mình chỉnh trong Appearance => Customize đấy (của mình là tiếng Việt)
Nhưng phần Appearance (Giao diện) của mình có thêm mục Additional CSS mà mỗi lần ấn vào thì nó hiện lên cái Jetpack, nên mình tưởng Hiếu hỏi mục đó.
Mình vừa cập nhật xong, tự có màu luôn mà không phải chọn lại nữa. Sao lại được hay vậy bạn :D
Thế mình phải bỏ mấy code css hôm trước thêm vào nhỉ?
Xóa những code tùy biến đi nhé. Nó lấy dữ liệu từ phiên bản cũ lưu trong database mà. :)
Cảm ơn Hiếu nhé, mong Hiếu sớm tìm ra giải pháp chỉnh sửa màu. Mình phải đổi cho đồng bộ với logo, để kiểm tra xem màu đã đúng quy định của gg chưa
Bạn Hiếu hướng dẫn mình bỏ dòng footer (dòng bản quyền…) ở landing page của theme Paradise với :D Cảm ơn bạn.
Landing Page của theme Paradise có footer đâu bạn? https://demo.wpcanban.com/templates/landing. Bạn chỉnh sửa gì đó làm lỗi theme rồi. :P
Ừ nhỉ :)) thế để mình xem lại plugin code snippest, chỉnh mỗi cái đấy chắc tại nó rồi
Mình có bài viết chia nhiều trang trong 1 bài bằng tính năng page break của WP và các trang đó đang được đánh số là 1 2 3 4 5…Có cách nào mình chuyển thành Tập 1 Tập 2 Tập 3 Tập 4 Tập 5 không Hiếu? (Do mình đanh định cài cho trang Phim)
Theme này có hỗ trợ hiển thị post trên trang chủ theo kiểu: hiển thị 100% kích thước ảnh đầu tiên trong bài, khi bấm vào đọc thì mới đủ cả ảnh và text trong bố cục content/sidebar ko nhỉ.
Mình chỉ thấy ở dạng blog chỉ lấy ảnh thumb vuông kèm text thôi.
Bạn chỉ có thể làm điều đó ở trang chủ (nơi có thể cấu hình bằng widget Genesis – Featured Posts thôi). Còn những trang khác thì không làm được. Bởi vì Genesis bắt buộc hiển thị cả text (dài hay ngắn là tùy bạn nhưng bắt buộc phải có) trong trang archives.
Thế mình có thể điều chỉnh kích thước thumb trong trang archives từ 150*150 thành 300*150 ko vậy?
Được bạn nhé. Theme có sẵn kích thước 360 x 200 và 350 x 200. Nếu bạn muốn tùy chọn theo ý thì có thể vào Settings => Media => thiết lập kích thước ảnh theo nhu cầu => chọn kích thước đó trong phần cài đặt trang archives.
Theme này có dùng được cho trang gianphoihoaphat24h.com của mình ko hiếu
Trang nào chả dùng được bạn. Căn bản bạn phải xem bố cục giao diện có phù hợp với website hay không. :)
Máy mình xem bị lỗi font chữ bạn ạ:
https://shop.wpcanban.com/update/changelog.html
Lỗi gì bạn nhỉ? Chụp ảnh màn hình giúp mình nhé. :)
Được rồi bạn ơi, F5 là được :D
Mình phải khai báo thêm
meta charsetvàlangtrong mã nguồn HTML thì nó mới hết lỗi đấy. :PNhững thông tin vô cùng hữu ích về theme-paradise, cảm ơn bác Hiếu đã chia sẻ <3
Mình muốn trở lại phiên bản 5.5.8 thì tải ở đâu vậy bạn
Sao bạn lại muốn quay trở lại phiên bản 5.5.8 nhỉ?
Hihi theme mới thay đổi nhiều quá, chờ ổn định rồi update sau
Hiện tại đã là phiên bản ổn định nhất rồi bạn. Nếu ai cũng chờ mà không chịu trải nghiệm để feed back cho nhà phát triển thì sao mà theme hoàn thiện được. :)
Em thấy ở trang chủ ảnh thumb của a là vuông mà mục bài viết liên quan nó là chữ nhật. Làm sao để ảnh nó tự chỉnh theo vuông với chữ nhật ạ ? Của em ảnh toàn bị cắt ạ
Mình tạo featured image với kích thước hình vuông (thường là 400 x 400 pixel) nên khi crop (home-bottom, 150 x 150 pixel) nó vẫn giữ nguyên được tỉ lệ. Ảnh của related post mình lấy lại của featured image (home-bottom) luôn (chứ không phải dùng 1 kích thước riêng như trên theme mình bán cho khách – related, 350 x 200 pixel) nên nó kéo dài ra như vậy (scale từ 150 x 150 lên 350 x 200 bằng CSS).