Trang chủ » Blog » Cách kéo toàn bộ Tag ra Sidebar Widget

Cách kéo toàn bộ Tag ra Sidebar Widget

kéo toàn bộ tag ra sidebar bằng widget mặt định của wordpress. Bài viết thủ thuật, không có kiến thức nhiều, mong là sẽ giúp anh chị được một phần nho nhỏ trong công việc làm website của mình.

Thực hiện kéo Tag

Như thường lệ, anh chị sao chép đoạn mã bên dưới và dán vào tệp functions.php

Bước 1

Giải thích

Lúc này chúng ta đã sử dụng hàm get_tags với giá trị ‘all’.

Em có css trực tiếp (inline) trong đoạn mã bên dưới luôn, nếu anh chị muốn css lại thì cứ style trực tiếp trên đoạn mã này.

// Get All tag to shortcode
function gaco_get_tags(){
$tags = get_tags(array('get'=>'all'));
	$output .= '<ul class="tag-cloud-list" style="display: flex;
		flex-flow: row wrap;">';
		if($tags) {
		foreach ($tags as $tag):
		$output .= '<li style="margin-right: 5px;
		background: #f1f1f1 none repeat scroll 0 0;
		padding: 7px;
		border-radius: 2px;
		"><a style="color: #656565;" href="'. get_term_link($tag).'">'. $tag->name .'</a></li>';
		endforeach;
		} else {
		_e('No tags created.', 'text-domain');
		}
	$output .= '</ul>';
return $output;
}
add_shortcode('gaco_get_tags','gaco_get_tags');

Bước 2

  • Truy cập vào Dashboard (trang quản trị)
  • Chọn Giao diện -> Widget
  • Sidebar -> Dán shortcode bên dưới vào phần nội dung
[gaco_get_tags]

Cuối cùng

Ảnh dưới đây là kết quả.

Anh chị có thể CSS thêm nếu muốn, và hoàn toàn có thể đặt đoạn shortcode này ở bất kì phần nào của website.

Chúc anh chị thành công.

5 1 đánh giá
Đánh giá bài viết
Theo dõi
Thông báo của
guest
0 Góp ý
Phản hồi nội tuyến
Xem tất cả bình luận