Tìm hiểu cách tùy chỉnh thanh công cụ quản trị WordPress (thông qua mã và plugin). Thêm và xóa các mục menu, thay đổi kiểu dáng và di chuyển nó.

Bạn đang xem : nhãn menu quản trị thay đổi của wordpress

Thanh công cụ quản trị WordPress đi kèm với giao diện tiêu chuẩn và tập hợp các chức năng thường rất hữu ích, vậy tại sao phải tùy chỉnh nó ? Chà, đôi khi bố cục tiêu chuẩn không phù hợp với nhu cầu của mọi người dùng hoặc nhà phát triển WordPress. Có lẽ có những tùy chọn menu được liệt kê mà bạn không bao giờ sử dụng. Hoặc có thể nó không có liên kết đến các phần trang tổng quan được sử dụng nhiều nhất của bạn.

Bất kể lý do cụ thể là gì, việc thực hiện các tùy chỉnh cho thanh công cụ WordPress có thể hợp lý hóa quy trình làm việc của bạn và cải thiện cách thức hoạt động của WordPress cho người dùng, nhóm và nhà phát triển cá nhân. Vì lý do đó, hôm nay, chúng ta sẽ thảo luận về lý do tại sao ai đó có thể muốn tùy chỉnh thanh công cụ WordPress dành cho quản trị viên và một số cách để thực hiện.

Thanh công cụ quản trị WordPress: Tại sao phải tùy chỉnh nó?

Trước khi chúng ta đi vào chi tiết cụ thể về cách tùy chỉnh thanh công cụ, hãy dành một chút thời gian thảo luận lý do tại sao bạn có thể muốn thực hiện nỗ lực này ngay từ đầu. Sau đây là một vài lý do:

  • Bạn có thể muốn thêm các phím tắt vào các phần được truy cập thường xuyên của trang web của mình mà không có trong thanh công cụ theo mặc định.
  • Đôi khi, các plugin, chủ đề hoặc các công cụ của bên thứ ba khác thêm menu hoặc tính năng vào thanh công cụ mà bạn không muốn ở đó.
  • Bạn có thể muốn thêm nhãn trắng vào thanh công cụ quản trị để tạo trải nghiệm có thương hiệu hơn cho nhóm hoặc khách hàng của mình.
  • Vị trí của thanh công cụ không thuận tiện cho quy trình làm việc cá nhân của bạn và bạn muốn di chuyển nó để xuất hiện ở nơi khác.

Nếu có vẻ như đây là những sửa đổi hữu ích cần thực hiện, hãy tiếp tục đọc.

Cách thêm các mục vào Thanh công cụ quản trị WordPress

Nếu bạn muốn thêm các mục vào thanh công cụ WordPress, công việc kinh doanh đầu tiên của bạn là thêm đánh dấu vào tệp functions.php trong WordPress. Hoặc, bạn luôn có thể tải xuống plugin Đoạn mã . Nó cho phép bạn thêm mã vào các tệp chủ đề của mình mà không cần phải trực tiếp tìm hiểu chúng.

Xin lưu ý rằng bất cứ khi nào bạn thực hiện thay đổi đối với mã trang web của mình, bạn phải luôn làm việc với chủ đề con hoặc ít nhất, có một bản sao lưu gần đây để hoàn nguyên nếu bạn mắc lỗi.

Di chuyển các mục bằng mã

Bạn có thể thêm các mục vào thanh công cụ WordPress theo một số cách. Đầu tiên là thêm một chút mã vào tệp chức năng của chủ đề theo cách thủ công.

  // thêm một mục mẹ vào thanh công cụ quản trị WordPress

function add_link_to_admin_bar ($ admin_bar) {
    $ args = array (
        'id' = & gt; 'my-custom-link',
        'title' = & gt; 'Liên kết tùy chỉnh của tôi',
        'href' = & gt; 'https://www.mydomain.com'
    );
    $ admin_bar- & gt; add_node ($ args);
}

add_action ('admin_bar_menu', 'add_link_to_admin_bar', 999);  

