Sắp xếp lại màn hình chỉnh sửa WordPress

4 tháng ago, Hướng dẫn người mới, Views
Sắp xếp lại màn hình chỉnh sửa WordPress

Sắp Xếp Lại Màn Hình Chỉnh Sửa WordPress: Tối Ưu Hóa Quy Trình Làm Việc

Màn hình chỉnh sửa WordPress là nơi bạn dành phần lớn thời gian để tạo và chỉnh sửa nội dung. Tuy nhiên, giao diện mặc định có thể không phù hợp với quy trình làm việc của bạn. May mắn thay, WordPress cung cấp nhiều cách để tùy chỉnh và sắp xếp lại màn hình chỉnh sửa, giúp bạn làm việc hiệu quả hơn. Bài viết này sẽ hướng dẫn bạn qua các phương pháp khác nhau để tối ưu hóa màn hình chỉnh sửa WordPress, từ các tùy chọn tích hợp sẵn đến việc sử dụng plugin và code.

Tùy Chọn Sắp Xếp Tích Hợp Trong WordPress

WordPress cung cấp một số tùy chọn tích hợp sẵn cho phép bạn điều chỉnh giao diện màn hình chỉnh sửa một cách nhanh chóng.

Tùy Chọn Hiển Thị (Screen Options)

Ở góc trên bên phải của màn hình chỉnh sửa, bạn sẽ thấy nút “Tùy chọn hiển thị” (Screen Options). Khi nhấp vào đó, một bảng điều khiển sẽ trượt xuống, cho phép bạn kiểm soát các hộp meta nào được hiển thị trên màn hình chỉnh sửa.

  • Ẩn hoặc hiện các hộp meta mặc định như “Xuất bản”, “Thể loại”, “Thẻ”, “Ảnh nổi bật”, v.v.
  • Sắp xếp lại các hộp meta bằng cách kéo và thả chúng vào vị trí mong muốn.
  • Thay đổi số lượng bài viết hiển thị trên trang danh sách bài viết.

Sử dụng Tùy chọn hiển thị là cách đơn giản nhất để tùy chỉnh màn hình chỉnh sửa cho phù hợp với nhu cầu của bạn.

Kéo Và Thả Các Hộp Meta

WordPress cho phép bạn kéo và thả các hộp meta xung quanh màn hình chỉnh sửa. Điều này cho phép bạn sắp xếp các hộp meta quan trọng nhất lên đầu trang, giúp bạn dễ dàng truy cập chúng. Chỉ cần nhấp và giữ thanh tiêu đề của hộp meta và kéo nó đến vị trí mong muốn.

Sử Dụng Plugin Để Sắp Xếp Màn Hình Chỉnh Sửa

Nếu bạn cần các tùy chọn tùy chỉnh nâng cao hơn, bạn có thể sử dụng các plugin của WordPress. Có nhiều plugin khác nhau có sẵn trên thị trường, mỗi plugin cung cấp các tính năng độc đáo.

Các Plugin Phổ Biến

Một số plugin phổ biến để sắp xếp lại màn hình chỉnh sửa WordPress bao gồm:

  • Admin Menu Editor: Cho phép bạn tùy chỉnh menu quản trị, bao gồm cả màn hình chỉnh sửa.
  • Customize Meta Boxes: Cung cấp các tùy chọn nâng cao để tùy chỉnh hộp meta, bao gồm cả việc thêm, xóa và sắp xếp lại chúng.
  • CMS Tree Page View: Hiển thị các trang của bạn trong một cấu trúc cây, giúp bạn dễ dàng điều hướng và quản lý chúng.

Khi chọn một plugin, hãy chắc chắn đọc các đánh giá và kiểm tra xem nó có tương thích với phiên bản WordPress của bạn hay không.

Ví Dụ: Sử dụng Admin Menu Editor

Admin Menu Editor cho phép bạn ẩn, hiển thị và sắp xếp lại các mục menu trong bảng điều khiển WordPress, bao gồm cả các mục trên màn hình chỉnh sửa. Bạn có thể sử dụng plugin này để ẩn các hộp meta không cần thiết, tạo một giao diện gọn gàng và tập trung hơn.

Hướng dẫn nhanh sử dụng Admin Menu Editor:

  1. Cài đặt và kích hoạt plugin Admin Menu Editor.
  2. Truy cập *Cài đặt* -> *Menu Editor*.
  3. Tìm đến mục *Bài viết* (Posts) hoặc *Trang* (Pages) trong menu.
  4. Mở rộng mục đó và bạn sẽ thấy các tùy chọn cho màn hình chỉnh sửa.
  5. Ẩn hoặc sắp xếp lại các mục theo ý muốn.
  6. Lưu thay đổi.

Tùy Chỉnh Màn Hình Chỉnh Sửa Bằng Code

Nếu bạn là một nhà phát triển WordPress, bạn có thể sử dụng code để tùy chỉnh màn hình chỉnh sửa. Điều này cho phép bạn có sự kiểm soát hoàn toàn đối với giao diện và chức năng của màn hình chỉnh sửa.

Sử Dụng `remove_meta_box()`

