Thủ Thuật WordPress - Raynoblog https://raynoblog.com/wordpress-co-ban Wordpress - Themes - Plugins - Coupon Mon, 27 Sep 2021 15:07:38 +0000 en-US hourly 1 Tạo trang chuyển hướng liên kết ngoài cho WordPress https://raynoblog.com/wordpress-co-ban/chuyen-huong-lien-ket-ngoai-wordpress.html https://raynoblog.com/wordpress-co-ban/chuyen-huong-lien-ket-ngoai-wordpress.html#comments Wed, 19 Jul 2017 09:30:36 +0000 https://raynoblog.com/?p=6021 Chức năng chuyển hướng liên kết ngoài ta thường thấy ở các diễn đàn vbulletin. Khi bạn click vào một liên kết không thuộc website, bạn sẽ được chuyển hướng đến một trang thông báo với nội dung từ chối trách nhiệm liên quan đến liên kết bạn click vào. Hoặc các trang web cũng có thể sử dụng chức năng này để tăng lượt hiển thị quảng cáo...

The post Tạo trang chuyển hướng liên kết ngoài cho WordPress appeared first on Raynoblog.

]]>
Chức năng chuyển hướng liên kết ngoài ta thường thấy ở các diễn đàn vbulletin. Khi bạn click vào một liên kết không thuộc website, bạn sẽ được chuyển hướng đến một trang thông báo với nội dung từ chối trách nhiệm liên quan đến liên kết bạn click vào. Hoặc các trang web cũng có thể sử dụng chức năng này để tăng lượt hiển thị quảng cáo…

Trong bài viết này, tôi sẽ hướng dẫn các bạn tạo trang chuyển hướng liên kết ngoài cho website WordPress. Ta sẽ sử dụng plugin Better WordPress External Links. Đây là một plugin miễn phí bạn có thể tìm và tải về từ thư viện plugins của WordPress hoặc tải trực tiếp bằng link này.

Sau khi cài đặt và active plugin, bạn vào Settings > BWP External Links để thực hiện các tùy chỉnh. Plugin này cung cấp cho bạn rất nhiều tùy chỉnh liên quan đến external links như cài đặt cho subdomain, thêm rel=”external”, rel=”nofollow”, custom CSS cho liên kết ngoài… Bạn có thể xem đầy đủ các chức năng của plugin này tại đây. Ở đây tôi chỉ hướng dẫn các bạn tạo trang chuyển hướng khi click vào liên kết ngoài.

Để làm được việc này, trước tiên bạn tạo một trang mới (Pages > Add New) với title tùy ýPermalink có dạng tenmien.com/redirect-to và nội dung để trống.

tạo trang chuyển hướng trong wordpress

Tiếp theo, bạn tạo một file trong thư mục theme của bạn và đặt tên là page-redirect-to.php với nôi dung dưới đây:

<?php
// get the redirection url from GET variable
$redirect_to = !empty($_GET['url'])
	? trim(strip_tags(stripslashes($_GET['url'])))
	: '';

$wait_time    = 0; // time to wait before redirection occurs, in milliseconds
$wait_seconds = $wait_time / 1000;

add_action('wp_head', 'redirect_to_no_index', 99);
function redirect_to_no_index()
{
	// this page should not be indexed at all
?>
	<meta name="robots" content="noindex, follow">
<?php
}

add_action('wp_head', 'redirect_to_external_link');
function redirect_to_external_link()
{
	global $redirect_to, $wait_seconds, $wait_time;

	if (empty($redirect_to) || empty($wait_time)) {
		return;
	}

?>
	<script>var redirect = window.setTimeout(function(){window.location.href='<?php esc_html_e($redirect_to); ?>'},<?php echo $wait_time; ?>);</script>
	<noscript><meta http-equiv="refresh" content="<?php echo $wait_seconds; ?>;url=<?php esc_attr_e($redirect_to); ?>">></noscript>
<?php
}

//get_header();
?>
		<div id="page-content"  style="width: 100%; background: #fff; padding 30px; height: 100%; margin: 20px auto; text-align: center; font-size: 18px;">
			<div class="redirect-message">
				<?php if (!empty($redirect_to)) {
						echo '<img src="' . trailingslashit( get_stylesheet_directory_uri()) . 'images/logo.png' . '" alt="" />';
						_e('<p>Bạn đang chuyển hướng đến địa chỉ:</p>');
						printf(__('<strong>%s</strong>'),esc_html($redirect_to));
						?><br /><?php
						_e('<p>Click vào nút dưới đây để xác nhận chuyển hướng</p>'); ?>
						<button class="chuyenhuong" style="background: #009966; border: 1px solid #009933; color: #fff; cursor: pointer; font-family: 'Oswald', arial, serif !important;
    font-size: 12px ;  font-weight: bold ; padding: 5px 10px;text-decoration: none;text-transform: uppercase;text-shadow: none;
	" onclick="window.location.href='<?php esc_html_e($redirect_to); ?>';return false;"><?php _e('Chuyển hướng'); ?></button>
						<button class="chuyenhuong" style="background: #009966; border: 1px solid #009933; color: #fff; cursor: pointer; font-family: 'Oswald', arial, serif !important;
    font-size: 12px ;  font-weight: bold ; padding: 5px 10px;text-decoration: none;text-transform: uppercase;text-shadow: none;
	" onclick="self.close()"><?php _e('Hủy bỏ'); ?></button> <br /><br /><br /><?php
				} else {
					_e('Link chuyển hướng bị lỗi');
				}
				?>
			</div>
		</div>
<?php

Giờ bạn vào lại Settings > BWP External Links, ở mục Link Settings, chọn A custom URL trong ở phần External link prefix và nhập đường link vào ô ngay bên dưới như trong hình.

tạo trang chuyển hướng liên kết ngoài

Và cuối cùng là lưu lại để hoàn tất. Giờ bạn hãy thử click vào một liên kết ngoài nào đó trên website của bạn để xem có đến trang chuyển hướng không nhé. Nếu không có vấn đề gì thì trang chuyển hướng của bạn sẽ giống như thế này:

trang chuyển hướng trong wordpress

Bạn phải click chuyển hướng thì mới đến được trang cần đến. Nếu bạn muốn tự động chuyển hướng sau vài giây thì sử dụng đoạn code dưới đây thây cho đoạn code bên trên.

<?php
// get the redirection url from GET variable
$redirect_to = !empty($_GET['url'])
	? trim(strip_tags(stripslashes($_GET['url'])))
	: '';

$wait_time    = 5000; // time to wait before redirection occurs, in milliseconds
$wait_seconds = $wait_time / 1000;

add_action('wp_head', 'redirect_to_no_index', 99);
function redirect_to_no_index()
{
	// this page should not be indexed at all
?>
	<meta name="robots" content="noindex, follow">
<?php
}

add_action('wp_head', 'redirect_to_external_link');
function redirect_to_external_link()
{
	global $redirect_to, $wait_seconds, $wait_time;

	if (empty($redirect_to) || empty($wait_time)) {
		return;
	}

?>
	<script>var redirect = window.setTimeout(function(){window.location.href='<?php esc_html_e($redirect_to); ?>'},<?php echo $wait_time; ?>);</script>
	<noscript><meta http-equiv="refresh" content="<?php echo $wait_seconds; ?>;url=<?php esc_attr_e($redirect_to); ?>">></noscript>
<?php
}

get_header();
?>
	<div id="page-content">
		<div class="redirect-message">
			<?php if (!empty($redirect_to)) {
					printf(__('You are about to leave this site and will be automatically redirected to <strong>%s</strong> in %d seconds.'),
						esc_html($redirect_to), $wait_seconds);
				} else {
					_e('Invalid url to redirect to');
				}
			?>
		</div>
	</div>
<?php
get_footer();

Bạn có thể thay con số 5000 ở giá trị của biến $wait_time thành thời gian khác mà bạn muốn (5000 ứng với 5 giây).