Đoạn mã trên sẽ thêm một mục menu mới vào thanh công cụ quản trị. Phần id kiểm soát HTML ID mà mục menu mới sẽ có, trong khi title href xác định nhãn của nó và nơi nó liên kết đến tương ứng. Đây là những gì nó trông như thế nào trong giao diện người dùng của WordPress:

href có thể trỏ đến bất kỳ địa chỉ web nào bạn muốn. Tuy nhiên, bạn cũng có thể sửa đổi đoạn mã này để tạo liên kết đến các phần của giao diện quản trị WordPress, chẳng hạn như thư viện phương tiện:

  // thêm liên kết đến thư viện phương tiện WordPress vào thanh công cụ quản trị

function add_link_to_admin_bar ($ admin_bar) {
    $ args = array (
        'id' = & gt; 'thư viện phương tiện',
        'title' = & gt; 'Thư viện Phương tiện',
        'href' = & gt; esc_url (admin_url ('upload.php'))
    );
    $ admin_bar- & gt; add_node ($ args);
}

add_action ('admin_bar_menu', 'add_link_to_admin_bar', 999);  

Để liên kết ở một nơi khác trong giao diện quản trị, chỉ cần di chuột qua các mục menu trong trang tổng quan WordPress và kiểm tra tên tài liệu của chúng trong trình duyệt của bạn. Sau đó, sử dụng nó thay vì upload.php . Ví dụ: đối với menu Plugins, hãy trao đổi nó với plugins.php , đối với Appearance, hãy sử dụng themes.php , v.v.

XEM THÊM  Trình quản lý tệp Tải xuống - tải xuống tệp và tệp trình quản lý

Cuối cùng, bạn cũng có thể sử dụng mã tương tự để thêm các mục menu con vào các liên kết hiện có. Để làm được điều đó, bạn chỉ cần biết ID của phụ huynh mà bạn muốn nhắm mục tiêu và đưa nó vào đoạn mã. Ví dụ: đây là cách bạn thêm một mục menu con vào liên kết dẫn đến giao diện người dùng của trang web của bạn (nó cũng mở ra trong một tab mới):

 // tạo một mục menu con trong thanh công cụ quản trị WordPress

function add_link_to_admin_bar ($ admin_bar) {
$ args = array (
        'cha mẹ' = & gt; 'Tên trang web',
'id' = & gt; 'google-analytics',
        'title' = & gt; 'Google Analytics',
        'href' = & gt; 'https://analytics.google.com/analytics/web/',
'meta' = & gt; mảng(
            'target' = & gt; '_chỗ trống',
        )
    );
    $ admin_bar- & gt; add_node ($ args);
}

add_action ('admin_bar_menu', 'add_link_to_admin_bar', 999);  

Làm cách nào để bạn biết ID của mục menu bạn đang nhắm mục tiêu? Chà, bạn biết điều đó vì bạn đã tạo nó ngay từ đầu hoặc bạn có thể tìm hiểu bằng cách kiểm tra mục menu chính bằng công cụ dành cho nhà phát triển trình duyệt của mình. Kiểm tra vị trí có nội dung như id = "wp-admin-bar-site-name" . Mọi thứ sau wp-admin-bar là ID, trong trường hợp này là site-name . Bạn cũng có thể sử dụng công cụ này để tạo các mục menu con phụ.

Đây là giao diện ở trên khi được thêm vào functions.php :

Sử dụng các đoạn mã để tạo các mục menu mẹ và con theo ý muốn. Thêm thông tin trong tài liệu dành cho nhà phát triển .

Sử dụng một Trình cắm để Tùy chỉnh Thanh công cụ

Nếu bạn muốn bỏ qua hoàn toàn lộ trình mã, có ba plugin mà chúng tôi muốn làm nổi bật ở đây giúp việc thêm liên kết và menu vào thanh công cụ WordPress trở nên nhanh chóng. Hãy xem:

