You are here: Home » Wordpress » Tips & Trick » Ẩn nội dung quan trọng, chỉ thành viên mới được xem

Ẩn nội dung quan trọng, chỉ thành viên mới được xem

by Huỳnh Trung on January 15, 2010

Bạn vào một số diễn đàn thường thấy có một số nội dung quan trọng thường bị ẩn đi, chỉ khi đăng nhập mới xem được. WordPress cũng có một vài plugin giúp chúng ta làm việc này. Tuy nhiên, yêu cầu đơn giản là đăng nhập mới thấy thì không cần thiết phải dùng đến plugin, chỉ với vài dòng code đơn giản, chúng ta cũng có thể làm được.

Các bạn thêm đoạn code sau vào cuối file functions.php trong theme đang sử dụng:

<?php
function hide_contents($atts, $content = null) {
  if (is_user_logged_in() && !is_null($content) && !is_feed()) {
    return $content;
  } else {
    return '<span class="hide">Xin lỗi, chỉ thành viên mới được thấy nội dung này. Nhấn <a href="http://www.hutruc.com/wp-login.php?action=register">vào đây</a> để đăng ký miễn phí!</span>';
}
}
add_shortcode('hide', 'hide_contents');
?>

Trong style.css thêm một đoạn CSS để cho nổi bật dòng thông báo:

.hide{
	border:1px dashed #ccc;
	background:#f7f7f7;
}

Cách sử dụng:

Rất là đơn giản, giống như BB-Code vậy, bạn chỉ cần đặt nội dung cần ẩn giữa thẻ [ hide] và [/ hide] là được.

Ví dụ:

[hide]Nội dung cần ẩn[/hide]

Ở bài giới thiệu về ShortCode, HuTruc có hứa sẽ giới thiệu với các bạn một vài shortcode hữu ích, đây là một trong những shortcode khá hay đấy Từ từ HuTruc sẽ giới thiệu tiếp, các bạn nhớ theo dõi

Bài viết liên quan

Bài viết cùng chuyên mục

Tagged as: Ẩn nội dung, code, hide contents, Shortcode, wp tips

Bài viết của tác giả Trung Huỳnh

Trung đã từng viết 83 bài cho Hư Trúc Blog. Hư Trúc Blog là blog viết về các thủ thuật Wordpress và hướng dẫn custom theme thesis. Tôi viết blog này chỉ mong học hỏi thêm kinh nghiệm từ các anh chị blogger khác, và ghi lại những gì tôi biết, hoặc tình cờ đọc được ở đâu đó,… đồng thời cũng hy vọng có thể nâng cao khả năng viết của mình. Tôi hy vọng các thủ thuật mà tôi biết, mọi người cũng sẽ biết.

Nếu bạn cảm thấy thích bài này, chắc bạn cũng sẽ thích các bài viết khác. Hãy đăng ký tin Feed qua RSS hay Email để đọc tin được tiện lợi hơn.

{ 3 trackbacks }

Không hiển thị quảng cáo đối với thành viên — Hư Trúc Blog: February 4, 2010 at 3:47 pm
Không hiển thị quảng cáo đối với thành viên — Hư Trúc Blog: March 18, 2010 at 4:16 pm
Chức năng và quyền hạn của thành viên trong Wordpress — Hư Trúc Blog: May 12, 2010 at 9:05 am

{ 15 comments… read them below or add one }

1 Tuan Anh January 16, 2010 at 12:44 am

Mấy bữa nay bác HuTruc có nhiều tips cho Thesis hay quá
Tuan Anh´s last blog ..Bluehost Overview

2 Hư Trúc January 16, 2010 at 8:10 am: Mình chỉ tìm và tạm dịch cho mọi người thôi. Mới làm quen với TheSiS, cần phải học hỏi nhiều ở các bậc tiền bối như anh Tỉnh, anh Dũng, bác Minh, v.v…

Reply

3 ngocthachez January 17, 2010 at 5:50 pm

Quả TUT này rất hay dành cho mấy blog cần thu hút member . À mà Hư Trúc cố gắng post thêm nhiều TUT về Thesis cho anh em tham khảo nữa nhé , đặc biệt là cái TUT làm khung Slidebar bo tròn như của bác
ngocthachez´s last blog ..Ra mắt CLB ReTweet Việt Nam

4 Hư Trúc January 17, 2010 at 6:18 pm

Cái này đơn giản thôi mà. Bác soi nguồn là thấy thôi. HT co đáh dấu từng phần dễ hiểu mà.

5 ngocthachez January 17, 2010 at 6:25 pm

Ok để đi săm soi 1 phát , kết quả TUT này rồi mà tìm mãi không ra , ức thật
ngocthachez´s last blog ..Ra mắt CLB ReTweet Việt Nam

6 Hư Trúc January 17, 2010 at 9:03 pm

Ok, bác cứ soi đi, nếu không được thì thứ 3 HT sẽ viết bài hướng dẫn.

7 Hư Trúc January 19, 2010 at 1:09 pm

Cái này đơn giản quá, HT nghĩ không cần thiết phải viết thành một bài. Bạn tham khảo đoạn CSS mà HT đang dùng nhé

/***** recent + rand post http://hutruc.com *****/
.custom #randpost li{background: #C3D9FF; border: 1px solid #000000; line-height: 1.4em; -moz-border-radius: 5px; padding: 0.5em; -webkit-border-radius: 5px; overflow: hidden;}
.custom #recent-posts-3 li{background: #FFFBCC; border: 1px solid #000000; line-height: 1.4em; -moz-border-radius: 5px; padding: 0.5em; -webkit-border-radius: 5px; overflow: hidden;}
/***** end recent + rand post http://hutruc.com *****/