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 ý và Permalink có dạng tenmien.com/redirect-to và nội dung để trống.

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.

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:

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.

WP-UserOnline là một plugin miễn phí bạn có thể tải về cài đặt từ thư viện plugin của WordPress. Sau khi active plugin này, bạn sẽ thấy có thêm phần hiển thị thông tin user online trong mục At a Glance bao gồm số user online, số thành viên và số khách đang truy cập.

Để xem chi tiết hơn bạn có thể vào Dashboard » WP-UserOnline, bạn có thể xem được một số thông tin như: IP của user, trang user đang truy cập, nguồn truy cập…

Plugin WP-UserOnline còn hỗ trợ một Widget để hiển thị thông tin tra bên ngoài website, tuy nhiên theo mình thấy thì widget này hiển thị không được đẹp, nếu sử dụng bạn nên thiết kế lại cho đẹp hơn.

Nếu cần thống kê lưu lượng truy cập website, bạn có thể tham khảo 3 plugins thống kê truy cập tốt nhất cho WordPress. Tuy nhiên theo mình thấy thì độ chính xác của hầu hết các plugins thông kê đều chỉ tương đối. Mình từng thử cài nhiều plugins thống kê truy cập trên cùng một trang thì mỗi plugin một kết quả khác nhau.

Bạn có biết plugins nào tốt hơn WP-UserOnline hay không? Hãy để lại bình luận bên dưới nhé!

The post Hiển thị danh sách user online trong WordPress appeared first on Raynoblog.

Với plugin Tesla Login Customizer, bạn có thể làm một số việc sau một cách dễ dàng:

• Thay đổi hình nên, màu sắc, font chữ…ở trang đăng nhập.
• Thay đổi logo phía trên form đăng nhập.
• Chọn một trong bốn templates cho form đăng nhập rất đẹp mắt.
• Thêm reCAPTCHA vào bên dưới form để chống spam.

Hướng dẫn thiết kế trang đăng nhập

Tesla Login Customizer là một plugin miễn phí bạn có thể tải về và cài đặt tại đây. Giao diện của Tesla Login Customizer rất đơn giản và dễ sử dụng với các tab General, Templates, Logo, Form, Advanced tương ứng với chức năng của nó.

Tab General: tại tab này bạn có thể thay đổi màu nền, ảnh nền, font chữ, màu chữ, kích thước chữ, trang chuyển hướng đến sau khi đăng nhập hoặc đăng ký.

Tab Templates: bạn có thể chọn các kiều templates được thiết kế sẵn cho form đăng nhập. Nếu bạn không thích các templates miễn phí, bạn có thể mua thêm bản Premium để có được các templates đẹp hơn, hoặc bạn có thể chuyển sang tab Form để tự thiết kế lại form đăng nhập cho mình.

Tab Logo: bạn có thể thay đổi Logo WordPress mặc định ở phía trên form đănh nhập bằng logo của bạn. Bạn cũng có thể thay đổi kích thước logo, thay đổi logo link hoặc bạn cũng có thể cho ẩn luôn logo.

Tab Form: như mình đã nói ở trên, bạn có thể tự thiết kế lại templates cho form đăng nhập ở tab này. Bạn cũng có thể bật reCAPTCHA bên dưới form để chống spam.

Bốn tab trên là bốn tab chính của plugin, ngoài ra còn có tab Advanced bạn có thể tự tìm hiểu thêm.

Nếu bạn không muốn sử dụng plugin mà muốn chỉnh sửa trang đăng nhập bằng tay, bạn có thể tham khảo bài viết thiết kế lại trang đăng nhập trong WordPress. Bạn còn có thể cho hiển thị form đăng nhập ở widget bằng cách dùng plugin Sidebar Login.

Bạn thấy plugin Tesla Login Customizer như thế nào? bạn có chỉnh sửa trang đăng nhập trên website của bạn không? hãy để lại comment bên dưới nhé!

The post Thiết kế trang đăng nhập với plugin Tesla Login Customizer appeared first on Raynoblog.