Hy vọng bài viết này có thể giúp bạn tạo trang chuyển hướng liên kết ngoài cho website của bạn. Nếu thấy bài viết có ích cho bạn, hãy chia sẻ nhé!

Chúc bạn thành công!

The post Tạo trang chuyển hướng liên kết ngoài cho WordPress appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/chuyen-huong-lien-ket-ngoai-wordpress.html/feed 18
Hướng dẫn cài đặt WordPress trên WordPress Hosting của GoDaddy https://raynoblog.com/wordpress-co-ban/cai-dat-wordpress-hosting-godaddy.html https://raynoblog.com/wordpress-co-ban/cai-dat-wordpress-hosting-godaddy.html#comments Sat, 06 Aug 2016 06:52:54 +0000 http://raynoblog.com/?p=5673 Trong bài trước mình đã hướng dẫn chi tiết các bước đăng ký WordPress Hosting của GoDaddy. Trong bài này mình sẽ hướng dẫn cách cài đặt WordPress trên gói hosting này. Với WordPress Hosting của GoDaddy, bạn có thể dễ dàng xây dựng một website WordPress thành công chỉ trong ít phút với vài cái click chuột.

The post Hướng dẫn cài đặt WordPress trên WordPress Hosting của GoDaddy appeared first on Raynoblog.

]]>
Trong bài trước mình đã hướng dẫn chi tiết các bước đăng ký WordPress Hosting của GoDaddy. Trong bài này mình sẽ hướng dẫn cách cài đặt WordPress trên gói hosting này. Với WordPress Hosting của GoDaddy, bạn có thể dễ dàng xây dựng một website WordPress thành công chỉ trong ít phút với vài cái click chuột.

godaddy-wordpress-hosting-cài đặt wordpress

Bước 1. Đăng nhập vào GoDaddy, bạn sẽ thấy danh sach cách dịch vụ đã đăng ký trong tài khoản. Click vào nút Quản lý tương ứng với dịch vụ bạn cần cài đặt, ở đây ta sẽ chọn dịch vụ WORDPRESS ĐƯỢC QUẢN LÝ để cài đặt WordPress.

quan ly wordpress hosting godaddy cài đặt wordpress

Bước 2. Click Cài đặt để chuyển đến bước tiếp theo.

quan ly wordpress hosting godaddy 1 cài đặt wordpress

Bước 3. Bạn có hai lựa chọn: tạo một trang WordPress mới hoặc di chuyển trang WordPress hiện có của bạn. Nếu chọn hình thức di chuyển trang WordPress của bạn về GoDaddy, bạn chỉ cần điền một số thông tin vào mẫu có sẵn, các nhân viên của GoDaddy sẽ di chuyển giúp bạn. Ở đây mình sẽ chọn tạo một trang WordPress mới.

quan ly wordpress hosting godaddy 2 cài đặt wordpress

Bước 4. Lựa chọn và điền các thông tin cho website WordPress bạn muốn tạo, bao gồm:

1. Chọn tên miền: bạn có thể chọn tên miền từ tài khoản GoDaddy của bạn hoặc sử dụng một tên miền tạm thời do GoDaddy cung cấp hoặc sử dụng một tên miền khác bạn đã đăng ký ở một nhà cung cấp khác.

quan ly wordpress hosting godaddy 3 cài đặt wordpress

Nếu bạn chọn nhập tên miền từ một nhà cung cấp khác thì bạn phải cấu hình DNS trỏ về địa chỉ IP mà GoDaddy cung cấp theo hướng dẫn.

quan ly wordpress hosting godaddy 4 cài đặt wordpress

2. Chọn một trung tâm dữ liệu: GoDaddy có hai location ở Bắc Mỹ và Châu Âu, bạn nên chọn Bắc Mỹ để có tốc độ từ Việt Nam tốt nhất.

quan ly wordpress hosting godaddy 5 cài đặt wordpress

3. Chi tiết WordPress: Điền thông tin quản trị trang WordPress của bạn và click Hoàn thành để bắt đầu khởi tạo website.

quan ly wordpress hosting godaddy 6 cài đặt wordpress

Quá trình cấu hình server và khởi tạo website có thể mất khoản 1 phút. Sau đó bạn sẽ được chuyển đến trang thiết lập cho website của bạn.

tao website wordpress cài đặt wordpress

Click Tiếp tục để bắt đầu cài đặt website hoặc Không, cảm ơn để hủy cài đặt.

tao website wordpress 2 cài đặt wordpress

Điền đầy đủ thông tin ở phần thiết lập rồi click Tiếp tục để đến bước tiếp theo. Ở phần liên hệ bạn có thể bấm bỏ qua nếu không cần. Cuối cùng là ở phần giao diện, bạn có thể chọn một theme tùy ý vì bạn có thể thay đổi nó sau này. Click vào theme bạn muốn, chọn xem trước.

tao website wordpress 3 cài đặt wordpress

Click Chọn ở trang tiếp theo để áp dụng theme cho website và hoàn tất quá trình cài đặt WordPress trên WordPress Hosting của GoDaddy.

tao website wordpress 4 cài đặt wordpress

Trong quá trình viết bài này, bạn có thể thấy mình sử dụng tên miền là couponmoi.net, bạn có thể truy cập vào địa chỉ trên để kiểm tra tốc độ hosting của GoDaddy. Mặc dù server đặt tại Bắc Mỹ nhưng tốc độ cũng khá tốt khi truy cập từ Việt Nam.

Hy vọng bài viết này có thể giúp bạn cài đặt WordPress trên WordPress Hosting của GoDaddy thành công. Với các bước đơn giản như trên, bạn hoàn toàn có thể tự mình xây dựng một website bằng WordPress rất dễ dàng và nhanh chóng mà không cần phải có kiến thức chuyên sâu. Bạn có thể tham khảo qua bài viết hướng dẫn đăng ký WordPress Hosting của GoDaddy nếu chưa biết cách đăng ký, hiện tại gói hosting này đang được giảm giá chỉ còn 160k/năm kèm theo một tên miền miễn phí. Ngoài ra bạn có thể tham khảo qua danh sách các nhà cung cấp hosting tốt nhất cho WordPress nếu chưa vừa ý với dịch vụ của GoDaddy.

The post Hướng dẫn cài đặt WordPress trên WordPress Hosting của GoDaddy appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/cai-dat-wordpress-hosting-godaddy.html/feed 6
Nhận quà Giáng sinh cùng FTECH.VN https://raynoblog.com/wordpress-co-ban/nhan-qua-giang-sinh-cung-ftech-vn.html https://raynoblog.com/wordpress-co-ban/nhan-qua-giang-sinh-cung-ftech-vn.html#comments Sat, 12 Dec 2015 00:24:07 +0000 http://raynoblog.com/?p=4916 Hòa chung không khi rộn ràng đón Giáng sinh và để tri ân đến khách hàng, nhà cung cấp hosting – domain FTECH.VN tung ra chương trình khuyến mãi đặc biệt mang tên “GIÁNG SINH MỖI NGÀY – NHẬN QUÀ LIỀN TAY” với những ưu đãi cùng quà tặng cực kỳ hấp dẫn và giá trị. […]

The post Nhận quà Giáng sinh cùng FTECH.VN appeared first on Raynoblog.

]]>
Hòa chung không khi rộn ràng đón Giáng sinh và để tri ân đến khách hàng, nhà cung cấp hosting – domain FTECH.VN tung ra chương trình khuyến mãi đặc biệt mang tên “GIÁNG SINH MỖI NGÀY – NHẬN QUÀ LIỀN TAY” với những ưu đãi cùng quà tặng cực kỳ hấp dẫn và giá trị.

khuyen-mai-giang-sinh-2015-cung-ftech-vn