Branda là một plugin gắn nhãn trắng chính thức cho phép bạn tùy chỉnh gần như mọi khía cạnh của trang tổng quan trên trang web của mình. Nó cũng miễn phí. Plugin cho phép bạn thay đổi hoặc xóa biểu trưng khỏi thanh công cụ, thêm liên kết thanh công cụ, xóa liên kết thanh công cụ, v.v. Ngoài ra, nó còn có một loạt các tính năng tùy biến khác. Bạn có thể thay đổi giao diện của trang tổng quan, thay đổi màn hình đăng nhập, tạo bảng màu mới, sửa đổi email hệ thống, v.v.

Một tùy chọn plugin khác là Menu Thanh công cụ dành cho Quản trị viên, giúp dễ dàng thiết lập ba vị trí thanh công cụ WordPress khác nhau trên trang tổng quan. Ngoài ra, bạn có thể tạo các menu thanh công cụ tùy chỉnh bằng cách sử dụng trang menu WordPress chuẩn. Nó cũng bao gồm hỗ trợ cho các menu nhiều cấp. Vị trí menu nằm trong menu thả xuống Tên trang web, dọc theo thanh công cụ chính và trong menu thả xuống Tài khoản của tôi. Cũng không có cài đặt nào được định cấu hình, chỉ cần chọn vị trí menu của bạn, những gì nó sẽ chứa và bạn đã sẵn sàng.

Plugin cuối cùng mà chúng tôi khuyên dùng cho phần này là Nút xuất bản trên Thanh công cụ. Nó chỉ cần thêm nút Xuất bản vào thanh công cụ quản trị WordPress. Bằng cách này, bạn không phải cuộn trang xuống để đến nút Xuất bản / Lưu. Chỉ cần truy cập nó ở đầu trang web của bạn và tiếp tục công việc của bạn.

Cách xóa các mục khỏi Thanh công cụ

Nếu bạn thấy thanh công cụ WordPress quá lộn xộn, bạn cũng có thể xóa các mục. Điều này, một lần nữa, xảy ra theo cách thủ công hoặc thông qua việc sử dụng một plugin. Trước tiên, hãy xem xét tuyến mã.

Xóa các mục trên Thanh công cụ quản trị WordPress bằng mã

Rất may, việc xóa các mục khỏi thanh công cụ WordPress theo cách thủ công cũng đơn giản như sử dụng hàm remove_node () trong functions.php . Để thực hiện việc này, trước tiên bạn cần xác định ID mục menu trên thanh công cụ, sau đó sử dụng một chút mã để xóa chúng.

Chúng tôi đã trình bày ở trên về cách bạn có thể tìm ra ID bằng các công cụ dành cho nhà phát triển trình duyệt. Việc xóa các mục trong menu cũng vậy. Ví dụ: đây là giao diện của nó nếu bạn muốn loại bỏ logo WordPress:

  function remove_link_from_admin_bar ($ wp_admin_bar) {
$ wp_admin_bar- & gt; remove_node ('wp-logo');
}

add_action ('admin_bar_menu', 'remove_link_from_admin_bar', 999);  

Điều này cũng hoạt động với các mục menu con và menu phụ. Chỉ cần kiểm tra ID, thêm nó vào đoạn mã và bạn đã hoàn tất.

Ngoài ra, hãy sử dụng một plugin

Chúng tôi đã đề cập đến Branda trong phần trước. Tuy nhiên, điều quan trọng cần lưu ý là nó rất hữu ích khi xóa các mục trên thanh công cụ cũng như để thêm chúng. Bạn có thể xóa các mục menu cũng như logo WordPress, ảnh đại diện và liên kết tài khoản của mình, v.v. chỉ với một vài cú nhấp chuột. Nó đơn giản hóa đáng kể quy trình và đặt nhiều cơ hội tùy chỉnh trong tầm tay bạn.

Cách tùy chỉnh kiểu hoặc thương hiệu của Thanh công cụ quản trị WordPress

Nếu bạn muốn thay đổi giao diện của thanh công cụ của mình hoặc thêm một số nhãn hiệu tùy chỉnh, điều đó cũng khá dễ thực hiện. Đây là hai plugin cung cấp một phương tiện đơn giản để đạt được một cái nhìn cụ thể.

