Thêm jump menu WordPress admin

2 giờ ago, WordPress Plugin, 1 Views

Giới thiệu Jump Menu trong WordPress Admin

Khi làm việc với trang quản trị WordPress, đặc biệt là trên các website có nhiều trang, bài viết, hoặc custom post type, việc điều hướng trở nên chậm chạp và tốn thời gian. Phải cuộn chuột liên tục để tìm đến mục cần thiết có thể gây khó chịu và giảm hiệu quả làm việc. Đó là lý do tại sao Jump Menu trở thành một giải pháp hữu ích.

Jump Menu, hay còn gọi là “menu nhảy”, là một công cụ nhỏ gọn cho phép bạn nhanh chóng di chuyển đến các phần khác nhau của trang quản trị chỉ bằng một cú nhấp chuột. Thay vì phải cuộn chuột qua danh sách dài các tùy chọn, bạn chỉ cần chọn mục mong muốn từ menu thả xuống, và trình duyệt sẽ tự động di chuyển đến vị trí đó.

Bài viết này sẽ hướng dẫn bạn cách thêm Jump Menu vào trang quản trị WordPress, giúp bạn cải thiện đáng kể trải nghiệm làm việc và tiết kiệm thời gian quý báu.

Lợi ích của việc sử dụng Jump Menu

Jump Menu mang lại nhiều lợi ích thiết thực cho người dùng WordPress, đặc biệt là những người thường xuyên làm việc với trang quản trị:

Tiết kiệm thời gian: Thay vì phải cuộn chuột, bạn chỉ cần một cú nhấp chuột để đến mục cần tìm.
Cải thiện trải nghiệm người dùng: Giao diện quản trị trở nên thân thiện và dễ sử dụng hơn.
Tăng hiệu quả làm việc: Việc điều hướng nhanh chóng giúp bạn tập trung vào công việc chính thay vì mất thời gian tìm kiếm.
Giảm thiểu mỏi mắt và căng thẳng: Ít phải cuộn chuột hơn đồng nghĩa với việc ít phải tập trung vào màn hình hơn.

Các phương pháp thêm Jump Menu vào WordPress Admin

Có nhiều cách để thêm Jump Menu vào WordPress Admin, mỗi cách có ưu và nhược điểm riêng. Dưới đây là một số phương pháp phổ biến:

Sử dụng Plugin: Đây là cách đơn giản và phổ biến nhất, phù hợp với người dùng không có nhiều kinh nghiệm về lập trình.
Thêm Code vào file `functions.php` của theme: Cách này đòi hỏi một chút kiến thức về PHP, nhưng cho phép bạn tùy chỉnh Jump Menu theo ý muốn.
Sử dụng Child Theme: Đây là cách tốt nhất để thêm code vào theme mà không làm ảnh hưởng đến theme gốc, giúp bạn dễ dàng cập nhật theme mà không lo mất các tùy chỉnh.

Sử dụng Plugin để thêm Jump Menu

Đây là cách đơn giản nhất để thêm Jump Menu vào WordPress Admin. Có nhiều plugin miễn phí và trả phí cung cấp tính năng này. Dưới đây là một số plugin phổ biến:

Admin Menu Editor: Plugin này cho phép bạn tùy chỉnh toàn bộ menu quản trị, bao gồm cả việc thêm Jump Menu.
WP Jump Menu: Plugin đơn giản và dễ sử dụng, chỉ tập trung vào việc thêm Jump Menu.
Adminimize: Plugin mạnh mẽ cho phép bạn tùy chỉnh nhiều khía cạnh của trang quản trị, bao gồm cả Jump Menu.

Hướng dẫn cài đặt và cấu hình plugin

Truy cập vào trang quản trị WordPress của bạn.
Vào mục “Plugins” -> “Add New”.
Tìm kiếm plugin bạn muốn sử dụng (ví dụ: “Admin Menu Editor”).
Nhấp vào “Install Now” và sau đó nhấp vào “Activate”.
Sau khi plugin được kích hoạt, hãy tìm đến trang cấu hình của plugin và tùy chỉnh Jump Menu theo ý muốn.

Thêm Code vào file `functions.php` của theme (hoặc Child Theme)

