";var nuttaibut = "<\/i> T\u1ea3i th\u00eam<\/span>"; Tạo trang sửa bài viết cho thành viên WordPress Trang chủGiới thiệuBlogPhần mềmThủ thuậtTiện íchRút gọn liên kếtVòng quay may mắnLiên hệ HomePhần mềmTạo trang sửa bài viết cho thành viên WordPress Nguyễn Văn Luyến 4 năm trướcTạo trang sửa bài viết cho thành viên WordPress Mục lụcỞ bài viết trước, mình có hướng dẫn các bạn cách tạo trang Quản lý bài viết cho thành viên.Tạo trang quản lý bài viết cho thành viên WordPressBài viết này mình sẽ hướng dẫn tiếp cách tạo trang sửa bài viết khi bạn nhấn vào nút sửa ở trang Quản lý bài viết.Code tạo trang sửa bài cho thành viênĐầu tiên các bạn hãy truy cập vào trình quản lý Hosting hay VPS của mình, vào thư mục theme mà bạn đang sử dụng, tạo cho mình một file mới có tên là sua-bai.phpNhư trên mình đang sử dụng Localhost trên máy tính nên việc tạo file là rất nhanh và dễ dàng, các bạn đang sử dụng Hosting hay VPS thì cũng làm tương tự.Sau khi tạo xong, bạn mở file sua-bai.phpvừa tạo lên, và gõ vào cho mình nội dung như hình trên hoặc sao chép code bên dưới rồi dán vào cho nhanh, cuối cùng lưu lại.php/*Template Name: Sửa bài*/?>Tiếp theo truy cập vàoTrình quán lý Admin>Trang>Thêm trang mớitạo cho mình một trang với tiêu đề là Sửa bài, Ở phần thuộc tính trang ở góc phải màn hình thì bạn chọn mẫu cũng là Sửa bài luôn, cuối cùng là Công bốtrang.Tiếp theo, đây là bước khá quan trọng để làm cho trang Sửa bài của bạn nó đồng bộ với trang web của bạn.1. Bạn tìm filepage.php ở thư mục theme bạn đang sử dụng, mở nó lên, sao chép tất cả nội dung trong file này dán vào file sua-bai.phpmà bạn đã tạo.2. Chú ý phần mình bôi đỏ ở hình trên, bạn xóa toàn bộ nội dung đó đi (xóa toàn bộ nội dung nằm trong thẻ xóa hết).Lưu ý:tại sao phải làm vậy, thì cơ bản trang web của bạn các đường link dẫn tới file css và javascrips có chức năng mang tới diện mạo cho trang web của bạn nó đều nằm ở fileheader.phpvàfooter.php, bạn không thể lấy nội dung 2 file này bỏ vào trang Sửa bài được, mà bạn có thể dùng đoạn code và để gọi lại nội dung của 2 trang này. Vì giao diện mà các bạn đang sử dụng là hoàn toàn khác nhau, cho nên việc lấy trang page.php làm khung cho trang Sửa bài và hoàn hảo nhất.Tiếp theo, bạn sao chép đoạn code bên dưới rồi dán vào file sua-bai.php, nhớ cho đoạn code này nằm trong thẻ mà bạn đã xóa nội dung ở trên, cuối cùng là lưu lại.$caodem = addslashes( $_GET['id'] ); $post_tags = wp_get_post_tags($caodem); $tagsarray = array();$status2 = get_post_status($caodem);foreach ($post_tags as $tag) {$tagsarray[] = $tag->name;}$tagslist = implode( ', ', $tagsarray );?>$current_user = wp_get_current_user(); $userid = $current_user->ID; $curpost = get_post( $caodem ); $userlevel = $current_user->user_level;$lovenduser = $curpost->post_author;if ($userid == $lovenduser || $userlevel > 2 ) { ?>if (isset($_POST['post_title'])) {$post_title = $_POST['post_title'];}if (isset($_POST['post_content'])) {$post_content = $_POST['post_content'];}else {echo 'Please enter the content';}if (isset ($_POST['post_category'])) {$post_category = $_POST['post_category'];} else {$post_category = 1;}if (isset($_POST['post_tags'])) {$post_tags = $_POST['post_tags'];}if( $post_title == "" || $post_content == "") {echo 'Vui lòng không bỏ trống thông tin!';}else {$post = array('ID' => $caodem,'post_title' => wp_strip_all_tags($post_title),'post_status' => 'pending','post_content' => $post_content,'post_category' => array($post_category),'tags_input' => $post_tags,'post_type' => 'post','post_status' => $status2,);$lovendpost_id_edit = wp_insert_post($post);if ($_FILES['file']['name'] == "") {} else {foreach ($_FILES as $file => $array) {$newupload = insert_attachment($file,$lovendpost_id_edit);}}echo 'Sửa bài thành công! Quản lý bài viết';}} ?>$post = get_post( $caodem, OBJECT, 'edit' );$content = $post->post_content;wp_editor( $content, 'userpostcontent', array( 'textarea_name' => 'post_content' ));?>$cats = get_the_category( $caodem);$selected = 0;if( $cats ) {$selected = $cats[0]->term_id;}?>wp_dropdown_categories( array('orderby' => 'title','hide_empty' => false,'id' => 'chuyen-muc-sua','class' => 'form-control','name' => 'post_category','selected' => $selected) );?>$feat_image = wp_get_attachment_url( get_post_thumbnail_id($caodem) );?>var loadFile = function(event) {var output = document.getElementById('output_avatar');output.src = URL.createObjectURL(event.target.files[0]);$('#output_avatar').addClass('active-avatar');};HÌNH ĐẠI DIỆN Cập nhậtBạn không có quyền sửa!Bạn cần phải đăng nhập để sử dụng chức năng này!#tieu-de{font-size:20px;color:#222;font-weight:bold;margin-bottom:20px;padding:10px}#chuyen-muc{margin-top:20px;margin-bottom:20px}.sua-bai{margin-top:30px}.them-anh{width:100%;margin-bottom:20px}#file{display:none}.thong-bao{margin-top:20px;margin-bottom:20px}Để thử xem trang Sửa bài có hoạt động tốt không, thì bạn vào trang Quản lý bài viết, rồi nhấn sửa ở một bài viết bất kỳ.Hình trên là kết quả của trang Sửa bài viết cho thành viên.Ở code trên thì bao gồm chức năng sửa ảnh đại diện cho vài viết luôn, tuy nhiên để chức năng upload file hình ảnh lên host hoạt động, thì bạn cần phải cấp quyền cho nó thông qua quạn code bên dưới. Sao chép đoạn code bên dưới rồi dán vào file function.php trong thư mục theme mà bạn đang sử dụng// them anh dai dien bai viet function insert_attachment($file_handler,$post_id,$setthumb='false') { // check to make sure its a successful upload if ($_FILES[$file_handler]['error'] !== UPLOAD_ERR_OK) __return_false(); require_once(ABSPATH . "wp-admin" . '/includes/image.php'); require_once(ABSPATH . "wp-admin" . '/includes/file.php'); require_once(ABSPATH . "wp-admin" . '/includes/media.php'); $attach_id = media_handle_upload( $file_handler, $post_id ); if ($setthumb) update_post_meta($post_id,'_thumbnail_id',$attach_id); return $attach_id; } // ket thuc them anh dai dienNguồn: //caodem.com/tao-trang-sua-bai-viet-cho-thanh-vien-wordpress/Thẻ: Code cho Wordpress • Code hay7 lượt xem | 0 bình luận Nguyễn Văn LuyếnLuôn luôn lắng nghe, lâu lâu mới hiểu Đề xuất cho bạnHướng dẫn sử dụng công cụ ký số văn bản theo Nghị định 30/2020/NĐ-CP 1 tháng trướcPhần mềm Winamp phần mềm phát nhạc một thời đã “hồi sinh” 1 tháng trướcPhần mềm chụp màn hình và ghi chú nhanh Snap IT 6 tháng trướcvnTools – Công cụ hỗ trợ chuyển chữ hoa, chữ thường, đọc số thành số…. 7 tháng trướcQuy định mới về đào tạo lái xe hạng B1, B2, C áp dụng từ ngày 1.6.2024 7 tháng trướcỨng dụng Mô phỏng 120 tình huống giao thông trên điện thoại V2.0.0 10 tháng trướcBộ cài đặt phần mềm ÔN TẬP MÔ PHỎNG phiên bản V2.0.0 10 tháng trướcHướng dẫn cập nhật phần mềm ÔN TẬP MÔ PHỎNG từ phiên bản v1.2.2 lên v1.2.3 12 tháng trước Tùy biến con trỏ khi duyệt web với tiện ích Custom Cursor Asus TUF FX505DT: Laptop gaming đáp ứng nhu cầu giải trí và học tập giá mềm Tự Thiết Kế Hình Ảnh Logo/Banner Dễ Như Ăn Cháo – Không Cần Dùng Photoshop Bình luận gần đâyAddin Word xuất Mail Merge có chức năng cắt ra…Nguyễn Văn Luyến 6 tháng trướcƯng dụng này rất hay cho người hay thực hiện các biểu mâu, thư mời,...Quy định mới về đào tạo lái xe hạng B1,…Nguyễn Văn Luyến 6 tháng trướcChuẩn bị lại lên giáTiện ích tiếng Việt trên Word năm 2022 miễn phíChuyển Đổi Số 11 tháng trướcCó trang nguồn mình tải á, bạn qua trang đó xem thử. Mình cài được bình thường áFont chữ thư pháp FZ Tiểu Tự Việt HoáChuyển Đổi Số 11 tháng trướcMỉnh cũng thấy cái gì hay hay lưu lại trên trang cá nhân khi nào cần lấy ra dùng thôi à. Cảm ơn bạn nhiều!Font chữ thư pháp FZ Tiểu Tự Việt Hoáquang tuấn 11 tháng trướcok cám ơn addTiện ích tiếng Việt trên Word năm 2022 miễn phíĐàm kiên 1 năm trướcsao không thấy hướng dẫn khắc phục lỗi the macro vậyTiện ích tiếng Việt trên Word năm 2022 miễn phíĐàm kiên 1 năm trướcfile tải về chỉ có 3 file hướng dẫn chứ không có file cài đặt nhéGoogle tung dấu tick xanh trong GmailNguyễn Văn Luyến 1 năm trướcBài viết hay Có nhiều lượt xemNewspaper v9.0 Premium WordPress Themes1378 lượt xemBộ cài đặt phần mềm ÔN TẬP MÔ PHỎNG phiên bản V2.0.01158 lượt xemTiện ích tiếng Việt trên Word năm 2022 miễn phí1080 lượt xemAddin Word xuất Mail Merge có chức năng cắt ra nhiều file và gửi mail748 lượt xemQuy định mới về đào tạo lái xe hạng B1, B2, C áp dụng từ ngày 1.6.2024650 lượt xemZaloMessengerEmailZaloMessengerEmail Trang chủ Zalo Hỗ trợ Messenger Liên hệ Đồng ý Cookie Trang web này sử dụng Cookie để nâng cao trải nghiệm duyệt web của bạn và cung cấp các đề xuất được cá nhân hóa. Bằng cách chấp nhận để sử dụng trang web của chúng tôi Tôi chấp nhận
Ở bài viết trước, mình có hướng dẫn các bạn cách tạo trang Quản lý bài viết cho thành viên.Tạo trang quản lý bài viết cho thành viên WordPressBài viết này mình sẽ hướng dẫn tiếp cách tạo trang sửa bài viết khi bạn nhấn vào nút sửa ở trang Quản lý bài viết.
Như trên mình đang sử dụng Localhost trên máy tính nên việc tạo file là rất nhanh và dễ dàng, các bạn đang sử dụng Hosting hay VPS thì cũng làm tương tự.
Sau khi tạo xong, bạn mở file sua-bai.phpvừa tạo lên, và gõ vào cho mình nội dung như hình trên hoặc sao chép code bên dưới rồi dán vào cho nhanh, cuối cùng lưu lại.
php/*Template Name: Sửa bài*/?>
Tiếp theo truy cập vàoTrình quán lý Admin>Trang>Thêm trang mớitạo cho mình một trang với tiêu đề là Sửa bài, Ở phần thuộc tính trang ở góc phải màn hình thì bạn chọn mẫu cũng là Sửa bài luôn, cuối cùng là Công bốtrang.
Tiếp theo, đây là bước khá quan trọng để làm cho trang Sửa bài của bạn nó đồng bộ với trang web của bạn.1. Bạn tìm filepage.php ở thư mục theme bạn đang sử dụng, mở nó lên, sao chép tất cả nội dung trong file này dán vào file sua-bai.phpmà bạn đã tạo.2. Chú ý phần mình bôi đỏ ở hình trên, bạn xóa toàn bộ nội dung đó đi (xóa toàn bộ nội dung nằm trong thẻ xóa hết).
Lưu ý:tại sao phải làm vậy, thì cơ bản trang web của bạn các đường link dẫn tới file css và javascrips có chức năng mang tới diện mạo cho trang web của bạn nó đều nằm ở fileheader.phpvàfooter.php, bạn không thể lấy nội dung 2 file này bỏ vào trang Sửa bài được, mà bạn có thể dùng đoạn code và để gọi lại nội dung của 2 trang này. Vì giao diện mà các bạn đang sử dụng là hoàn toàn khác nhau, cho nên việc lấy trang page.php làm khung cho trang Sửa bài và hoàn hảo nhất.
Tiếp theo, bạn sao chép đoạn code bên dưới rồi dán vào file sua-bai.php, nhớ cho đoạn code này nằm trong thẻ mà bạn đã xóa nội dung ở trên, cuối cùng là lưu lại.
$caodem = addslashes( $_GET['id'] ); $post_tags = wp_get_post_tags($caodem); $tagsarray = array();$status2 = get_post_status($caodem);foreach ($post_tags as $tag) {$tagsarray[] = $tag->name;}$tagslist = implode( ', ', $tagsarray );?>$current_user = wp_get_current_user(); $userid = $current_user->ID; $curpost = get_post( $caodem ); $userlevel = $current_user->user_level;$lovenduser = $curpost->post_author;if ($userid == $lovenduser || $userlevel > 2 ) { ?>if (isset($_POST['post_title'])) {$post_title = $_POST['post_title'];}if (isset($_POST['post_content'])) {$post_content = $_POST['post_content'];}else {echo 'Please enter the content';}if (isset ($_POST['post_category'])) {$post_category = $_POST['post_category'];} else {$post_category = 1;}if (isset($_POST['post_tags'])) {$post_tags = $_POST['post_tags'];}if( $post_title == "" || $post_content == "") {echo 'Vui lòng không bỏ trống thông tin!';}else {$post = array('ID' => $caodem,'post_title' => wp_strip_all_tags($post_title),'post_status' => 'pending','post_content' => $post_content,'post_category' => array($post_category),'tags_input' => $post_tags,'post_type' => 'post','post_status' => $status2,);$lovendpost_id_edit = wp_insert_post($post);if ($_FILES['file']['name'] == "") {} else {foreach ($_FILES as $file => $array) {$newupload = insert_attachment($file,$lovendpost_id_edit);}}echo 'Sửa bài thành công! Quản lý bài viết';}} ?>$post = get_post( $caodem, OBJECT, 'edit' );$content = $post->post_content;wp_editor( $content, 'userpostcontent', array( 'textarea_name' => 'post_content' ));?>$cats = get_the_category( $caodem);$selected = 0;if( $cats ) {$selected = $cats[0]->term_id;}?>wp_dropdown_categories( array('orderby' => 'title','hide_empty' => false,'id' => 'chuyen-muc-sua','class' => 'form-control','name' => 'post_category','selected' => $selected) );?>$feat_image = wp_get_attachment_url( get_post_thumbnail_id($caodem) );?>var loadFile = function(event) {var output = document.getElementById('output_avatar');output.src = URL.createObjectURL(event.target.files[0]);$('#output_avatar').addClass('active-avatar');};HÌNH ĐẠI DIỆN Cập nhậtBạn không có quyền sửa!Bạn cần phải đăng nhập để sử dụng chức năng này!#tieu-de{font-size:20px;color:#222;font-weight:bold;margin-bottom:20px;padding:10px}#chuyen-muc{margin-top:20px;margin-bottom:20px}.sua-bai{margin-top:30px}.them-anh{width:100%;margin-bottom:20px}#file{display:none}.thong-bao{margin-top:20px;margin-bottom:20px}
$post = array('ID' => $caodem,'post_title' => wp_strip_all_tags($post_title),'post_status' => 'pending','post_content' => $post_content,'post_category' => array($post_category),'tags_input' => $post_tags,'post_type' => 'post','post_status' => $status2,);$lovendpost_id_edit = wp_insert_post($post);
if ($_FILES['file']['name'] == "") {} else {foreach ($_FILES as $file => $array) {$newupload = insert_attachment($file,$lovendpost_id_edit);}}echo 'Sửa bài thành công! Quản lý bài viết';}} ?>$post = get_post( $caodem, OBJECT, 'edit' );$content = $post->post_content;wp_editor( $content, 'userpostcontent', array( 'textarea_name' => 'post_content' ));?>$cats = get_the_category( $caodem);$selected = 0;if( $cats ) {$selected = $cats[0]->term_id;}?>wp_dropdown_categories( array('orderby' => 'title','hide_empty' => false,'id' => 'chuyen-muc-sua','class' => 'form-control','name' => 'post_category','selected' => $selected) );?>$feat_image = wp_get_attachment_url( get_post_thumbnail_id($caodem) );?>var loadFile = function(event) {var output = document.getElementById('output_avatar');output.src = URL.createObjectURL(event.target.files[0]);$('#output_avatar').addClass('active-avatar');};HÌNH ĐẠI DIỆN Cập nhậtBạn không có quyền sửa!Bạn cần phải đăng nhập để sử dụng chức năng này!
$post = get_post( $caodem, OBJECT, 'edit' );$content = $post->post_content;wp_editor( $content, 'userpostcontent', array( 'textarea_name' => 'post_content' ));?>
$cats = get_the_category( $caodem);$selected = 0;if( $cats ) {$selected = $cats[0]->term_id;}?>wp_dropdown_categories( array('orderby' => 'title','hide_empty' => false,'id' => 'chuyen-muc-sua','class' => 'form-control','name' => 'post_category','selected' => $selected) );?>$feat_image = wp_get_attachment_url( get_post_thumbnail_id($caodem) );?>var loadFile = function(event) {var output = document.getElementById('output_avatar');output.src = URL.createObjectURL(event.target.files[0]);$('#output_avatar').addClass('active-avatar');};HÌNH ĐẠI DIỆN
var loadFile = function(event) {var output = document.getElementById('output_avatar');output.src = URL.createObjectURL(event.target.files[0]);$('#output_avatar').addClass('active-avatar');};HÌNH ĐẠI DIỆN
Cập nhật
Để thử xem trang Sửa bài có hoạt động tốt không, thì bạn vào trang Quản lý bài viết, rồi nhấn sửa ở một bài viết bất kỳ.
Hình trên là kết quả của trang Sửa bài viết cho thành viên.
Ở code trên thì bao gồm chức năng sửa ảnh đại diện cho vài viết luôn, tuy nhiên để chức năng upload file hình ảnh lên host hoạt động, thì bạn cần phải cấp quyền cho nó thông qua quạn code bên dưới. Sao chép đoạn code bên dưới rồi dán vào file function.php trong thư mục theme mà bạn đang sử dụng
// them anh dai dien bai viet function insert_attachment($file_handler,$post_id,$setthumb='false') { // check to make sure its a successful upload if ($_FILES[$file_handler]['error'] !== UPLOAD_ERR_OK) __return_false(); require_once(ABSPATH . "wp-admin" . '/includes/image.php'); require_once(ABSPATH . "wp-admin" . '/includes/file.php'); require_once(ABSPATH . "wp-admin" . '/includes/media.php'); $attach_id = media_handle_upload( $file_handler, $post_id ); if ($setthumb) update_post_meta($post_id,'_thumbnail_id',$attach_id); return $attach_id; } // ket thuc them anh dai dien
Nguồn: //caodem.com/tao-trang-sua-bai-viet-cho-thanh-vien-wordpress/