Đầu tiên là plugin Giao diện quản trị viên tùy chỉnh WP. Như tên gọi của nó, nó giúp bạn dễ dàng tạo menu và thanh công cụ quản trị WordPress có giao diện và chức năng theo cách bạn thấy phù hợp.

Một số tính năng nổi bật bao gồm khả năng thêm hoặc xóa các mục khỏi thanh công cụ, thay đổi thứ tự của chúng, cấp menu của các mục được liệt kê, cũng như đổi tên và đặt lại kiểu cho tất cả các tiêu đề và liên kết trong thanh công cụ. Bạn thậm chí có thể đặt các điều kiện thanh công cụ tùy chỉnh cho các vai trò người dùng được chỉ định.

Và bạn có tin được không, plugin này hoàn toàn miễn phí để sử dụng.

Tiếp theo là plugin Quản trị viên tùy chỉnh hoàn toàn quyến rũ. Nó cho phép bạn dễ dàng tùy chỉnh toàn bộ bảng điều khiển WordPress, thanh công cụ quản trị, menu và màn hình đăng nhập. Cụ thể, bạn có thể thêm, xóa hoặc ẩn các mục menu, xóa logo WordPress và thêm các bảng màu và phông chữ tùy chỉnh vào thanh công cụ. Bạn cũng có thể tạo các phối màu hoàn toàn mới cho nó và các khía cạnh khác của bảng điều khiển. Khả năng tạo thương hiệu tùy chỉnh cho trang tổng quan về trang, phông chữ, văn bản, màu sắc và hình ảnh tùy chỉnh cũng là một phần của gói.

Đây là một plugin mạnh mẽ và cũng miễn phí.

Di chuyển Thanh công cụ quản trị WordPress sang vị trí khác

Công việc kinh doanh cuối cùng ở đây là thảo luận về cách di chuyển thanh công cụ WordPress. Nếu vị trí mặc định ở đầu màn hình bị cản trở thường xuyên hoặc không trực quan cho quy trình làm việc của bạn, bạn có thể di chuyển vị trí đó.

Một lần nữa, bạn có thể đạt được điều này thông qua mã hoặc bằng một plugin tương đối dễ dàng, ít nhất là đối với giao diện người dùng. Hóa ra, việc di chuyển thanh quản trị ở phần cuối sẽ mất khá nhiều thời gian đánh dấu, đặc biệt là để làm cho nó phản hồi . Do đó, chúng tôi sẽ bỏ qua phần này ở đây vì nó vượt ra ngoài phạm vi của hướng dẫn này.

Di chuyển Thanh công cụ WordPress với Mã

Sau khi tạo bản sao lưu trang web của bạn và / hoặc làm việc với chủ đề con, hãy mở tệp functions.php và chèn mã sau để di chuyển cụ thể thanh công cụ xuống cuối màn hình. Hoặc, dán nó vào hộp văn bản của plugin Đoạn mã.

  function move_admin_bar_to_bottom () {
    ? & gt;
    & lt; phong cách & gt;
        html [lang] {
margin-top: 0! important;
}

#wpadminbar {
đầu trang: tự động;
đáy: 0;
}

#wpadminbar .menupop .ab-sub-wrapper {
dưới cùng: 32px;
}

@media screen and (max-width: 782px) {
            
#wpadminbar .menupop .ab-sub-wrapper {
dưới cùng: 46px;
}

}

@media all và (max-width: 600px) {

#wpadminbar {
vị trí: cố định;
}

}
    & lt; / style & gt;
    & lt;? php
}

add_action ('wp_head', 'move_admin_bar_to_bottom');  

LetsWP cũng có đoạn mã tương tự với logic có điều kiện để chỉ áp dụng thay đổi này cho chính bạn chứ không phải tất cả người dùng khác trên trang web của bạn.

Sử dụng Trình cắm

