Thủ thuật wordpress

Thủ thuật wordpress – Code thêm nút Edit nhanh cho Admin trên Mobile WordPress

Đăng vào Tháng Một 11, 2025Tháng Một 11, 2025 bởi admin

admin

11/01/2025

9 Phút đọc

4 Lượt xem

Đánh giá

Nếu bạn là một quản trị viên của website WordPress và đang tìm kiếm cách code thêm nút Edit nhanh cho Admin trên Mobile WordPress để chỉnh sửa bài viết, trang, hay sản phẩm ngay trên điện thoại di động mà không cần phải tìm kiếm các tùy chọn rườm rà, thì bạn đã đến đúng chỗ! Hôm nay, muathemewpgiare.com sẽ chỉ cho bạn cách tạo một nút sửa nhanh, dễ sử dụng và rất hữu ích cho việc quản lý website WordPress khi bạn đang di chuyển.

Thủ thuật wordpress - Code thêm nút Edit nhanh cho Admin trên Mobile WordPress

Tại Sao Cần thêm nút Edit nhanh cho Admin trên Mobile WordPress?

Quản trị website WordPress trên điện thoại di động có thể khiến bạn cảm thấy khá bối rối, đặc biệt là khi phải tìm đến các trang chỉnh sửa bài viết, sản phẩm hay trang trong một giao diện mobile tối giản. Để giải quyết vấn đề này, việc thêm một nút “Sửa nhanh” sẽ giúp bạn tiết kiệm thời gian và dễ dàng hơn trong công việc quản trị.

Hãy tưởng tượng bạn đang ở ngoài, cần chỉnh sửa một bài viết gấp, nhưng giao diện WordPress trên mobile lại khiến bạn phải mò mẫm mãi mới tìm ra nút “Chỉnh sửa”. Đó là lúc một nút “Sửa nhanh” sẽ trở thành cứu cánh đắc lực!

Lợi Ích Của Nút Sửa Nhanh Trên Mobile WordPress

Hiển Thị Nút “Sửa Nhanh” Dễ Dàng

Với một nút sửa nhanh cố định, bạn không cần phải lo lắng về việc tìm kiếm tùy chọn chỉnh sửa. Nút này luôn xuất hiện trên màn hình của bạn, dễ dàng truy cập mọi lúc mọi nơi.

Chỉ Dành Cho Admin

Tính năng này chỉ hiển thị đối với tài khoản admin, giúp tránh tình trạng người dùng không có quyền truy cập vào chức năng này. Điều này đảm bảo rằng chỉ những người có quyền quản trị mới có thể chỉnh sửa nội dung trên website của bạn.

Liên Kết Tự Động Đến Trang Chỉnh Sửa

Khi bạn nhấn vào nút sửa nhanh, hệ thống sẽ tự động chuyển hướng bạn đến trang chỉnh sửa của bài viết, trang hoặc sản phẩm hiện tại, giúp bạn tiết kiệm thời gian tìm kiếm và thao tác.

Không Gây Cản Trở Cho Giao Diện

Nút sửa nhanh được thiết kế tối giản và không ảnh hưởng đến giao diện chính của website. Nó sẽ không làm rối mắt người dùng, mà ngược lại, sẽ khiến bạn thấy tiện lợi hơn khi quản trị website.

Tương Thích Với Mọi Theme WordPress

Với đoạn code đơn giản dưới đây, bạn có thể tích hợp nút sửa nhanh này vào bất kỳ theme WordPress nào mà không gặp phải sự cố tương thích.

Code Tạo Nút “Sửa Nhanh” Cho Admin Trên Mobile

Để tạo nút sửa nhanh này, bạn chỉ cần sao chép và dán đoạn code sau vào tệp functions.php trong thư mục theme của bạn. Đừng quên xóa cache nếu website của bạn đang sử dụng hệ thống cache.

function muathemewpgiare_add_mobile_edit_button() {
    // Kiểm tra xem người dùng có phải là admin không
    if (!current_user_can('edit_posts') && !current_user_can('edit_pages')) {
        return;
    }

    // Kiểm tra nếu đây là trang bài viết, trang hoặc sản phẩm
    if (!is_singular()) {
        return;
    }

    // Lấy ID của bài viết hiện tại
    $post_id = get_the_ID();
    
    // Lấy đường dẫn đến trang chỉnh sửa bài viết
    $edit_link = get_edit_post_link($post_id);
    
    // CSS cho nút sửa
    $css = "
    <style>
        .muathemewpgiare-edit-button-container {
            position: fixed;
            top: 80px;
            right: 15px;
            z-index: 9999;
            display: none;
        }

        .muathemewpgiare-edit-button {
            padding: 8px 16px;
            background: #007cba;
            color: #ffffff;
            border-radius: 50px;
            font-weight: bold;
            box-shadow: 0 2px 5px rgba(0,0,0,0.2);
            font-size: 14px;
            min-width: 60px;
            text-align: center;
            text-decoration: none;
        }

        .muathemewpgiare-edit-icon {
            width: 16px;
            height: 16px;
            display: inline-block;
            fill: currentColor;
            margin-right: 6px;
        }

        @media (max-width: 782px) {
            .muathemewpgiare-edit-button-container {
                display: block;
            }
        }
    </style>
    ";
    
    // SVG icon cho nút sửa
    $edit_icon = '<svg class="muathemewpgiare-edit-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
        <path d="M20.71 7.04c.39-.39.39-1.04 0-1.41l-2.34-2.34c-.37-.39-1.02-.39-1.41 0l-1.84 1.83 3.75 3.75M3 17.25V21h3.75L17.81 9.93l-3.75-3.75L3 17.25z"/>
    </svg>';
    
    // HTML cho nút sửa
    $html = "
    <div class='muathemewpgiare-edit-button-container'>
        <a href='{$edit_link}' class='muathemewpgiare-edit-button'>
            {$edit_icon}
            Sửa
        </a>
    </div>
    ";
    
    // In ra CSS và HTML
    echo $css . $html;
}