Hàm `remove_meta_box()` cho phép bạn xóa các hộp meta khỏi màn hình chỉnh sửa. Hàm này nhận ba tham số:

  • `$id`: ID của hộp meta cần xóa.
  • `$screen`: ID của màn hình nơi bạn muốn xóa hộp meta (ví dụ: `post`, `page`).
  • `$context`: Vị trí của hộp meta (`normal`, `advanced`, `side`).

Ví dụ: Để xóa hộp meta “Xuất bản” khỏi màn hình chỉnh sửa bài viết, bạn có thể sử dụng đoạn code sau:

“`php
function remove_publish_metabox() {
remove_meta_box( ‘submitdiv’, ‘post’, ‘side’ );
}
add_action( ‘admin_menu’, ‘remove_publish_metabox’ );
“`

Thêm Hộp Meta Tùy Chỉnh

Bạn cũng có thể thêm các hộp meta tùy chỉnh vào màn hình chỉnh sửa. Điều này cho phép bạn thêm các trường tùy chỉnh và chức năng khác vào màn hình chỉnh sửa. Để thêm một hộp meta tùy chỉnh, bạn cần sử dụng hàm `add_meta_box()`. Hàm này nhận các tham số sau:

  • `$id`: ID duy nhất của hộp meta.
  • `$title`: Tiêu đề của hộp meta.
  • `$callback`: Hàm sẽ hiển thị nội dung của hộp meta.
  • `$screen`: ID của màn hình nơi bạn muốn hiển thị hộp meta.
  • `$context`: Vị trí của hộp meta (`normal`, `advanced`, `side`).
  • `$priority`: Ưu tiên của hộp meta (`high`, `core`, `default`, `low`).
  • `$callback_args`: Mảng các đối số sẽ được truyền vào hàm callback.

Ví dụ:

“`php
function my_custom_metabox() {
add_meta_box(
‘my_custom_metabox_id’,
‘Tiêu đề Hộp Meta Tùy Chỉnh’,
‘my_custom_metabox_callback’,
‘post’,
‘normal’,
‘default’
);
}
add_action( ‘add_meta_boxes’, ‘my_custom_metabox’ );

function my_custom_metabox_callback( $post ) {
// Thêm các trường tùy chỉnh và logic ở đây
echo ‘‘;
echo ‘ID, ‘my_custom_field’, true ) ) . ‘” />’;
}

function save_my_custom_metabox_data( $post_id ) {
if ( defined( ‘DOING_AUTOSAVE’ ) && DOING_AUTOSAVE ) return;

if ( ! isset( $_POST[‘my_custom_field’] ) ) return;

$my_data = sanitize_text_field( $_POST[‘my_custom_field’] );

update_post_meta( $post_id, ‘my_custom_field’, $my_data );
}
add_action( ‘save_post’, ‘save_my_custom_metabox_data’ );
“`

Đoạn code này thêm một hộp meta tùy chỉnh vào màn hình chỉnh sửa bài viết với một trường văn bản duy nhất. Quan trọng nhất, bạn cần viết thêm code để lưu dữ liệu nhập vào từ hộp meta.

Các Mẹo Tối Ưu Hóa Màn Hình Chỉnh Sửa

Dưới đây là một số mẹo để tối ưu hóa màn hình chỉnh sửa WordPress để có năng suất tối đa:

* **Ẩn những hộp meta không cần thiết:** Việc này giúp giảm sự lộn xộn và giúp bạn tập trung vào những thứ quan trọng.
* **Sắp xếp các hộp meta theo thứ tự ưu tiên:** Đặt các hộp meta mà bạn sử dụng thường xuyên nhất lên đầu trang.
* **Sử dụng các plugin để mở rộng chức năng:** Có rất nhiều plugin có sẵn để giúp bạn tùy chỉnh màn hình chỉnh sửa và thêm các tính năng mới.
* **Tạo một chủ đề con (child theme) nếu bạn tùy chỉnh bằng code:** Điều này sẽ ngăn các thay đổi của bạn bị ghi đè khi bạn cập nhật chủ đề chính.
* **Luôn kiểm tra các thay đổi của bạn trên một trang web thử nghiệm:** Trước khi thực hiện bất kỳ thay đổi nào đối với màn hình chỉnh sửa trên trang web trực tiếp của bạn, hãy kiểm tra chúng trên một trang web thử nghiệm.
* **Sử dụng chế độ toàn màn hình (full screen mode) để tập trung vào nội dung:** Chế độ này ẩn tất cả các hộp meta và các yếu tố giao diện người dùng khác, giúp bạn tập trung vào việc viết lách.
* **Xem xét sử dụng trình chỉnh sửa khối Gutenberg:** Gutenberg là trình chỉnh sửa mặc định của WordPress và cung cấp một giao diện trực quan hơn để tạo nội dung.
* **Tìm hiểu các phím tắt:** WordPress có nhiều phím tắt giúp bạn làm việc nhanh hơn.

Kết luận

Sắp xếp lại màn hình chỉnh sửa WordPress là một cách tuyệt vời để tối ưu hóa quy trình làm việc và cải thiện năng suất. Bằng cách sử dụng các tùy chọn tích hợp sẵn, plugin và code, bạn có thể tạo ra một giao diện tùy chỉnh phù hợp với nhu cầu của mình. Hãy thử nghiệm các phương pháp khác nhau và tìm ra phương pháp phù hợp nhất cho bạn. Chúc bạn thành công!