Kể từ ngày 10/12/2015 đến hết ngày 25/12/2015, những khách hàng đã có tài khoản tại FTECH.VN sẽ được tham gia vào chương trình bốc thăm may mắn để nhận thêm credit vào tài khoản hoặc mã giảm giá các dịch vụ lên đến 70%. Cụ thể:

  • Giảm giá dịch vụ Server, VPS từ 5% đến 50%.
  • Giảm giá các dịch vụ hosting từ 15% đến 70%.
  • Credit từ 5.000 VNĐ đến 70.000 VNĐ cho mỗi lần, được phép cộng dồn nhiều lần. Credit có thể được sử dụng để đăng ký các dịch vụ tại FTECH.VN.

Để tham gia chương trình, các bạn cần đăng nhập vào tài khoản trên FTECH, sau đó truy cập vào trang event tại địa chỉ: https://account.ftech.vn/xmas.php

Tại đây, các bạn sẽ được quyền chọn và lật từ 1 đến 25 ô quà tặng, tương ứng với 25 ngày đầu tiên của tháng 12. Hãy mở các ô có số bé hơn hoặc bằng ngày hôm nay (thời điểm tham gia chương trình) để nhận các phần quà hấp dẫn.

Ví dụ: Hôm nay là ngày 10/12/2015, bạn sẽ được phép mở các ô từ số 1 đến số 10 để nhận các phần quà bí mật nằm bên trong.

CHÍNH SÁCH CHƯƠNG TRÌNH

  • Bạn đã đăng ký tài khoản khách hàng tại https://account.ftech.vn.
  • Các dịch vụ áp dụng trong chương trình: SSD VPS, VPS giá rẻ, Hosting giá rẻ, Linux Hosting, WordPress Hosting, Server giá rẻ và nhận thưởng credit trực tiếp vào tài khoản khách hàng.
  • Credit sẽ được cộng trực tiếp vào tài khoản khách hàng của bạn ngay lập tức và không có giá trị quy đổi tiền mặt.
  • Mã khuyến mãi chỉ sử dụng được một lần duy nhất cho mỗi dịch vụ tương ứng, không cộng dồn và hết hạn vào ngày 31/12/2015.
  • Mã khuyến mãi chỉ áp dụng với đăng ký dịch vụ mới, không áp dụng gia hạn.
  • Mã khuyến mãi dành cho Server giá rẻ chỉ áp dụng khi thanh toán từ 03 tháng trở lên.
  • Tạo tài khoản ảo sẽ dẫn đến việc tài khoản chính bị hủy mọi phần thưởng đã nhận.
  • Trong một số trường hợp, FTECH có thể yêu cầu xác nhận thông tin chủ tài khoản (CMND, bằng lái xe…).

Nếu có thắc mắc bạn có thể liên hệ bộ phận tư vấn qua live chat, email sales@ftech.vn hoặc tổng đài 1900-636411.

The post Nhận quà Giáng sinh cùng FTECH.VN appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/nhan-qua-giang-sinh-cung-ftech-vn.html/feed 1
Hướng dẫn đăng ký tên miền tại Domain.com https://raynoblog.com/wordpress-co-ban/huong-dan-dang-ky-ten-mien-tai-domain-com.html https://raynoblog.com/wordpress-co-ban/huong-dan-dang-ky-ten-mien-tai-domain-com.html#comments Tue, 03 Nov 2015 10:18:45 +0000 http://raynoblog.com/?p=4811 Chi tiết các bước đăng ký tên miền tại Domain.com dành cho những bạn chưa quen với việc đăng ký tên miền của công ty nước ngoài

The post Hướng dẫn đăng ký tên miền tại Domain.com appeared first on Raynoblog.

]]>
Domain.com hiện đang có chương trình khuyến mãi khủng cho tên miền .COM và .NET với giá chỉ 1.99$ cho tên miền .COM và 0.99$ cho tên miền .NET kèm với coupon giảm giá 25% nên mức giá sẽ còn rẻ hơn nữa. Đây là dịp tốt nhất để bạn có thể sở hữu một tên miền cao cấp với mức giá không thể rẻ hơn. Trong bài viết này, mình sẽ hướng dẫn cho những bạn chưa quen với việc đăng ký tên miền của công ty nước ngoài cách đăng ký tên miền tại Domain.com, đây là một nhà cung cấp tên miền lâu đời và rất uy tín nên bạn có thể hoàn toàn yên tâm khi đăng ký tên miền tại đây.

Tất nhiên trước khi đăng ký bạn phải chuẩn bị trước một thẻ VISA có thể thanh toán online hoặc một tài khoản PayPal với số tiền trong tài khoản đủ để thanh toán.

Đăng ký tên miền tại Domain.com

Trước tiên bạn click vào nút dưới đây để đến trang chủ domain.com và nhận coupon giảm giá 25% để sử dụng trong lúc đăng ký.

Đăng ký domain.com

Tại trang chủ của Domain.com, bạn điền tên miền bạn chọn và click vào nút SEARCH.

dang ky ten mien tren domain

Bỏ dấu tick trong ô Add Domain Privacy để tiết kiệm 8,99$/năm nếu bạn không cần chức năng này. Click vào chữ Add bên dưới mỗi loại domain mà bạn muốn đăng ký để thêm tên miền vào giỏ hàng.

add ten mien can dang ky

Sau khi đã thêm một tên miền vào giỏ hàng, bạn có thể search thêm tên miền khác và tiếp tục thêm vào giỏ hàng để đăng ký cùng lúc.

Sau khi đã hoàn thành việc thêm tên miền vào giỏ hàng, click vào nút Checkout ở góc cuối bên phải màng hình.

chuyen den gio hang

Trong cửa sổ hiện ra, click vào nút Creat Account để tạo tài khoản mới. Hoặc bạn cũng có thể click vào Already have an account? để đăng nhập vào tài khoản có sẵn, nhưng nếu như vậy chắc bạn sẽ không cần đọc bài viết này.

tao tai khoan moi

Click vào nút CONTINUE ở trang tiếp theo nếu bạn không cần add thêm các dịch vụ phụ kèm theo.

Ở bước tiếp theo, bạn chọn thời gian đăng ký tên miền. Mặc định sẽ là 2 năm nhưng bạn nên chọn 1 năm để được nhận mức giảm giá chỉ 1.99$. Đồng thời điền coupon bạn đã nhận ở trên vào ô Coupon Code rồi click APPLY để được giảm giá 25%, nghĩa là chỉ còn 1.49$ mà thôi.

dien coupon giam gia

Tiếp theo, kéo xuống phía dưới và điền đầy đủ thông tin đăng ký tài khoản. Chọn hình thức thanh toán, ở đây mình chọn là PayPal, nếu bạn cọn là Credit Card thì bạn phải điền thông tin thẻ để thanh toán.

thong tin tai khoan domain

Click vào nút CHECK OUT ở bên dưới để chuyển đến trang thanh toán và hoàn tất quá trình đăng ký.

Lưu ý khi bạn đăng ký tài khoản mới có thể sẽ bị báo lỗi và cần phải verify tài khoản. Nếu gặp trường hợp như vậy bạn có thể liên hệ với họ thông qua live chat (chat trực tiếp với nhân viên hỗ trợ bằng tiếng Anh) để nhờ giúp đở bằng cách click vào nút LIVE CHAT ở góc trên bên phải.

lien he truc tiep

Domain.com thời gian gần đây rất thường hay tung ra khuyến mãi khủng như giảm giá tên miền .COM chỉ còn 1.99$ nên bạn hãy thường xuyên theo dõi để tiết kiệm chi phí đăng ký tên miền. Sau khi đã có được tài khoản trên Domain.com thì việc đăng ký tên miền trong các đợt khuyến mãi khác sẽ rất dễ dàng, không cần phải verify nữa nên bạn hãy cố gắng đăng ký được tài khoản nhé. Chúc bạn thành công!

