Thêm nút đăng bài/sửa bài lên Admin Bar

adminbutton

Bài này của tác giả Minh Khôi tại megamehay.com gửi cho Thachpham.com

Một nút Publish/Update ở trong tầm mắt của bạn hẳn sẽ là một điều tuyệt vời thay vì bạn cứ phải kéo chuột lên trên cùng chỉ để nhấp vào nút Publish/Update sau khi hoàn tất một bài viết dài. Sự tiện lợi này sẽ càng rõ ràng hơn nếu bạn phải soạn thảo bài viết với khá nhiều Metabox dài như WordPress Seo by Yoast. Với bài viết này, mình sẽ giúp các bạn thêm một nút “Đăng bài viết” vào Admin Toolbar để sẵn sàng sử dụng.

Nhắc đến việc thêm một liên kết vào Admin Toolbar có thể nhiều bạn nghĩ ngay đến function add_menu(), nhưng rất tiếc nó không giải quyết được vấn đề nếu bạn không thêm vào hàng tá câu lệnh và các điều kiện dài dòng khác. Giải pháp nhanh gọn và đơn giản hơn là: “ở đâu có nút submit thì ta copy nó đưa nó lên trên”.

adminbutton

Vì vậy mình quyết định dùng javascript để đọc và chèn thêm button vào Admin Toolbar như cái hình bên dưới.

Với cách này, bạn lại có thể biết thêm một cách khác để chèn link vào Admin Toolbar.

Đầu tiên bạn tạo một file tên là editpost.js trong thư mục theme và copy đoạn Javascript sau vào:


(function($) {
	
	$.fn.extend({
		
		duplicateButton: function ()
		{
			if ( $(this).length ) 
			{
				$('li#wp-admin-bar-google-tools').after('<li id="wp-admin-bar-publish-button"><a class="ab-item" href="#" id="tpb_publish" for="' + $(this).attr('id') + '"><span class="ab-icon"></span><span class="ab-label">' + $(this).val() + '</span></a></li>');
				return true;
			}
			return false;
		}
		
	});
	

	$(function(ready)
	{		
		var button = $('input[type="submit"].button-primary, input[type="button"].button-primary, input[type="submit"].acf-button');
		
		if ( button.is(':visible') && !button.is("#bulk_edit") )
		{
			if ( !button.attr('id') )
				button.first().attr('id','tpb_publish');
			button.first().duplicateButton();
		}
		
		$('li#wp-admin-bar-publish-button a').click(function(e) 
		{			
			e.preventDefault();
			$("https://nguoivietweb.net/wordpress/wordpress-tutorials/#"+$(this).attr('for')).click();
		});		
	});

})( jQuery );

Bạn để ý đoạn li#wp-admin-bar-google-tools trong code trên. Cái này nghĩa là mình sẽ xác định vị trí mà bạn muốn đặt menu đằng sau nó. Bạn hãy thay đoạn đó thành ID của menu mà bạn cần chèn sau nó, để lấy ID thì bạn chỉ cần rê chuột vào vị trí menu cần lấy, ấn chuột phải chọn Inspect Elements.

liid

Với đoạn Javascript trên, công việc gần như đã hoàn tất, giờ thì bạn chèn vào WP Admin nữa là xong. Hãy chèn đoạn sau vào file functions.php trong theme:


function mgh_admin_enqueue_script() {
	wp_enqueue_script( 'toolbar-publish-button', get_template_directory_uri().'/editpost.js',	array('jquery') );
}
add_action( 'admin_init', 'mgh_admin_enqueue_script' );

Để có icon phía trước button như trong hình, bạn tạo một file .css lưu trong thư mục theme với nội dung như sau:

#wpadminbar #wp-admin-bar-publish-button .ab-icon:before {
	content: 'f147';
	top: 4px;
}

Giống như file.js ở trên, bạn cần gọi nó trong WP Admin bằng file functions.php:


function mgh_admin_enqueue_style() {
	wp_enqueue_style( 'toolbar-publish-button-css', get_template_directory_uri().'/file.css' );
}
add_action( 'admin_init', 'mgh_admin_enqueue_style' );

Nhớ thay file.css thành tên file .css mà bạn vừa tạo.

OK, đã xong! Bây giờ ở bất cứ nơi nào trong wp-admin có nút submit, update, publish, đoạn javascript trên sẽ nhân bản lên và cho phép bạn điều khiển nút đó “từ xa”. Hy vọng bạn sẽ tiết kiệm được nhiều thời gian quý giá và bảo vệ nút cuộn chuột mỏng manh của mình.

