Kiến thức căn bản cho người dùng WordPress
Giới thiệu về Paradise child theme. Hướng dẫn cài đặt, tối ưu và sử dụng các tính năng của Paradise child theme được phát triển bởi WP Căn bản.
Dạo gần đây có khá nhiều bạn inbox, gửi email hỏi tôi về việc WP Căn bản đang sử dụng hosting của nhà cung cấp nào, chạy web server nào, dùng những plugin gì… tại sao lại có tốc độ load nhanh đến như vậy? Vì không có thời gian để trả lời cụ thể cho từng bạn nên hôm nay tôi quyết định viết bài này để “bật mí” cho các bạn về những công nghệ mà tôi đang sử dụng trên blog WP Căn bản. Nếu bạn đang có mối quan tâm tương tự, hãy dành một chút thời gian để lướt qua bài viết nhé.
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.
Nếu website của bạn có nhiều bình luận và chúng được đăng tải bởi nhiều phân cấp người dùng khác nhau thì việc gắn nhãn user role vào các bình luận sẽ mang lại một số tác dụng tích cực. Ngoài việc giúp làm nổi bật vai trò của từng người bình luận, các nhãn user role còn có thể tạo dựng lòng tin, từ đó tăng mức độ tương tác của người dùng. WP Căn bản cũng vừa mới triển khai tính năng này trên blog thông qua một tiện ích nhỏ có tên là WPCB Comment User Badge do chính chúng tôi phát triển để hỗ trợ cho theme Paradise.
Từ trước đến nay, tôi chỉ quen dùng 2 plugin là Jetpack và Genesis Simple Share để tạo các nút chia sẻ mạng xã hội trên blog WP Căn bản. Tuy nhiên, áp lực từ việc Google giới thiệu thuật toán xếp hạng trải nghiệm trang đã khiến cho tôi phải tìm ra một giải pháp mới nhằm giảm page-size và số lượng truy vấn HTTP xuống mức thấp nhất có thể. Sau một thời gian dài nghiên cứu và thử nghiệm, cuối cùng tôi cũng đã phát triển được một plugin tạo nút chia sẻ mạng xã hội siêu nhẹ, gần như không gây ảnh hưởng tới tốc độ load của website.
Schema mặc định của plugin WooCommerce tồn tại một số lỗi như: thiếu trường hasMerchantReturnPolicy, shippingDetails ở Trang thông tin của người bán và thiếu trường aggregateRating, review ở Đoạn trích về sản phẩm (nếu bạn không kích hoạt tính năng review hoặc không có review nào). Việc khắc phục những lỗi này khá là khó khăn, bởi vì WooCommerce không cho phép can thiệp trực tiếp vào dữ liệu có cấu trúc của nó. Một giải pháp đơn giản hơn là gỡ bỏ schema của plugin WooCommerce, sau đó sử dụng plugin khác để tạo schema.
Trong Genesis Framework và Genesis child theme, bạn có thể tích hợp và tùy biến breadcrumbs một cách dễ dàng thông qua plugin Yoast SEO. Sở dĩ như vậy bởi vì đội ngũ lập trình viên của Yoast cũng đã từng tham gia vào dự án phát triển Genesis. Tuy nhiên, nếu bạn dùng plugin Rank Math SEO thì mọi việc sẽ không dễ dàng như vậy. Rank Math SEO mới ra mắt sau này nên không được Genesis hỗ trợ đầy đủ. Nếu muốn chèn breadcrumbs của Rank Math SEO vào Genesis, các bạn sẽ cần phải can thiệp vào code.
Thời gian gần đây, tôi đã chuyển sang sử dụng plugin Rank Math thay cho Yoast SEO như trước đây. Sở dĩ như vậy bởi vì hiện tại Rank Math đã hoàn thiện hơn, ít lỗi vặt hơn. Đặc biệt là nó xây dựng các tính năng theo dạng module (có thể tắt bật tùy ý) và ít quảng cáo rác hơn hẳn Yoast SEO. Tuy nhiên, Rank Math cũng có vài điểm hạn chế, đó là nó chèn một số đoạn inline styles CSS vào mã nguồn HTML của website, ngay cả khi tôi không sử dụng. Điều này gây ảnh hưởng không tốt đến tốc độ load web.
Nếu bạn chưa biết thì kể từ phiên bản WordPress 6.7, các lập trình viên đã chèn thêm một đoạn inline styles CSS vào mã nguồn HTML của website. Đoạn CSS này nhằm hỗ trợ cho tính năng lazy load hình ảnh mặc định của WordPress. Tuy nhiên, có vẻ nó hoạt động chưa được như mong đợi khi gây ra tình trạng lỗi kích thước hình ảnh trên nhiều website. Nó cũng trở nên rất vô dụng nếu bạn đang sử dụng tính năng lazy load hình ảnh của theme hoặc bằng các plugin khác.
Như các bạn đã biết, Genesis Framework và child theme tương thích hoàn toàn với Yoast SEO. Theo mặc định, Genesis Framework sẽ tự động vô hiệu hóa schema của nó nếu bạn đang sử dụng plugin Yoast SEO trên website để tránh sự trùng lặp không cần thiết. Tuy nhiên, nếu bạn muốn giữ cả 2 loại schema (microdata của Genesis và JSON-LD của Yoast SEO) để bot tìm kiếm có thể hiểu cấu trúc website một cách dễ dàng hơn mà không sợ bị trùng lặp thì bài viết hôm nay chính là dành cho bạn.
Nếu bạn đang muốn chèn code (HTML, CSS hoặc JS) vào một trang bất kỳ trên website WordPress của mình mà không gây ảnh hưởng đến những trang khác thì bài viết này là dành cho bạn. Với sự trợ giúp của một plugin có tên là Header Footer Code Manager, bạn có thể chèn code vào bất cứ bài viết, trang, chuyên mục, thẻ… nào một cách đơn giản. Tất nhiên, các bạn cũng có thể áp dụng code cho tất cả các trang, tương tự như plugin WPCode mà tôi đã từng giới thiệu.
Bình luận mới nhất