Chúng tôi cũng đã tìm thấy ba tùy chọn plugin đáng tin cậy giúp di chuyển thanh công cụ WordPress trở thành một nhiệm vụ dễ dàng. Phần thưởng: các plugin này thậm chí còn tạo ra nó để bạn có thể xóa thanh công cụ nếu bạn muốn hợp lý hóa các bản xem trước trang web của mình hơn nữa.

Một tùy chọn plugin để xóa toàn bộ thanh công cụ WordPress là Xóa Thanh công cụ dành cho quản trị viên. Plugin đơn giản này cho phép bạn ẩn thanh công cụ quản trị chỉ với một vài cú nhấp chuột. Ngoài ra, bạn có thể sử dụng nó để ẩn các phần của nó cho phù hợp với nhu cầu tùy chỉnh của bạn. Nó có ba tùy chọn cơ bản để lựa chọn: ẩn khỏi tất cả, ẩn với tất cả ngoại trừ quản trị viên và ẩn với quản trị viên trừ những người dùng khác. Cái này dễ thực hiện, nhẹ và miễn phí.

Một tùy chọn plugin khác được gọi là Ẩn Thanh công cụ Quản trị viên. Tất cả những gì nó làm là ẩn thanh công cụ quản trị WordPress khỏi chế độ xem. Đây là một plugin miễn phí, mã nguồn mở chỉ với một chức năng này. Tuy nhiên, nó có thể là một giải pháp tốt cho bạn nếu bạn không muốn nhận được bất kỳ nơi nào gần mã.

Plugin cuối cùng mà chúng tôi giới thiệu ở đây là Thanh công cụ quản trị dưới cùng. Nó cho phép bạn chuyển vị trí của thanh công cụ WordPress xuống cuối màn hình chỉ với một vài cú nhấp chuột. Không gây rối với mã hoặc cài đặt phức tạp. Chỉ cần kích hoạt và bật cài đặt thích hợp là bạn đã sẵn sàng. Nó thậm chí còn thêm một phím tắt cho phép bạn ẩn thanh công cụ dưới cùng theo ý muốn. Chỉ cần nhấn Shift + mũi tên xuống.

Tóm tắt: Tùy chỉnh Thanh công cụ quản trị WordPress

Nếu thanh công cụ WordPress không phục vụ bạn ở dạng hiện tại, thì nó chỉ đang chiếm dung lượng.

Rất may, bạn có thể làm cho nó hoạt động cho mình theo một số cách. Bằng cách thêm hoặc xóa các mục, thay đổi kiểu dáng, thay đổi vị trí của nó hoặc thậm chí xóa hoàn toàn. Với một vài đoạn mã đơn giản hoặc plugin dễ sử dụng trong tay, bạn có thể thực hiện những thay đổi này nhanh chóng và tiếp tục phần còn lại của công việc.

Bạn có thực hiện các thay đổi đối với thanh công cụ quản trị WordPress không? Nếu vậy, bạn đã thay đổi điều gì và làm thế nào? Hãy cho chúng tôi biết trong phần bình luận!


Xem thêm những thông tin liên quan đến chủ đề thay đổi nhãn menu quản trị wordpress