Nguồn: Thêm nút đăng bài/sửa bài lên Admin Bar | Thạch Phạm

Categories: Content Marketing, Digital Marketing, Google Ads, Kinh doanh, PHP, SEO, Server - Hosting, WordPress, WordPress Development, Wordpress Plugin, WordPress Theme, Wordpress Tutorial,
Tags: baemin, bán hàng online, bán hàng online trên facebook, bán hàng qua facebook, bán hàng quần áo, bán hàng thời trang, bán hàng trên baemin, bán hàng trên facebook, bán hàng trên fanpage, bán hàng trên grab, bán hàng trên marketplace, bán hàng trên now, bán hàng trên tiktok, báo cáo kết quả hoạt động kinh doanh, bí quyết kinh doanh online, bít tết Âu việt, black friday, buôn bán hàng thùng, buôn bán hàng thùng tuyển chọn, cách bán hàng online đắt khách, cách bán hàng trên marketplace, cách bán hàng trên tiktok, câu chuyện kinh doanh, câu chuyện thành công, chương trình khuyến mãi, công nghệ phần mềm bán hàng, cửa hàng cafe, cửa hàng minh tuấn mobile, cửa hàng phụ kiện, cửa hàng thời trang, cửa hàng thực phẩm, cửa hàng thực phẩm sạch, doanh số bán hàng, dox garage & coffee, dox garage &amp; coffee, đăng ký bán hàng trên baemin, đăng ký bán hàng trên go food, đăng ký bán hàng trên grab, đăng ký bán hàng trên now, facebook, facebook pos, fanpage, file excel, file excel báo cáo kết quả kinh doanh, file excel quản lý kho, foodngon, go food, go jek, grab, halo mobile, khởi nghiệp, khởi nghiệp kinh doanh, khởi nghiệp kinh doanh thời trang, kinh doanh cafe, kinh doanh điện thoại, kinh doanh điện tử điện máy, kinh doanh đồ handmade, kinh doanh gì sau dịch, kinh doanh mỹ phẩm, kinh doanh mỹ phẩm online, kinh doanh nhà hàng, kinh doanh online, kinh doanh phụ kiện, kinh doanh quán cafe, kinh doanh shop thời trang, kinh doanh siêu thị mini, kinh doanh spa, kinh doanh thành công, kinh doanh thời trang, kinh doanh thời trang trẻ em, kinh doanh thực phẩm, kinh doanh thực phẩm sạch thành công, kinh doanh trên facebook, kinh doanh trên grab, kinh nghiệm bán hàng, kinh nghiệm kinh doanh, làm đồ handmade, lily shop, link kháng tài khoản quảng cáo, lụa tơ tằm bá minh, marketing online, mặt hàng dễ bán, mẹo bán hàng, mẹo bán hàng trên facebook, mẹo hay, ngày black friday năm 2020 là ngày nào?, now, now - foody, phầm mềm quản lý bán hàng miễn phí, phần mềm chốt đơn, phần mềm chốt đơn hàng, phần mềm miễn phí, phần mềm pos, phần mềm quản lý bán hàng, phần mềm quản lý bán hàng đáng tin cậy, phần mềm quản lý bán hàng miễn phí, phụ kiện ben & tony, phụ kiện ben &amp; tony, phụ kiện hà xinh, quán cafe hiệu quả, quản lý cửa hàng, quản lý cửa hàng thời trang, quản lý nhà hàng, quản lý nhân viên, quản lý nhân viên cứng đầu, quản lý nhân viên thời vụ, quảng cáo thương hiệu, shop thời trang, shopee, siêu thị minimart, status, status bán hàng, status quảng cáo mỹ phẩm, stella spa, stt bán hàng online hài hước, stt tương tác bán hàng, t.u.s shop, tài khoản bị vô hiệu hóa, tài khoản facebook, tài khoản facebook bị vô hiệu hóa, tải miễn phí file excel quản lý kho, tăng doanh thu mùa black friday, thời trang kosta, thời trang mine, thời trang tú trần shop, thực phẩm sạch, thực phẩm sạch 02, thực phẩm sạch tâm an, thuê mặt bằng kinh doanh, tiki, tiktok, tú trần shop,
Các yêu cầu để có một website tốc độ cao
Website WordPress bị lỗi trắng trang hoặc 500? Hãy đọc file log
Tác giả

Bình luận

Leave a Message

Registration isn't required.

NguyenLp LarTheme