“Code Block Pro” là một plugin dành cho WordPress giúp bạn hiển thị và quản lý mã code một cách dễ dàng và chuyên nghiệp. Dưới đây là hướng dẫn cách cài đặt và sử dụng “Code Block Pro” trong WordPress:

Bước 1: Cài đặt và Kích hoạt Plugin

1. Đăng nhập vào trang quản trị WordPress của bạn.
2. Trong trang quản trị, điều hướng đến “Plugins” > “Add New”.
3. Tìm kiếm “Code Block Pro”.
4. Khi bạn thấy plugin “Code Block Pro” trong kết quả tìm kiếm, bấm vào nút “Install Now” để cài đặt plugin.
5. Sau khi cài đặt hoàn thành, bấm nút “Activate” để kích hoạt plugin.

Bước 2: Sử dụng Code Block Pro

Sau khi đã cài đặt và kích hoạt “Code Block Pro”, bạn có thể sử dụng nó trong bài viết hoặc trang của mình. Dưới đây là cách thêm mã code bằng Code Block Pro:

1. Tạo hoặc chỉnh sửa bài viết hoặc trang WordPress mà bạn muốn thêm mã code vào.
2. Trong trình soạn thảo Gutenberg, bạn sẽ thấy một block mới có tên “Code Block Pro.”
3. Bấm vào block “Code Block Pro” để thêm nó vào bài viết hoặc trang.
4. Trong block “Code Block Pro,” bạn có thể dán mã code của mình. Bạn cũng có thể tùy chỉnh kiểu hiển thị và giao diện của mã code.
5. Bạn có thể tùy chỉnh mã code bằng cách thay đổi ngôn ngữ (ví dụ: JavaScript, Python, HTML), chọn màu sắc, và cài đặt các tùy chọn khác.
6. Khi bạn đã hoàn thành việc thêm mã code và tùy chỉnh giao diện, bấm nút “Publish” hoặc “Update” để lưu bài viết hoặc trang của bạn.

Lưu ý: “Code Block Pro” có một phiên bản miễn phí và một phiên bản trả phí với nhiều tính năng mở rộng. Phiên bản miễn phí cung cấp đủ tính năng cơ bản để hiển thị mã code một cách đẹp và chuyên nghiệp, trong khi phiên bản trả phí cung cấp các tính năng nâng cao như tạo custom block và tùy chỉnh giao diện mã code một cách chi tiết hơn.