Xem thêm: Tùy chỉnh comments trong WordPress

Mặc dù plugin này đã không được update từ cách đây 2 năm nhưng hiện tại vẫn sử dụng tốt với các bản WordPress và Genesis mới nhất. Sau khi cài đặt và active plugin, bạn sẽ thấy trong mục Genesis có thêm mục con là Simple Comments, đây là nơi bạn chuyển sang Tiếng Việt những chỗ bạn muốn.

Ngoài ra, bạn còn có thể cài đặt kích thước ảnh avatar, thêm nội quy bình luận, loại bỏ URL field trong form bình luận bằng cách bỏ tick ở mục Display URL Field, rất dễ dàng và nhanh chóng phải không nào!

Bạn lưu ý là plugin này chỉ thiết kế dành riêng cho Genesis thôi nhé, nếu bạn không sử dụng Genesis thì hãy tìm plugin khác hoặc chịu khó Việt hóa bằng cách chỉnh sửa trong code vậy.

The post [Genesis plugins] Genesis Simple Comments – Việt hóa comment trong Genesis appeared first on Raynoblog.

Xem thêm: Plugin tự động đăng bài viết lên Facebook và Twitter

Nếu bạn đang sử dụng một website trên nền tảng Wordpress thì mình xin giới thiệu một plugin có thể giúp bạn tăng số lượt like trang Facebook của bạn hiệu quả, plugin có tên là Facebook Page Promoter Lightbox.

Thông thường bạn thường đặt một widget Facebook like box ở một vị trí nào đó trên website. Tuy nhiên việc làm này có thể không mang lại hiệu quả như ý muốn. Plugin Facebook Page Promoter Lightbox sẽ giúp bạn tạo ra Facebook like box ở dạng popup trên website của bạn. Do đó người xem chắc chắn sẽ nhìn thấy và khả năng họ like trang Facebook của bạn sẽ tăng lên.

Xem thêm: Chèn Facebook comment và đếm số comments trong WordPress

Cài đặt và tùy chỉnh plugin Facebook Page Promoter Lightbox

Sau khi cài đặt và kích hoạt plugin Facebook Page Promoter Lightbox, bạn sẽ thấy có thêm menu Arevico Setting trong trang admin. Bạn sẽ thực hiện một số tùy chọn cho plugin này tại đây.

Một số tùy chỉnh bạn cần làm để plugin hoạt động bao gồm:

• Facebook Page Name: điền địa chỉ trang Facebook của bạn.
• Show on: đánh dấu chọn những trang mà popup sẽ hiển thị như homepage, posts, pages…
• Delay: điền thời gian hiển thị pupop, nếu người xem không tắt popup thì sau thời gian này popup sẽ tự tắt.
• Show Once Every: điền số lần hiển thị popup khi một người truy cập vào website. Nếu bạn muốn popup luôn hiển thị khi load trang thì điền số 0.

Điều mình thích ở plugin này là việc cài đặt và cấu hình rất đơn giản, và cái quan trọng là plugin này cho phép cài đặt cho popup chỉ hiển thị lần đầu tiên khi người xem ghé thăm website.

Xem thêm: 10 plugin khóa nội dung bài viết tốt nhất cho WordPress

Đây chỉ là một phương án để tăng số lượt like trang Facebook của bạn, tuy nhiên để đảm bảo người xem sẽ bấm like, bạn nên tập trung xây dựng website với nội dung chất lượng, mang lại những điều cần thiết cho người xem để họ muốn theo dõi trang web của bạn, đó là cách tốt nhất để bạn có thể tăng số lượt like và phát triển website của mình. Chúc bạn thành công!

The post Plugin tăng số lượt like trang Facebook của bạn appeared first on Raynoblog.

http://olddomain.com/wp-content/upload/image.png

Bạn muốn đổi nó thành:

http://newdomain.com/wp-content/upload/image.png