The post Hướng dẫn đăng ký tên miền tại Domain.com appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/huong-dan-dang-ky-ten-mien-tai-domain-com.html/feed 2
Tùy chỉnh breadcrumbs trong Genesis https://raynoblog.com/wordpress-co-ban/tuy-chinh-breadcrumbs-trong-genesis.html https://raynoblog.com/wordpress-co-ban/tuy-chinh-breadcrumbs-trong-genesis.html#comments Fri, 23 Oct 2015 14:04:14 +0000 http://raynoblog.com/?p=4534 Hướng dẫn cách kích hoạt hiển thị hoặc tắt breadcrumbs trong Genesis và thủ thuật tùy chỉnh cho breadcrumbs trong Wordpress sử dụng Genesis

The post Tùy chỉnh breadcrumbs trong Genesis appeared first on Raynoblog.

]]>
Khi website của bạn có nhiều mục, nhiều trang nhỏ thì việc sử dụng breadcrumbs là rất cần thiết. Breadcrumbs sẽ cho người xem biết chính xác vị trí của họ trên website. Nếu bạn đang sử dụng WordPress thì việc tạo một breadcrumbs rất dễ dàng, hầu hết các theme WordPress hiện nay đều hỗ trợ sẵn breadcrumbs. Đặc biệt nếu bạn sử dụng Genesis, bạn có thể cho hiển thị hoặc tắt breadcrumbs rất dễ dàng. Trong bài viết này mình sẽ hướng dẫn các bạn cách kích hoạt hoặc tắt breadcrumbs trong Genesis và một số tùy chỉnh để breadcrumbs đẹp hơn.

Xem thêmTùy chỉnh search form cho Genesis

Breadcrumb trong genesis

Hiển thị breadcrumbs trong Genesis

Để kích hoạt cho breadcrumbs hiển thị ra bên ngoài, ta chỉ cần vào Genesis » Theme Settings, kéo đến mục Breadcrumbs, đánh dấu tick vào các loại trang mà bạn muốn hiển thị breadcrumbs như post, page…rồi click nút Save settings để lưu lại.

kich hoat breadcrumbs

Bây giờ bạn có thể load lại một bài viết để xem breadcrumbs của bạn hiển thị như thế nào. Nếu chưa vừa ý, ta có thể chỉnh sửa lại cho đẹp hơn.

Xem thêmMột số thủ thuật cho Genesis framework

Tùy chỉnh breadcrumbs trong Genesis

Mặc định breadcrumbs của Genesis sẽ có chữ “You are here” ở đầu, ta có thể bỏ chữ này đi hoặc thay bằng chữ khác nếu muốn. Ngoài ra dấu cách ở các tầng mục là dấu “/”, ta có thể thay dấu này bằng dấu “» cho đẹp hơn. Để làm được điều này, bạn chỉ cần thêm đoạn code sau vào file functions.php:

/*Breadcrumbs*/
add_filter( 'genesis_breadcrumb_args', 'raynoblog_breadcrumb' );
function raynoblog_breadcrumb( $args ) {
	$args['home'] = 'Trang chủ ';
	$args['sep'] = ' » ';
	$args['list_sep'] = ', ';
	$args['prefix'] = '<div class="breadcrumb"><div class="wrap">';
	$args['suffix'] = '</div></div>';
	$args['labels']['prefix'] = '<span class="home"></span>';
	return $args;
}

Xem thêmTùy biến post info trong Genesis

Nếu bạn muốn thay đổi màu nền, màu chữ, cở chữ…bạn chỉ cần vào file style.css, chỉnh sửa các thuộc tính của lớp .breadcrumbs, chẳng hạn như:

.breadcrumb {
	background-color: #ffffff;
	font-size: 14px;
	margin: 10px 0px 10px 20px;
	padding: 0px;
}

Xem thêmPrevious post và next post trong genesis

Ngoài ra bạn có thể sáng tạo thêm để breadcrumbs của bạn đẹp hơn. Breadcrumbs không những có thể giúp người xem biết được vị trí của trang để dễ dàng chuyển đổi qua lại mà còn giúp ích cho quá trình SEO website của bạn. Hy vọng bài viết này sẽ giúp bạn tạo được một thanh breadcrumbs đẹp mắt cho website của bạn!

The post Tùy chỉnh breadcrumbs trong Genesis appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/tuy-chinh-breadcrumbs-trong-genesis.html/feed 9
10 điều quan trọng phải làm sau khi cài đặt WordPress https://raynoblog.com/wordpress-co-ban/10-dieu-quan-trong-phai-lam-sau-khi-cai-dat-wordpress.html https://raynoblog.com/wordpress-co-ban/10-dieu-quan-trong-phai-lam-sau-khi-cai-dat-wordpress.html#comments Thu, 22 Oct 2015 07:07:46 +0000 http://raynoblog.com/?p=3346 Những việc nên làm và phải làm sau khi bạn đã cài đặt xong một trang web với Wordpress để website của bạn hoạt động tốt nhất.

The post 10 điều quan trọng phải làm sau khi cài đặt WordPress appeared first on Raynoblog.

]]>
Bạn thường làm gì sau khi cài đặt xong một trang web với mã nguồn WordPress? Đây là một câu hỏi mà chắc khá nhiều bạn mới bắt đầu sử dụng WordPress thường hay nhắc tới sau khi cài đặt xong một trang web WordPress thành công. Trong bài viết này thì mình sẽ chỉ ra cho bạn những công việc nên làm và phải làm sau khi bạn đã cài đặt xong một trang web với WordPress. Nào chúng ta cùng bắt đầu đi khám phá nhé !

1. Thay đổi Tiêu đề, mô tả, múi giờ và Favicon

Những bước đầu tiên này có thể được kết hợp thành một bởi vì bạn có thể nhanh chóng thực hiện những thay đổi trong cùng một khu vực của WordPress Dashboard.

Title-and-tagline

Để thay đổi Tiêu đề và mô tả cho trang wbe WordPress của bạn hãy vào phần Settings trong bảng điều khiển và chọn General. Tại phần Site Title bạn hãy điền tên cho trang web của bạn vào đó vi dụ như “Rayno Blog – Thủ thuật WordPress” chẳng hạn, còn phần Tagline bạn hãy điền đoạn mô tả cho trang web của bạn nhé nên giới bạn số từ là <165 từ thôi vì nhiều quá thì Google sẽ tự động cắt bớt đi và nhìn không có thẩm mỹ một chút nào đâu nhé.

Bây giờ hãy cuộn con trỏ chuột xuống và bắt đầu cài đặt lại múi giờ cho blog của bạn. Chức năng này rất quan trọng trong việc bạn lên lịch publish bài viết tự động trên WordPress. Một câu chuyên buồn cười khi mình mới tập tành WordPress là mình đã không đổi múi giờ và hẹn giừo lên lịch post bài viết và sáng hôm sau thức dậy thì mình thắc mắc là quái lạ sau cái bài viết này của mình nó lại ko được publish nhỉ ? Phải tới mấy ngày sau thì mình mới tìm ra được rõ nguyên nhân là mình đã không đổi lại múi giờ do WordPress để mặc định.

Time-Zone

Để thay đổi múi giừo cũng không phải là một công việc quá khó khăn lắm đâu. Tại phần Timezone bạn chọn UTC là + 7 hay múi giờ là TP- HoChiMinh thì tùy bạn nhé vì cũng là múi giờ của Việt Nam cả thôi hì hì. Xong phần này thì bạn nhớ đừng quên Save chúng lại nhé !

Phần cuối cùng là tạo một Favicon cho blog của bạn nó là một hình tròn nhỏ được xuất hiện trên mỗi tab trình duyệt mà bạn đang sử dụng giống như cái hình ảnh có chữ R trên blog Rayno kia kìa :))). Phần này cũng đơn giản thôi nên bạn tự làm nhé mình ko hướng dẫn nữa