Remove Editor WordPress Menu Option Under The Appearance Menu - WordPress Security | WP Learning Lab

  • Tác giả: WordPress Tutorials - WPLearningLab
  • Ngày đăng: 2015-06-23
  • Đánh giá: 4 ⭐ ( 2919 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: 🔥Name Your Own Price🔥 for the 11-Point WP Security Checklist Smart PDF: https://wplearninglab.com/go/wpsecurity017

    Code from this video:

    function remove_edit_menu() {
    remove_action('admin_menu', '_add_themes_utility_last', 101);
    }
    add_action('_admin_menu', 'remove_edit_menu', 1);

    In this tutorial I'm going to show you how to remove the Editor menu item from under the Appearance menu in your WordPress admin area.

    Why is this important? For two reasons.

    First, if a hacker successfully brute force attacks your website then they can edit theme files inside your admin area in order to insert malicious code. However, if they can't find the theme editor then they can't make those edits.

    Please note that this isn't the best protection against brute force attacks and a hacker can work around this edit if they're savvy enough. Please see these videos for better brute force protection:

    - Block specific IPs: https://youtu.be/CWOP7BKEw7s
    - Limit WP-Admin access by IP: https://youtu.be/QAeGZMkdWHI
    - Move the WordPress login page: https://youtu.be/_c4l6Vnr9aQ

    Second, if you're creating a website for a client who likes to poke around in the admin area and play with things then there's a chance they will break the site through the editor. To prevent that from happening we hide the editor so they can't find it.

    It is actually very easy to make this happen. All you have to do is copy and paste the piece of code from above into the main functions.php for the theme. Save the file and you're done.

    Ideally, you would be using a child theme so that when the main theme is updated it won't overwrite the code.

    Let's get this code into your functions.php file.

    First, log into your hosting account, find the File Manager option and open the root of the website you want to work in. You can also do this via FTP if you prefer FTP.

    Once the website root loads, open the "wp-content" folder. Then open the "themes" folder. Then find the functions.php file.

    Into the top of the functions.php file paste the code from the top of this description. And you're done.

    I hope this information helps you! If you have any questions leave a comment below or ping me @WPLearningLab on Twitter.

    --------------

    If you want more excellent WordPress information check out our website where we post WordPress tutorials daily.

    https://wplearninglab.com/

    Connect with us:

    WP Learning Lab Channel: http://www.youtube.com/subscription_center?add_user=wplearninglab

    Facebook: https://www.facebook.com/wplearninglab

    Twitter: https://twitter.com/WPLearningLab

    Google Plus: http://google.com/+Wplearninglab

    Pinterest: http://www.pinterest.com/wplearninglab/

Hướng dẫn thay đổi giao diện trang quản trị trong wordpress

  • Tác giả: hocwordpress.vn
  • Đánh giá: 5 ⭐ ( 4528 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Việc phải đăng nhập vào trang quản trị wordpress mỗi ngày có thể khiến bạn cảm thấy nhàm chán với giao diện của nó. Đôi khi bạn cần thay đổi cho nó tươi mới

Hướng dẫn thay đổi, làm mới giao diện trang quản trị trong wordpress

  • Tác giả: thiendayroi.com
  • Đánh giá: 5 ⭐ ( 7176 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Về mặc định thì wordpress cho phép bạn thay đổi màu sắc trang quản trị theo ý thích. Chỉ cần vào trang hồ sơ và thay đổi bộ màu sắc cho tran quản trị theo ý

Cách bảo quản nhãn sau thu hoạch ngon ngọt, tươi lâu

  • Tác giả: timviecnhanh24hcom.wordpress.com
  • Đánh giá: 5 ⭐ ( 1435 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Cách bảo quản nhãn sau thu hoạch ngon ngọt, tươi lâu Bảo quản nhãn sau thu hoạch là điều cấp thiết để ta chế biến nhiều món ăn hấp dẫn trong một thời kì. Cùng Bách hóa XANH bỏ túi cách bảo quản mác quả! Bảo quản nhãn sau thu hoạch là điều cần thiết…

Hướng dẫn Chỉnh tiêu đề của bài viết và trang web trong WordPress

  • Tác giả: ggmedia.biz
  • Đánh giá: 4 ⭐ ( 2541 lượt đánh giá )
  • Khớp với kết quả tìm kiếm:

Thay đổi nhãn Menu Admin

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 6772 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Đây là quá trình thay đổi nhãn (tôi đã thay đổi bài đăng thành "danh bạ"…

Cách thay đổi một nhãn quản trị cụ thể

  • Tác giả: vi.louisekleu.com
  • Đánh giá: 5 ⭐ ( 1413 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tôi đang cố gắng thay đổi phần phụ trợ từ: Giao diện -> Tiêu đề Đến Giao diện -> Biểu trưng Nhưng câu trả lời Thay đổi Nhãn Menu Quản trị viên đã không giúp được gì cho đến nay. Có mẹo mới nào không? Cảm ơn

Xem thêm các bài viết khác thuộc chuyên mục: WordPress

By DEVTEAM