Ta hoàn toàn có thể thay đổi bằng tay cho từng hình ảnh trong từng bài viết. Nhưng làm như vậy sẽ rất mất thời gian trong trường hợp có rất nhiều hình ảnh và bài viết cần được cập nhật link. Trong bài viết này mình sẽ giới thiệu một plugin có thể giúp bạn thay đổi toàn bộ URL hình ảnh trong bài viết sang một URL mới chỉ với một cú click, plugin có tên là Better Search Replace.

Better Search Replace là một plugin miễn phí (có cả bản trả phí) có chức năng tìm kiếm và thay thế một đoạn nội dung trong database. Ta sẽ sử dụng chức năng này để thay đổi URL hình ảnh trong bài viết.

Thay đổi URL hình ảnh trong bài viết

Trước tiên bạn cần cài đặt và active plugin Better Search Replace. Sau khi active, bạn vào Tools »  Better Search Replace để tiến hình tìm kiếm và thay thế URL.

Trong mục Search for nhập URL cũ bạn cần tìm kiếm để thay đổi và mục Replace With sẽ nhập URL mới. Nếu bạn chỉ muốn thay đổi phần tên miền trong URL như trong ví dụ trên thì bạn chỉ cần điền như trong ảnh. Trong mục Select tables, chọn wp_posts để tìm kiếm và thay thế trong bài viết. Bạn có thể chọn thêm các database khác nếu cần.

Cuối cùng bạn bỏ dấu tick trong ô vuông ở mục Run as dry run rồi nhấp vào nút Run Search/Replace để tiến hành tìm kiếm và thay thế URL. Nếu bạn không bỏ dấu tick này, bạn sẽ nhận được số URL tìm thấy nhưng sẽ không thay đổi thành URl mới.

Sau khi hoàn tất quá trình tìm kiếm và thay thế URl, bạn hãy load lại các bài viết để xem URl hình ảnh đã được thay đổi hay chưa. Lưu ý rằng trước khi thực hiện tìm kiếm và thay thế, bạn nên backup lại database để tránh những rủi ro có thể xảy ra.

Hy vọng plugin Better Search Replace sẽ giúp bạn có thể thay đổi URL cho hình ảnh trong bài viết sang một URl mới trong thời gian nhanh nhất. Ngoài ra bạn cũng có thể sử dụng plugin này để thay đổi một đoạn text bất kỳ, không riêng gì URL hình ảnh. Plugin sẽ rất hữu ích khi bạn cần thay đổi tên miền cho website của bạn. Nếu bạn mua bản trả phí, bạn sẽ có thêm chức năng backup và retore database.

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

The post Thay thế URL hình ảnh trong bài viết WordPress appeared first on Raynoblog.

WPFront Scroll Top là plugin miễn phí cùng tác giả với plugin WPFront Notification Bar mà mình từng giới thiệu trong bài viết 5 plugins tạo notification bar đẹp mắt trong WordPress. Hai plugins này có số lượt tải rất lớn và được đánh giá rất cao so với các plugins có cùng chức năng.

Hướng dẫn tạo nút Scroll Top đẹp mắt

Trước tiên bạn cần cài đặt và active cho plugin WPFront Scroll Top. Sau khi active, bạn vào WPFront » Scroll Top đánh dấu check vào ô Enabled để hiển thị nút scroll top ra bên ngoài, như vậy là hoàn tất và bạn không phải làm gì thêm vẫn có thể sử dụng được.

Tuy nhiên plugin này cung cấp cho bạn rất nhiều tùy chọn hay chẳng hạn như: khoảng cách cuộn trang xuông dưới trước khi hiển thị nút scroll to top, tắt nút scroll to top với các thiết nhỏ, hiển thị trong trang admin, nút dạng text hay dạng ảnh, vị trí hiển thị, màu chữ hay hình ảnh nút scroll to top…

WPFront Scroll Top cung cấp cho bạn rất nhiều nút scroll to top đẹp để bạn lựa chọn, hoặc bạn cũng có thể sử dụng hình ảnh riêng của bạn nếu muốn.