2. Thay đổi cấu trúc Permalink của bạn

Thật không may, cấu trúc permalink mặc định – cấu trúc URL của WordPress lại không được thân thiện với Google cho lắm nên bạn phải thay đổi chũng sao cho trang web cuat bạn được chuyên nghiệp hơn

Permalink

Bạn vào Settings rồi chọn Permalink. Hãy chọn một cấu trúc đường link mà bạn thích và hãy lưu chúng lại nhé !

3. Thiết lập phần Reading

Trong phần Settings bạn chọn mục Reading ở đây bạn có thể thiết lập những gì hiển thị trên trang web WordPress của bạn.

Reading-Settings

Đây là phần tuyệt vời để bạn có thể hiển thị được tất cả những dịch vụ và bài viết của bạn ra ngoài trang chủ hoặc bạn có thể tạo được một trang riêng biệt để hiển thị tất cả các bài viết trên blog của bạn.

4. Xóa giao diện không dùng tới

Hầu hết người dùng WordPress sẽ cài đặt và thử nghiệm một vài chủ đề trước khi quyết định sử dụng chúng. Thay vì để những chủ đề không sử dụng được cài đặt, hãy xóa chúng. Để bạn không phải bận tâm những thông báo lặt vạt về việc cập nhật của các giao diện “thừa” này hoặc có thể chúng sẽ là mồi để thu hút những tin tặc mò tới trang web của bạn khi chũng có lỗ hổng và bạn chưa cập nhật bản vá lỗi.

5. Cài đặt một plugin lưu Cache

Tại sao phải cài đặt một plugin cache? Bởi vì nó có thể giúp tăng tốc độ trang web của bạn. Bộ nhớ đệm giúp giảm tải máy chủ của bạn và làm cho trang web của bạn nhanh hơn. Điều này là rất tốt cho SEO cũng như ngăn chặn các trang web của bạn khỏi bị rơi trong thời gian tải nặng.

Dưới đây là một vài bổ sung bộ nhớ cache mà bạn có thể sử dụng trong trang web WordPress của bạn:

W3-Total-Cache

W3 Total Cache – plugin này có khả năng có thể đạt các yêu cầu là plugin bộ nhớ cache mạnh mẽ nhất hiện có cho người sử dụng WordPress. Nó có rất nhiều tùy chọn cho việc thúc đẩy trang web của bạn và là một plugin phổ biến và tùy chọn CDN. Plugin này thực sự khá khó sử dụng khi bạn không biết nhiều về nó. vì vậy bạn hãy cân nhắc kỹ vì điều này có thể là ocndao 2 lưỡi khiến cho trang WordPress ngày càng tồi tệ hơn. Thay vì sử dụng W3 Total Cache thì plugin thứ 2 sau đây sẽ dễ dàng hơn cho bạn – những người mới bắt đầu làm quen với WordPress

WP Super Cache – Đây là một pluin rất dễ dàng để sử dụng. Đơn giản bạn chỉ cần cài đặt nó và kích hoạt bộ nhớ đệm, và trang web của bạn sẽ hoạt động nhanh hơn.

6. Bảo mật cho WordPress

Bảo mật thì có rất nhiều cách thay vì phải xuất bản 1 series về vấn đề này thì mình sẽ nói ngắn ngọn chỉ vài từ trong bài viết này thôi là bạn phải chuẩn bị một plugin backup lại toàn bộ dữ liệu trang web WordPress của bạn lại để tránh trường hợp xấu nhất có thể xảy ra.

7. Cài đặt Plugin Anti-Spam

Không ai thích spam.

Comment ​​spam là một vấn đề gây nhức đầu đối với nhiều trang web. Không chỉ là họ khó chịu, mà nó còn không tốt cho SEO. Để giúp làm giảm bớt những vấn đề này, bạn nên cài đặt một anti-spam plugin trên trang web của bạn.Dưới đây là một vài sự lựa chọn hàng đầu cho blog WordPress của bạn

akismet (1)

Akismet – plugin này được phát triển bởi Automattic là một anti-spam plugin. Nếu bạn quyết định sử dụng Jetpack trong trang web của bạn, sau đó bạn có thể sử dụng tài khoản đó để kích hoạt Akismet cho trang web của bạn. Nếu không, bạn sẽ cần phải làm theo các hướng dẫn để kích hoạt đầy đủ các plugin sau khi cài đặt. Phiên bản miễn phí bị giới hạn nhưng có thể được nâng cấp.

Anti-Spam-Bee (1)

Antispam Bee  – Đây là một plugin miễn phí tuyệt vời giúp để ngăn chặn những kẻ gửi thư rác gây phiền toái. Mặc dù plugin Akismet làm một công việc tốt hơn. Dù bằng cách nào, hãy chắc chắn bạn sử dụng một plugin chống comment spam cho blog của mình nhé.

8. Cài đặt SEO WordPress Plugin

SEO là một phần quan trọng của bất kỳ trang web. Để đảm bảo rằng các bài viết blog của bạn đang nhận được kết quả tối đa, bạn cần phải tối ưu hóa chúng bằng cách sử dụng một plugin SEO. Mặc dù các loại plugin không tự động tăng SEO, những chúng sẽ giúp bạn tối ưu hóa được các bài viết của mình đạt tới mức chuẩn với công cụ tìm kiếm.

WP-SEO

Một sự lựa chọn hàng đầu của nhiều blogger là WordPress SEO Plugin by Yoast . Thật dễ dàng để sử dụng và thậm chí có thể tạo ra một sitemap XML.

9. Cài đặt Social Plugin

Điều này có thực sự quan trọng? Có rất quan trọng đó ! Bạn không nên chờ đợi cho trang web của bạn có được lưu lượng truy cập rồi mới tối ưu hóa qua mạng xã hội. Cách tốt nhất và dễ dàng nhất để tối ưu hóa trang web của bạn qua xã hội là sử dụng một social plugin.

Có hàng trăm trong số những plugin loại này để lựa chọn, và một số trong số đó không nên sử dụng những plugin có xu hướng làm chậm tốc độ trang web WordPress của bạn.

10. Hẹn lịch Back up

Bạn đã dành tất cả thời gian, công sức thậm chí là tiền bạc để thiết lập và tùy biến trang web WordPress của bạn, bạn sẽ không muốn để mất bất kỳ điều gì phải không? Trong trường hợp đó, bạn nên tạo bản sao lưu dữ liệu thường xuyên nhé.

Tất cả 10 bước đề cập ở trên là rất quan trọng cho một trang web WordPress thông minh. Vì vậy hãy chắc chắn rằng bạn đã làm đủ và hoàn thiện các bước này rồi nhé ! làm vài lần là sẽ quen thôi mà. Nếu có bất kỳ ý kiến nào bạn có thể để lại Com mừn bên dưới nhé mình sẽ giải đáp tất cả.

Chúc bạn một ngày mới làm việc vui vẻ :)))))

The post 10 điều quan trọng phải làm sau khi cài đặt WordPress appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/10-dieu-quan-trong-phai-lam-sau-khi-cai-dat-wordpress.html/feed 13
HostMantis giảm giá hosting 80% trọn đời https://raynoblog.com/wordpress-co-ban/hostmantis-giam-gia-hosting-80-tron-doi.html https://raynoblog.com/wordpress-co-ban/hostmantis-giam-gia-hosting-80-tron-doi.html#respond Thu, 08 Oct 2015 16:58:13 +0000 http://giamgiahosting.com/?p=2279 Nhà cung cấp HostMantis vừa mói tung ra coupon giảm giá lên đến 80% trọn đời dành cho các gói shared hosting, giá hosting giờ chỉ còn 3.1$/năm mà thôi. Khuyến mãi chỉ áp dụng cho các gói Entry, Starter, Advanced và Expert shared hosting với server Los Angeles và thanh toán với thời hạn một năm. Với mức khuyến […]

