Thêm link chỉnh sửa post trong WordPress

5 tháng ago, WordPress Themes, Views

Giới thiệu về Liên kết Chỉnh sửa Bài viết (Edit Post Link) trong WordPress

Trong WordPress, việc cho phép người dùng có quyền chỉnh sửa bài viết trực tiếp từ giao diện người dùng (front-end) có thể cải thiện đáng kể trải nghiệm quản lý nội dung, đặc biệt đối với các trang web cộng tác hoặc trang web có nhiều tác giả. Liên kết chỉnh sửa bài viết (Edit Post Link) là một tính năng cho phép người dùng có đủ quyền hạn nhanh chóng truy cập trang chỉnh sửa bài viết từ bất kỳ nơi nào hiển thị bài viết đó. Tính năng này giúp tiết kiệm thời gian và giảm thiểu các bước truy cập vào bảng điều khiển quản trị WordPress chỉ để thực hiện những chỉnh sửa nhỏ.

Bài viết này sẽ hướng dẫn bạn cách thêm liên kết chỉnh sửa bài viết vào website WordPress của bạn, bao gồm cả phương pháp thủ công và sử dụng plugin.

Tại sao nên sử dụng Liên kết Chỉnh sửa Bài viết?

Việc tích hợp liên kết chỉnh sửa bài viết mang lại nhiều lợi ích cho người dùng và quản trị viên:

Tiện lợi và nhanh chóng: Giúp người dùng có quyền truy cập trực tiếp vào trang chỉnh sửa bài viết mà không cần phải điều hướng qua bảng điều khiển WordPress.
Cải thiện trải nghiệm người dùng: Tạo ra một quy trình chỉnh sửa liền mạch và trực quan, đặc biệt đối với các trang web có nhiều tác giả.
Tăng năng suất: Tiết kiệm thời gian và công sức cho người dùng trong việc quản lý và cập nhật nội dung.

Thêm Liên kết Chỉnh sửa Bài viết Thủ công (Bằng Code)

Để thêm liên kết chỉnh sửa bài viết thủ công, bạn cần chỉnh sửa các file template của theme WordPress đang sử dụng. Hãy cẩn thận khi chỉnh sửa code, và luôn sao lưu file trước khi thực hiện bất kỳ thay đổi nào.

Bước 1: Xác định Vị trí Thêm Liên kết

Bạn cần xác định vị trí trên website nơi bạn muốn hiển thị liên kết chỉnh sửa bài viết. Thông thường, vị trí phổ biến là:

Dưới tiêu đề bài viết.
Cuối nội dung bài viết.
Trong khu vực meta của bài viết (ví dụ: ngày đăng, tác giả, danh mục).

Các file template phổ biến chứa code hiển thị bài viết bao gồm:

single.php: File template cho trang bài viết đơn.
index.php: File template cho trang chủ.
archive.php: File template cho trang lưu trữ (danh mục, thẻ).
content.php hoặc các file tương tự: Được sử dụng để hiển thị nội dung bài viết trong nhiều template khác nhau.

Bước 2: Chèn Code PHP

Sau khi xác định được file template phù hợp và vị trí mong muốn, bạn có thể chèn đoạn code PHP sau:

<?php edit_post_link( __( 'Edit', 'your-theme' ), '<span class="edit-link">', '</span>' ); ?>

Giải thích:

edit_post_link(): Hàm WordPress dùng để tạo liên kết chỉnh sửa bài viết.
__( 'Edit', 'your-theme' ): Chuỗi ‘Edit’ là văn bản hiển thị trên liên kết. ‘your-theme’ là domain text của theme, giúp dịch chuỗi này sang ngôn ngữ khác nếu cần.
'<span class="edit-link">': HTML sẽ được chèn trước liên kết. Ở đây, chúng ta bọc liên kết trong thẻ span với class edit-link để dễ dàng tạo kiểu (CSS).
'</span>': HTML sẽ được chèn sau liên kết.

Ví dụ, để thêm liên kết chỉnh sửa ngay sau tiêu đề bài viết trong single.php, bạn có thể chèn code như sau:

<h1 class="entry-title"><?php the_title(); ?></h1>
<?php edit_post_link( __( 'Edit', 'your-theme' ), '<span class="edit-link">', '</span>' ); ?>

Bước 3: Tùy chỉnh CSS (Nếu cần)

Bạn có thể sử dụng CSS để tạo kiểu cho liên kết chỉnh sửa để phù hợp với thiết kế của website. Ví dụ, bạn có thể thêm CSS vào file style.css của theme:

.edit-link {
  font-size: 0.8em;
  color: #999;
  margin-left: 10px;
}

.edit-link a {
  text-decoration: none;
}

.edit-link a:hover {
  text-decoration: underline;
}

Lưu ý quan trọng khi chỉnh sửa code

Luôn nhớ sao lưu file template trước khi chỉnh sửa. Nếu bạn không quen thuộc với việc chỉnh sửa code, hãy cân nhắc sử dụng một plugin để tránh gây ra lỗi cho website.

Sử dụng Plugin để Thêm Liên kết Chỉnh sửa Bài viết

Nếu bạn không muốn chỉnh sửa code, có rất nhiều plugin WordPress có thể giúp bạn thêm liên kết chỉnh sửa bài viết một cách dễ dàng. Một số plugin phổ biến bao gồm:

Edit Page Button: Plugin đơn giản và dễ sử dụng, cho phép bạn thêm liên kết chỉnh sửa vào bất kỳ trang hoặc bài viết nào.
Admin Bar Button: Thêm một nút vào thanh quản trị WordPress hiển thị trên giao diện người dùng khi người dùng có quyền chỉnh sửa trang hoặc bài viết hiện tại.
WP Edit: Cung cấp nhiều tùy chọn chỉnh sửa bảng điều khiển quản trị và giao diện người dùng, bao gồm cả khả năng thêm liên kết chỉnh sửa bài viết.

Ví dụ: Sử dụng Plugin “Edit Page Button”

Để sử dụng plugin “Edit Page Button”, bạn thực hiện các bước sau:

Tìm và cài đặt plugin “Edit Page Button” từ bảng điều khiển WordPress (Plugins > Add New).
Kích hoạt plugin.
Truy cập trang cài đặt của plugin (Settings > Edit Page Button).
Tùy chỉnh các tùy chọn theo ý muốn, chẳng hạn như vị trí hiển thị liên kết, văn bản liên kết, và quyền hạn người dùng.
Lưu các thay đổi.

Sau khi cài đặt và cấu hình plugin, liên kết chỉnh sửa sẽ tự động hiển thị trên các trang và bài viết theo cài đặt của bạn.

Kiểm tra Quyền hạn Người dùng

Điều quan trọng là phải đảm bảo rằng chỉ những người dùng có đủ quyền hạn (ví dụ: biên tập viên, quản trị viên) mới nhìn thấy liên kết chỉnh sửa. Hàm edit_post_link() và các plugin liên quan thường tự động kiểm tra quyền hạn trước khi hiển thị liên kết. Tuy nhiên, bạn vẫn nên kiểm tra lại để đảm bảo tính bảo mật.

Nếu bạn tự viết code để hiển thị liên kết, bạn có thể sử dụng các hàm WordPress như current_user_can( 'edit_post', $post_id ) để kiểm tra xem người dùng hiện tại có quyền chỉnh sửa bài viết có ID $post_id hay không. Ví dụ:

<?php
global $post;
if ( current_user_can( 'edit_post', $post->ID ) ) {
  edit_post_link( __( 'Edit', 'your-theme' ), '<span class="edit-link">', '</span>' );
}
?>

Kết luận

Thêm liên kết chỉnh sửa bài viết vào website WordPress của bạn là một cách đơn giản nhưng hiệu quả để cải thiện trải nghiệm người dùng và tăng năng suất quản lý nội dung. Bạn có thể chọn phương pháp thủ công (chỉnh sửa code) hoặc sử dụng plugin, tùy thuộc vào mức độ thoải mái của bạn với việc chỉnh sửa code và nhu cầu cụ thể của website.

Hãy nhớ sao lưu các file template trước khi chỉnh sửa và luôn kiểm tra quyền hạn người dùng để đảm bảo tính bảo mật. Chúc bạn thành công!

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