// Hook vào wp_footer để hiển thị nút sửa
add_action('wp_footer', 'muathemewpgiare_add_mobile_edit_button');

function muathemewpgiare_add_mobile_edit_button() {

// Kiểm tra xem người dùng có phải là admin không

if (!current_user_can('edit_posts') && !current_user_can('edit_pages')) {

return;

}

// Kiểm tra nếu đây là trang bài viết, trang hoặc sản phẩm

if (!is_singular()) {

return;

}

// Lấy ID của bài viết hiện tại

$post_id = get_the_ID();

// Lấy đường dẫn đến trang chỉnh sửa bài viết

$edit_link = get_edit_post_link($post_id);

// CSS cho nút sửa

$css = "

<style>

.muathemewpgiare-edit-button-container {

position: fixed;

top: 80px;

right: 15px;

z-index: 9999;

display: none;

}

.muathemewpgiare-edit-button {

padding: 8px 16px;

background: #007cba;

color: #ffffff;

border-radius: 50px;

font-weight: bold;

box-shadow: 0 2px 5px rgba(0,0,0,0.2);

font-size: 14px;

min-width: 60px;

text-align: center;

text-decoration: none;

}

.muathemewpgiare-edit-icon {

width: 16px;

height: 16px;

display: inline-block;

fill: currentColor;

margin-right: 6px;

}

@media (max-width: 782px) {

.muathemewpgiare-edit-button-container {

display: block;

}

</style>

// SVG icon cho nút sửa

$edit_icon = '<svg class="muathemewpgiare-edit-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">

</svg>';

// HTML cho nút sửa

$html = "

{$edit_icon}

Sửa

</a>

</div>

// In ra CSS và HTML

echo $css . $html;

}

// Hook vào wp_footer để hiển thị nút sửa

add_action('wp_footer', 'muathemewpgiare_add_mobile_edit_button');

Các Lý Do Bạn Nên Dùng Nút Sửa Nhanh Này

Dễ Dàng Duy Trì Quản Trị Website

Quản trị viên có thể dễ dàng truy cập vào các trang chỉnh sửa mà không cần phải làm quá nhiều thao tác, giúp tăng năng suất công việc.

Thiết Kế Gọn Gàng, Không Gây Rối Mắt

Nút sửa nhanh có thiết kế tối giản, không làm rối mắt người dùng. Nó hiển thị ở một vị trí cố định, giúp bạn dễ dàng nhìn thấy và truy cập mà không làm mất đi sự đẹp mắt của giao diện website.

Phù Hợp Với Mọi Theme WordPress

Không phải lo về việc theme của bạn có tương thích với tính năng này không. Đoạn mã trên đảm bảo sẽ hoạt động mượt mà trên mọi theme WordPress hiện nay.

Làm Thế Nào Để Cài Đặt Nút Sửa Nhanh?

Để cài đặt nút sửa nhanh này, bạn chỉ cần thêm đoạn code vào file functions.php của theme bạn đang sử dụng. Sau đó, chỉ cần xóa cache website nếu cần thiết, và bạn sẽ thấy ngay nút sửa nhanh xuất hiện khi bạn truy cập website từ điện thoại.

Kết Luận

Với tính năng này, việc quản lý và chỉnh sửa website WordPress trên điện thoại di động sẽ trở nên dễ dàng và nhanh chóng hơn bao giờ hết. Không cần phải mò mẫm giữa các menu hay giao diện phức tạp, bạn chỉ cần một cú nhấp chuột vào nút sửa nhanh và công việc sẽ được hoàn tất trong nháy mắt.

Hãy thử ngay tính năng này và trải nghiệm sự tiện lợi mà nó mang lại cho công việc quản trị website của bạn!

Xem thêm:

Thông báo chính thức: Muathemewpgiare chân thành mong muốn được đồng hành và hỗ trợ tốt nhất cho các khách hàng trong quá trình sử dụng giao diện WordPress. Vì vậy, khi mua những theme wordpress tại chúng tôi, chúng tôi cam kết hỗ trợ quý khách hàng hết sức có thể.

Chúng tôi hiểu rằng sự lựa chọn của quý khách là rất quan trọng. Việc mua source code tại chúng tôi không chỉ giúp đảm bảo chất lượng mà còn nhận được sự hỗ trợ tận tâm từ Muathemewpgiare. Chúng tôi rất mong quý khách cân nhắc kỹ, tránh những rủi ro không đáng có khi mua các source code không rõ nguồn gốc. Chúng tôi luôn sẵn sàng hỗ trợ và đồng hành cùng quý khách. Xin chân thành cảm ơn!

Liên hệ qua Zalo Liên hệ qua Facebook Gửi Email Gọi Điện

Giới thiệu tính năng Flash Sale “Đã bán bao nhiêu” giống Shopee

Nếu bạn là một người bán hàng trực tuyến trên muathemewpgiare.com và muốn tăng cường sự uy tín của cửa hàng mình, chắc chắn bạn...
Hướng Dẫn Cách Ẩn Sản Phẩm Khi Hết Thời Gian Khuyến Mãi

Nếu bạn đang tìm kiếm một giải pháp dễ dàng để ẩn sản phẩm khi hết thời gian khuyến mãi trên website của mình, bài...
Code thêm SKU tự động vào đường dẫn của sản phẩm trong WordPress

Trong bài viết này, muathemewpgiare sẽ cùng tìm hiểu cách tự động thêm SKU vào đường dẫn sản phẩm trong WordPress, code thêm SKU tự...
Thêm trường số điện thoại, xoá trường email, website và chống spam bình luận bài viết

Trong quá trình phát triển website, việc quản lý bình luận từ người dùng là một phần quan trọng để duy trì tính tương tác...
Cách Code Fake Số Lượng Hàng Đã Bán Trong Woocommerce (Không Cần Plugin)

Khi phát triển trang thương mại điện tử với Woocommerce trên nền tảng WordPress, ngoài việc cung cấp đầy đủ thông tin sản phẩm như...
Sharecode chức năng đăng nhập gần nhất và cột ngày đăng ký tài khoản

Mục LụcTại Sao Cần thêm nút Edit nhanh cho Admin trên Mobile WordPress?Lợi Ích Của Nút Sửa Nhanh Trên Mobile WordPressHiển Thị Nút “Sửa Nhanh”...
Sharecode HTML và CSS Bảng Báo Giá

DEMO: Thiết kế Website Cơ bản 5,000,000đ Thiết kế website chuẩn SEO Giao diện responsive Tích hợp cơ bản (Form liên hệ, Bản đồ) Tư...
Sharecode plugin bộ lọc khoảng giá cho wordpress không cần plugin

Khi xây dựng một website WordPress, việc cung cấp công cụ tìm kiếm hiệu quả cho người dùng là rất quan trọng, đặc biệt là...
Sharecode slider sản phẩm đã xem wordpress

Mục LụcTại Sao Cần thêm nút Edit nhanh cho Admin trên Mobile WordPress?Lợi Ích Của Nút Sửa Nhanh Trên Mobile WordPressHiển Thị Nút “Sửa Nhanh”...
Tự Động Cập Nhật Hình Đại Diện Cho Bài Viết Trong WordPress

Hình đại diện (thumbnail) cho bài viết trong WordPress là yếu tố quan trọng giúp tăng tính thẩm mỹ và tạo điểm nhấn trực quan...
Share code hiển thị bài viết theo danh mục trong widget

Hướng dẫn chi tiết tạo Widget hiển thị bài viết theo danh mục trong WordPress là một phần quan trọng giúp tối ưu hóa trải...
Cách Thêm Ô Tìm Kiếm Danh Mục (Category) Trong WordPress

Bạn đã bao giờ cảm thấy mệt mỏi khi phải lục tung hàng tá danh mục trong WordPress mỗi khi đăng bài hay sản phẩm...
[Thủ thuật wordpress] Hướng dẫn code chức năng tạo và gửi mã giảm giá tự động khi người dùng đăng ký tài khoản không dùng plugin

Việc tạo mã giảm giá tự động cho người dùng khi đăng ký tài khoản trên website WooCommerce có thể giúp bạn tăng tỷ lệ...
Hướng Dẫn Code Chức Năng Xác Thực Số Điện Thoại Người Dùng Trong WordPress Từ A Đến Z

Xác thực số điện thoại người dùng là một bước quan trọng để bảo vệ tính toàn vẹn của trang web và đảm bảo chỉ...
Sharecode chức năng hiển thị top 10 sản phẩm bán chạy wordpress

Bạn đang tìm kiếm một giải pháp để hiển thị top 10 sản phẩm bán chạy trên website WordPress? Dưới đây, mình sẽ chia sẻ...
Hướng Dẫn Tự Code Tạo Chức Năng “Vòng Quay May Mắn” WordPress

Chào mọi người, hôm nay mình sẽ hướng dẫn mọi người code chức năng vòng quay may mắn trong wordpress nhé! Mọi người biết đấy,...