The post HostMantis giảm giá hosting 80% trọn đời appeared first on Raynoblog.

]]>
Nhà cung cấp HostMantis vừa mói tung ra coupon giảm giá lên đến 80% trọn đời dành cho các gói shared hosting, giá hosting giờ chỉ còn 3.1$/năm mà thôi.

hostmantis giam gia lon

Khuyến mãi chỉ áp dụng cho các gói Entry, Starter, Advanced và Expert shared hosting với server Los Angeles và thanh toán với thời hạn một năm. Với mức khuyến mãi 80%, gói Entry plan có giá chỉ còn 3.1$/năm với thông số bao gồm:

● 2GB Space
● 20GB Transfer
● 5 Subdomains
● 1 FTP Accounts
● 5 Email Accounts
● 2 Databases

Nhấn vào nút dưới đây để nhận coupon

Đăng ký HostMantis giảm 80%

Bạn có thể thanh toán bằng PayPal hoặc VISA khi đăng ký HostMantis.

HostMantis là nhà cung cấp hosting chất lượng cao giá rẻ rất tốt để sử dụng. Bạn có thể xem qua bài viết đánh giá HostMantis tại đây.

Chúc bạn thành công!

The post HostMantis giảm giá hosting 80% trọn đời appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/hostmantis-giam-gia-hosting-80-tron-doi.html/feed 0
VPSNODE.VN – SSD VPS cấu hình siêu “cùi bắp”, giá siêu “đắt” https://raynoblog.com/wordpress-co-ban/vpsnode-vn-ssd-vps-cau-hinh-sieu-cui-bap-gia-sieu-dat.html https://raynoblog.com/wordpress-co-ban/vpsnode-vn-ssd-vps-cau-hinh-sieu-cui-bap-gia-sieu-dat.html#respond Fri, 02 Oct 2015 15:59:58 +0000 http://giamgiahosting.com/?p=2257 Sau một thời gian dài nghiên cứu, phát triển, cân đối chi phí hạ tầng… hôm nay (2/10/2015),FTECH.VN xin chính thức giới thiệu đến toàn thể khách hàng dịch vụ SSD VPS cấu hình siêu “cùi bắp”, giá siêu “đắt” với thương hiệu nhận diện chính là VPSNODE.VN. Xuất phát từ mong muốn mang lại […]

The post VPSNODE.VN – SSD VPS cấu hình siêu “cùi bắp”, giá siêu “đắt” appeared first on Raynoblog.

]]>
Sau một thời gian dài nghiên cứu, phát triển, cân đối chi phí hạ tầng… hôm nay (2/10/2015),FTECH.VN xin chính thức giới thiệu đến toàn thể khách hàng dịch vụ SSD VPS cấu hình siêu “cùi bắp”, giá siêu “đắt” với thương hiệu nhận diện chính là VPSNODE.VN.

ssd-vps-cau-hinh-cao-gia-sieu-re

Xuất phát từ mong muốn mang lại cho khách hàng một dịch vụ SSD VPS cấu hình cao nhưng chi phí đầu tư lại cực kỳ thấp (chỉ ngang ngửa với các dịch vụ VPS quốc tế giá rẻ), FTECH.VN hân hạnh và tự hào là công ty đầu tiên tại Việt Nam cung cấp dịch vụ SSD VPS với mức giá thấp “không tưởng”.

Cụ thể:

  • SSD-VPS 4GB: CPU 2 Cores, RAM 4GB, 25GB SSD, 1 Dedicated IP, Bandwidth 100Mbps giá chỉ 400.000 VNĐ/tháng.
  • SSD-VPS 6GB: CPU 3 Cores, RAM 6GB, 35GB SSD, 1 Dedicated IP, Bandwidth 100Mbps giá chỉ 600.000 VNĐ/tháng.
  • SSD-VPS 8GB: CPU 4 Cores, RAM 8GB, 50GB SSD, 1 Dedicated IP, Bandwidth 100Mbps giá chỉ 800.000 VNĐ/tháng.
  • SSD-VPS 16GB: CPU 8 Cores, RAM 16GB, 80GB SSD, 1 Dedicated IP, Bandwidth 100Mbps giá chỉ 1.600.000 VNĐ/tháng.

Đặc biệt hơn, chào mừng sự kiện ra mắt, các bạn sẽ được chiết khấu thêm 20% giá trị hợp đồng khi đăng ký sử dụng một trong các gói SSD VPS kể trên.

Sử dụng coupon “VPSNODEVN” khi đăng ký để được hưởng mức giá ưu đãi.

Lưu ý: khuyến mãi chỉ áp dụng cho lần thanh toán đầu tiên, không phân biệt chu kỳ thanh toán.

Thông tin chi tiết về dịch vụ, xin vui lòng tham khảo thêm tại đây.

Mọi thắc mắc xin vui lòng liên hệ bộ phận kinh doanh qua live chat, email sales@ftech.vn hoặc tổng đài 1900-636411.

Rất hân hạnh được phục vụ quý khách!

The post VPSNODE.VN – SSD VPS cấu hình siêu “cùi bắp”, giá siêu “đắt” appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/vpsnode-vn-ssd-vps-cau-hinh-sieu-cui-bap-gia-sieu-dat.html/feed 0
Ẩn bài viết của một category ngoài trang chủ https://raynoblog.com/wordpress-co-ban/an-bai-viet-cua-mot-category-ngoai-trang-chu.html https://raynoblog.com/wordpress-co-ban/an-bai-viet-cua-mot-category-ngoai-trang-chu.html#comments Thu, 24 Sep 2015 14:38:28 +0000 http://raynoblog.com/?p=4640 Thủ thuật ẩn bài viết từ một hoặc nhiều category không cho hiển thị ngoài trang chủ trong Wordpress không cần dùng plugins.

The post Ẩn bài viết của một category ngoài trang chủ appeared first on Raynoblog.

]]>
Để ẩn bài viết của một chuyên mục nào đó trên website không cho hiển thị ngoài trang chủ, bạn hoàn toàn có thể tìm kiếm một plugin để sử dụng. Có rất nhiều plugins có chức năng này nhưng hầu hết thường bổ xung thêm rất nhiều tùy chọn không cần thiết. Nếu bạn chỉ cần một chức năng cơ bản là không cho bài viết của một hay nhiều category hiển thị ở trang chủ thì chỉ cần sử dụng thủ thuật nhỏ sau đây là có thể thực hiện được.

Xác địa ID của category

Trước tiên bạn cần xác định địa chỉ ID của category bạn muốn ẩn bài viết ngoài trang chủ. Bạn chỉ cần vào danh sách các category bạn đã tạo, click vào edit category bạn chọn và nhìn đường link, bạn sẽ thấy một con số như trong hình dưới đây, đó chính là ID của category bạn đã chọn.

id category

Mỗi category có một ID duy nhất không trùng với nhau. Ta sẽ sử dụng ID này trong đoạn code dưới đây.

Ẩn category ngoài trang chủ

Mở file functions.php trong thư mục theme bạn đang sử dụng, chèn vào cuối file đoạn code dưới đây:

/*-----------------------------exclude category----------------------------*/
add_filter('pre_get_posts', 'rayno_exclude_category');
function rayno_exclude_category($query) {
  if ( $query->is_home() ) {
    $query->set('category__not_in', array(2,16));
  }
  return $query;
}

Thay những con số 2, 16 trong đoạn code trên bằng ID bạn đã nhận được ở bước trên. Bạn có thể thêm bao nhiêu ID tùy ý, mỗi ID cách nhau bằng dấu phẩy.

Chọn category hiển thị ngoài trang chủ

Trong trường hợp ngược lại, bạn chỉ muốn bài viết thuộc một hay vài category hiển thị ngoài trang chủ, chỉ cần sử dụng đoạn code dưới đây thay cho đoạn code trên.