Nếu bạn muốn tùy chỉnh Jump Menu một cách chi tiết hơn, bạn có thể thêm code trực tiếp vào file `functions.php` của theme. Tuy nhiên, hãy cẩn thận khi chỉnh sửa file này, vì sai sót có thể gây ra lỗi cho website của bạn. Tốt nhất, bạn nên sử dụng Child Theme để tránh ảnh hưởng đến theme gốc.

Tạo Child Theme (nếu chưa có)

Để tạo Child Theme, bạn cần tạo một thư mục mới trong thư mục `wp-content/themes` của WordPress. Tên thư mục nên có dạng `[tên-theme-gốc]-child`. Sau đó, tạo một file `style.css` trong thư mục này và thêm đoạn code sau:


/*
 Theme Name:   [Tên Theme Gốc] Child
 Theme URI:    http://example.com/your-child-theme-url/
 Description:  Child theme for [Tên Theme Gốc] theme
 Author:       Your Name
 Author URI:   http://example.com
 Template:     [tên-theme-gốc]
 Version:      1.0.0
*/

@import url("../[tên-theme-gốc]/style.css");

/*
  Add your custom CSS here
*/

Thay thế `[Tên Theme Gốc]` và `[tên-theme-gốc]` bằng thông tin chính xác của theme bạn đang sử dụng.

Thêm Code vào file `functions.php` của Child Theme

Sau khi tạo Child Theme, bạn có thể thêm code vào file `functions.php` để tạo Jump Menu. Dưới đây là một ví dụ đơn giản:


<?php

add_action('admin_head', 'add_jump_menu');

function add_jump_menu() {
  echo '<style type="text/css">
    #jump-menu {
      position: fixed;
      top: 10px;
      right: 10px;
      z-index: 9999;
    }
  </style>';

  echo '<select id="jump-menu" onchange="window.location.href = this.value;">
    <option value="">-- Jump to --</option>';

  global $menu;
  foreach ($menu as $item) {
    if ( ! empty($item[2]) ) {
      echo '<option value="' . admin_url($item[2]) . '">' . $item[0] . '</option>';
    }
  }

  echo '</select>';
}

Đoạn code này sẽ tạo một menu thả xuống ở góc trên bên phải của trang quản trị, cho phép bạn nhanh chóng di chuyển đến các mục menu chính. Bạn có thể tùy chỉnh vị trí, kiểu dáng và nội dung của menu theo ý muốn.

Tùy chỉnh Jump Menu

Dù bạn sử dụng plugin hay code, bạn đều có thể tùy chỉnh Jump Menu để phù hợp với nhu cầu của mình. Dưới đây là một số tùy chỉnh phổ biến:

Thay đổi vị trí của menu: Bạn có thể di chuyển menu đến vị trí khác trên trang quản trị.
Thay đổi kiểu dáng của menu: Bạn có thể thay đổi màu sắc, phông chữ, kích thước và các thuộc tính CSS khác của menu.
Thêm hoặc xóa các mục menu: Bạn có thể thêm các mục tùy chỉnh vào menu hoặc xóa các mục không cần thiết.

Lời khuyên và lưu ý khi sử dụng Jump Menu

Dưới đây là một số lời khuyên và lưu ý khi sử dụng Jump Menu:

Sử dụng Child Theme khi chỉnh sửa file `functions.php`: Điều này giúp bạn tránh mất các tùy chỉnh khi cập nhật theme.
Sao lưu website trước khi thực hiện bất kỳ thay đổi nào: Điều này giúp bạn khôi phục website nếu có sự cố xảy ra.
Kiểm tra kỹ Jump Menu sau khi cài đặt hoặc tùy chỉnh: Đảm bảo rằng menu hoạt động đúng cách và không gây ra xung đột với các plugin khác.

Kết luận

Jump Menu là một công cụ hữu ích giúp bạn cải thiện trải nghiệm làm việc và tiết kiệm thời gian khi sử dụng trang quản trị WordPress. Bằng cách sử dụng plugin hoặc thêm code trực tiếp vào theme, bạn có thể dễ dàng thêm Jump Menu vào website của mình và tùy chỉnh nó theo ý muốn. Hãy thử ngay hôm nay để trải nghiệm sự khác biệt!

admin

#ezw_tco-2 .ez-toc-widget-container ul.ez-toc-list li.active::before { background-color: #ededed; } aa