Ngoài ra bạn còn có thể loại bỏ một số trang không cho hiển thị nút scroll top hay chỉ hiển thị trên một số trang nhất định…Mặc dù plugin này cung cấp cho bạn khá nhiều tùy chọn nhưng mình thường chỉ để mặc đinh là đã có thể sử dụng ngon lành, có chăng cũng chỉ chọn tắt nút scroll top với các thiết bị quá nhỏ.

Hy vọng plugin này sẽ giúp bạn tạo được nút scroll top đẹp mắt cho website của mình. Chúc bạn thành công!

The post Plugin tạo nút Scroll Top trượt đẹp mắt cho WordPress appeared first on Raynoblog.

Đầu tiên, bạn cần cài đặt plugin WP First Letter Avatar  vào trang wordpress của bạn.Sau khi cài đặt xong plugin, bạn vào quản trị theo Settings » WP First Letter Avatar . để thiết lập tùy chỉnh plugin

Sau khi bạn save changes là hoàn thành việc thiết lập Plugin, tiếp sau chúng ta sẽ thử một số bình luận

Việc có thêm avatar này sẽ khiến website của bạn sẽ trở nên thú vị hơn , bình luân sẽ trở nên thu hút hơn và kích thích bạn đọc bình luận nhiều hơn

The post Hiển thị avatar bình luận theo bảng chữ cái appeared first on Raynoblog.

Hướng dẫn tạo nút vote bằng plugin Thumbs Rating

Trước tiên bạn cần cài đặt và kích hoạt plugin Thumbs Rating, đây là một plugin hoàn toàn miễn phí và sử dụng rất đơn giản. Sau khi active plugin này, bạn chỉ cần sử dụng Shortcode dưới đây chèn vào bất kì vị trí nào trong bài viết để hiển thị nút Vote.

[thumbs-rating-buttons]

Nếu bạn muốn chèn nút Vote vào bên dưới tất cả bài viết, chỉ cần sử dụng đoạn code sau chèn vào file functions.php trong theme bạn sử dụng.

function thumbs_rating_print($content)
{
    return $content.thumbs_rating_getlink();
}
add_filter('the_content', 'thumbs_rating_print');

Ngoài ra, nếu bạn muốn chèn nút Vote vào bất kì vị trí nào khác, bạn có thể sử dụng đoạn code dưới đây:

<?=function_exists('thumbs_rating_getlink') ? thumbs_rating_getlink() : ''?>

Như vậy là bạn đã hiển thị được nút Vote cho bài viết rồi, rất đơn giản phải không nào. Dưới đây là demo nút vote sử dụng plugin trên. Tuy nhiên trong trang này mình đã thiết kế lại chút ít, bổ sung thêm phần trăm thành công và bỏ đi số Vote Up và Vote Down.

Nếu bạn thích plugin được thiết kế lại như thế này, hãy tải về bằng link bên dưới đây.

Tải về

Bạn thấy plugin này thế nào? Bạn có biết plugins nào hay hơn trong việc tạo nút Vote hay rating trong WordPress không? Hãy để lại comment bên dưới bài viết này nhé!

The post Hướng dẫn tạo nút Vote đơn giản trong WordPress appeared first on Raynoblog.

Xem thêm: 5 plugin thu hút độc giả comments trong WordPress

Sticky Comment

Cũng giống như khi bạn đăng một chủ đề trên diễn đàn vậy, plugin Sticky comment  có tác đụng đưa một comment nào đó của bạn lên trên đầu, với comment đó sẽ được chú ý nhiều hơn, cũng như mang tầm quan trọng cao hơn so với các Comment khác nhiều hơn. Đặc biệt, bạn có thể tùy chỉnh Sticky sao cho phù hợp và đẹp với một số biểu tưởng khác nhau.

Chú ý: plugin này cũng rất lâu rồi chưa cập nhật nhé, tuy vẫn dùng được nhưng có thể tiềm ẩn nguy cơ.

The post 5 plugin quản lý Comment trong WordPress appeared first on Raynoblog.