/*-----------------------------include homepage----------------------------*/
add_filter('pre_get_posts', 'includeCat');
function includeCat($query) {
  if ( $query->is_home() ) {
    $query->set('category__in', array(1,5));
  }
  return $query;
}

Như vậy là bạn đã hoàn thành thủ thuật. Hãy kiểm tra lại ở trang chủ xem bài viết trong những category bạn loại bỏ có còn hay không nhé!

The post Ẩn bài viết của một category ngoài trang chủ appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/an-bai-viet-cua-mot-category-ngoai-trang-chu.html/feed 6
Tạo trang profile cho thành viên không cần plugin https://raynoblog.com/wordpress-co-ban/tao-trang-profile-cho-thanh-vien-khong-can-plugin.html https://raynoblog.com/wordpress-co-ban/tao-trang-profile-cho-thanh-vien-khong-can-plugin.html#comments Sat, 12 Sep 2015 02:18:59 +0000 http://raynoblog.com/?p=4622 Thủ thuật tạo trang profile và Edit Profile cho thành viên ngoài front end trong Wordpress không cần sử dụng plugins

The post Tạo trang profile cho thành viên không cần plugin appeared first on Raynoblog.

]]>
Nếu website của bạn cho phép đăng ký thành viên thì chắc hẵn bạn sẽ muốn tạo một trang profile cho mỗi thành viên ở ngoài front-end. Mặc định WordPress chưa cung cấp sẵn chức năng này nhưng nếu muốn bạn có thể sử dụng các plugins để hỗ trợ. Tuy nhiên mình đã thử qua khá nhiều plugin vẫn không thấy vừa ý với nhiều lý do như cách trình bày, ngôn ngữ, không cho bổ sung thông tin…

Trong bài viết này, mình sẽ giới thiệu một thủ thuật để bạn có thể tạo trang profile cho thành viên mà không cần dùng tới plugins. Bạn cũng có thể bổ sung thêm các trường thông tin cần thiết và tạo trang chỉnh sửa thông tin cá nhân của thành viên.

Xem thêm: Tạo trang đăng ký thành viên trong WordPress

Bổ sung thêm thông tin thành viên

Bạn sử dụng code dưới đây chèn vào file functions.php để bổ sung thêm các trường thông tin mà bạn muốn thành viên cung cấp:

function add_contact_methods($profile_fields) {
$profile_fields['ns'] = 'Năm sinh';
$profile_fields['sdt'] = 'Số điện thoại';
$profile_fields['dc'] = 'Địa chỉ';
$profile_fields['nn'] = 'Nghề nghiệp';
return $profile_fields;
}
add_filter('user_contactmethods', 'add_contact_methods');

Bây giờ bạn vào trang profile sẽ thấy có các mục tương ứng để điền thông tin vào. Bạn có thể thêm các thông tin khác vào đoạn code trên nếu muốn.

bo xung thong tin thanh vien

Tạo trang profile cho thành viên

Sau khi đã bổ sung thêm các thông tin cần thiết, giờ ta sẽ tạo một trang để đưa các thông tin đó ra ngoài. Trước tiên, sử dụng đoạn code sau chèn vào file functions.php để tạo một shortcode hiển thị thông tin thành viên:

function profile(){ 
if ( !is_user_logged_in() ) { ?>
         <p class="warning">
            <?php echo 'Bạn phải đăng nhập mới có thể xem thông tin.'; ?>
         </p>
            <?php } else {
				$user_ID = get_current_user_id(); 
				$user_info = get_userdata($user_ID);
					$username = $user_info->user_login;
					$hoten = $user_info->last_name;
					$ns = $user_info->ns;
					$email = $user_info->user_email;
					$sdt = $user_info->sdt;
					$nn = $user_info->nn;
					$dc = $user_info->dc;
					$role = implode(', ', $user_info->roles);
					$gioithieu = $user_info->description;
			?>
          <p class="tendangnhap"><?php echo $username; ?></p>
          <p class="tendangnhap"><?php echo "Role: $role"; ?></p>
		<table width="100%" border="0">
		  <tr>
			    <td width="50%"><p class="userinfo hovaten">Họ và tên</p></td>
			    <td width="50%"><p class="userinfo namsinh">Năm sinh</p></td>
		  </tr>
		  <tr>
			    <td><p class="info"><?php echo $hoten; ?></p></td>
			    <td><p class="info"><?php echo $ns; ?></p></td>
		  </tr>
		  <tr>
			    <td><p class="userinfo e-mail">Email</p></td>
			    <td><p class="userinfo dienthoai">Số điện thoại</p></td>
		  </tr>
		  <tr>
			    <td><p class="info"><?php echo $email; ?></p></td>
			    <td><p class="info"><?php echo $sdt; ?></p></td>
		  </tr>
		  <tr>
			    <td><p class="userinfo nghe">Nghề nghiệp</p></td>
			    <td><p class="userinfo diachi">Địa chỉ</p></td>
		  </tr>
		  <tr>
			    <td><p class="info"><?php echo $nn; ?></p></td>
			    <td><p class="info"><?php echo $dc; ?></p></td>
		  </tr>
		</table>
			 <p class="userinfo gioithieu">Giới thiệu</p>
		     <p class="info"><?php echo $gioithieu; ?></p>
		     <p class="profile-submit"><a href="http://tenmien.com/edit-profile/">Chỉnh sửa thông tin cá nhân</a></p>
<?php }}
add_shortcode( 'profile', 'profile' );

Địa chỉ http://tenmien.com/edit-profile/ trong đoạn code trên là địa chỉ trang chỉnh sửa profile mà bạn sẽ tạo ở bước dưới. Bây giờ chỉ cần vào Pages » Add New, tạo một trang mới và thêm shortcode [profile] vào nội dung là được. Tuy nhiên ta cần bổ sung một số lớp css để hiển thị đẹp hơn.

/*user profile*/
.userinfo {
	border-bottom: 1px solid #CCC;
	padding: 0px !important;
	margin-left: 10px;
	font-weight:bold;
}
.info {
	padding: 5px 0px 10px 20px !important;
	background:#FFF;
}
.info input, .info select{
	background:#FFF;
	width: 210px;
	padding: 5px;
}
.info textarea {
	background:#FFF;
	padding: 5px;
	color: #333 !important;
	font-style:normal !important;
}
.profile-submit {
	text-align:center;
	margin-top: 20px;
}
.profile-submit input {
	color: #099;
}
.profile-submit a{
	border:1px solid #ccc;
	padding: 7px;
	color: #099;
	text-decoration:none;
	font-weight: bold;
}
.profile-submit a:hover {
	color: #FFF;
	background: #099;
}
.hovaten {
	background:url(images/hoten.png) left no-repeat;
	padding-left: 28px !important;
}
.namsinh {
	background:url(images/namsinh.png) left no-repeat;
	padding-left: 28px !important;
}
.e-mail {
	background:url(images/email.png) left no-repeat;
	padding-left: 28px !important;
}
.dienthoai {
	background:url(images/dienthoai.png) left no-repeat;
	padding-left: 24px !important;
}
.nghe {
	background:url(images/nghe.png) left no-repeat;
	padding-left: 28px !important;
}
.diachi {
	background:url(images/diachi.png) left no-repeat;
	padding-left: 28px !important;
}
.gioithieu {
	background:url(images/gioithieu.png) left no-repeat;
	padding-left: 28px !important;
}
.matkhau {
	background:url(images/matkhau.png) left no-repeat;
	padding-left: 24px !important;
}
.ava, .tendangnhap {
	text-align: center;
}
.tendangnhap {
	font-size: 24px;
	font-weight: bold;
}

Kết quả ta sẽ được như thế này:

hien thi profile thanh vien

Tiếp theo ta sẽ tạo một trang cho phép thành viên chỉnh sửa thông tin. Thêm đoạn code dưới đây vào file functions.php (code tham khảo từ trang thuthuatweb.net).

function profile_edit(){
global $current_user, $wp_roles;
get_currentuserinfo();
require_once( ABSPATH . WPINC . '/registration.php' );
$error = array();
if ( 'POST' == $_SERVER['REQUEST_METHOD'] && !empty( $_POST['action'] ) && $_POST['action'] == 'update-user' ) {
 
    if ( !empty($_POST['pass1'] ) && !empty( $_POST['pass2'] ) ) {
        if ( $_POST['pass1'] == $_POST['pass2'] )
            wp_update_user( array( 'ID' => $current_user->ID, 'user_pass' => esc_attr( $_POST['pass1'] ) ) );
        else
            $error[] = __('Mật khẩu không khớp nhau.', 'profile');
    }
    if ( !empty( $_POST['url'] ) )
        update_user_meta( $current_user->ID, 'user_url', esc_url( $_POST['url'] ) );
    if ( !empty( $_POST['email'] ) ){
        if (!is_email(esc_attr( $_POST['email'] )))
            $error[] = __('Địa chỉ email không khả dụng.  Vui lòng thử lại.', 'profile');
        elseif(email_exists(esc_attr( $_POST['email'] )) != $current_user->id )
            $error[] = __('Email này đã được sử dụng cho một tài khoản khác.  Vui lòng thử lại.', 'profile');
        else{
            wp_update_user( array ('ID' => $current_user->ID, 'user_email' => esc_attr( $_POST['email'] )));
        }
    }
    if ( !empty( $_POST['last-name'] ) )
        update_user_meta($current_user->ID, 'last_name', esc_attr( $_POST['last-name'] ) );
	if ( !empty( $_POST['user_email'] ) )
        update_user_meta($current_user->ID, 'user_email', esc_attr( $_POST['user_email'] ) );
	if ( !empty( $_POST['ns'] ) )
        update_user_meta($current_user->ID, 'ns', esc_attr( $_POST['ns'] ) );
	if ( !empty( $_POST['sdt'] ) )
        update_user_meta($current_user->ID, 'sdt', esc_attr( $_POST['sdt'] ) );
	if ( !empty( $_POST['dc'] ) )
        update_user_meta($current_user->ID, 'dc', esc_attr( $_POST['dc'] ) );
	if ( !empty( $_POST['nn'] ) )
        update_user_meta($current_user->ID, 'job', esc_attr( $_POST['nn'] ) );
    if ( !empty( $_POST['description'] ) )
        update_user_meta( $current_user->ID, 'description', esc_attr( $_POST['description'] ) );
    if ( count($error) == 0 ) {
        do_action('edit_user_profile_update', $current_user->ID);
        wp_redirect('http://tenmien.com/profile/');
        exit;
    }
}
	if ( !is_user_logged_in() ) : ?>
                    <p class="warning">
                        <?php _e('Bạn phải đăng nhập mới có thể xem trang này.', 'profile'); ?>
                    </p><!-- .warning -->
            <?php else : 
                if ( count($error) > 0 ) echo '<p class="error">' . implode("<br />", $error) . '</p>'; ?>
            <?php
				$myAv = new simple_local_avatars();
				$myAv->edit_user_profile($profileuser);
			?>
                <form method="post" id="adduser" action="<?php the_permalink(); ?>">
                    <table width="100%" border="0">
  <tr>
    <td width="50%"><p class="userinfo hovaten"><label for="last-name"><?php _e('Họ và tên', 'profile'); ?></label></p></td>
    <td width="50%"><p class="userinfo namsinh"><label for="ns"><?php _e('Năm sinh', 'profile'); ?></label></p></td>
  </tr>
  <tr>
    <td><p class="info"><input class="text-input" name="last-name" type="text" id="last-name" value="<?php the_author_meta( 'last_name', $current_user->ID ); ?>" /></p></td>
    <td><p class="info"><input class="text-input" name="ns" type="date" id="ns" value="<?php the_author_meta( 'ns', $current_user->ID ); ?>" /></p></td>
  </tr>
  <tr>
    <td><p class="userinfo e-mail"><label for="dc"><?php _e('Email', 'profile'); ?></label></p></td>
    <td><p class="userinfo dienthoai"><label for="sdt"><?php _e('Số điện thoại', 'profile'); ?></label></p></td>
  </tr>
  <tr>
    <td><p class="info"><input class="text-input" name="email" type="email" id="email" value="<?php the_author_meta( 'user_email', $current_user->ID ); ?>" /></p></td>
    <td><p class="info"><input class="text-input" name="sdt" type="number" id="sdt" value="<?php the_author_meta( 'sdt', $current_user->ID ); ?>" /></p></td>
  </tr>
  <tr>
    <td><p class="userinfo nghe"><label for="nn"><?php _e('Nghề nghiệp', 'profile'); ?></label></p></td>
    <td><p class="userinfo diachi"><label for="dc"><?php _e('Địa chỉ', 'profile'); ?></label></p></td>
  </tr>
  <tr>
    <td><p class="info"><select size="1" name="nn" value="<?php the_author_meta( 'nn', $current_user->ID ); ?>">
                        		<option value="">Lựa chọn....</option>
								<option value="Giáo viên">Giáo viên</option>
								<option value="Học sinh">Học sinh</option>
                                <option value="Sinh viên">Sinh viên</option>
                                <option value="Nghề khác">Nghề khác</option>
						</select></p></td>
    <td><p class="info"><input class="text-input" name="dc" type="text" id="dc" value="<?php the_author_meta( 'dc', $current_user->ID ); ?>" /></p></td>
  </tr>
  <tr>
    <td><p class="userinfo matkhau"><label for="pass1"><?php _e('Mật khẩu mới', 'profile'); ?> </label></p></td>
    <td><p class="userinfo matkhau"><label for="pass2"><?php _e('Lập lại mật khẩu', 'profile'); ?></label></p></td>
  </tr>
  <tr>
    <td><p class="info"><input class="text-input" name="pass1" type="password" id="pass1" />
                    </p></td>
    <td><p class="info"><input class="text-input" name="pass2" type="password" id="pass2" /></p></td>
  </tr>
</table>
	 <p class="userinfo gioithieu"><label for="description"><?php _e('Giới thiệu bản thân', 'profile') ?></label></p>
      <p class="info"><textarea name="description" id="description" rows="3" cols="75"><?php the_author_meta( 'description', $current_user->ID ); ?></textarea></p>
      <p class="profile-submit">
                        <?php echo $referer; ?>
                        <input name="updateuser" type="submit" id="updateuser" class="submit button" value="<?php _e('Cập nhật', 'profile'); ?>" />
                        <?php wp_nonce_field( 'update-user' ) ?>
                        <input name="action" type="hidden" id="action" value="update-user" />
                    </p>
                </form><!-- #adduser -->
            <?php endif; 
}
add_shortcode( 'edit-profile', 'profile_edit' );

Bạn nhớ thay đổi dòng http://tenmien.com/profile/ trong đoạn code trên thành địa chỉ trang profile bạn đã tạo ở trên. Giờ bạn tạo một trang mới và thêm shortcode [edit-profile] vào nội dung. Kết quả bạn sẽ được như thế này:

tao trang profile thanh vien

Cũng khá đẹp mắt phải không :D. Hy vọng bài viết này sẽ giúp bạn tạo được một trang profile cho thành viên vứa ý. Tuy nhiên vì thủ thuật này sử dụng khá nhiều đoạn code nên bạn phải biết chút ít về code để có thể chỉnh sửa lại cho phù hợp với website của bạn. Chúc bạn thành công!

The post Tạo trang profile cho thành viên không cần plugin appeared first on Raynoblog.

]]>
https://raynoblog.com/wordpress-co-ban/tao-trang-profile-cho-thanh-vien-khong-can-plugin.html/feed 3