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.

Xem thêm: Tùy chỉnh search form cho 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.

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êm: Mộ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êm: Tù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êm: Previous 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.

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.

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.

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.

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:

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:

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.

Những ưu điểm của việc tự động hẹn đặt thời gian post bài viết.

Với website mới, việc đặt hẹn lịch post bài theo một giờ nhất định sẽ luyện cho Google Bot có thói quen thường xuyên vào trang của bạn theo múi giờ đó. Điều này có lợi cho seo rất nhiều khi bài viết luôn được cập nhật đúng giờ và thường xuyên.

Với website lâu năm, thì việc này sẽ làm bạn phân tải công việc tốt hơn. Ví dụ khi bạn có việc đi nhiều ngày, bạn có thể dành ra một ngày viết một loạt các bài viết, sau đó cứ đến thời điểm mà bạn định sẵn thì tự động bài viết sẽ được đăng tải theo lịch hẹn của bạn.

3 bước đặt lịch hẹn tự động post bài viết.

Bước 1) Sau khi viết bài hoàn thiện , bạn sang góc phải phía trên màn hình máy tính . Có biểu tương lịch và dòng chữ “Publish immediately” chọn edit.

Bước 2) Cài đặt ngày tháng năm bạn muốn phát hành bài viết, click chọn OK.

Bước 3) chọn Schedule.

Sau khi bạn cài đặt chế độ này, đến thời điểm cài đặt sẽ tự động đăng tải bài viết của bạn lên blog nên cần chú ý :Bạn cần hoàn thiện bài viết,chèn đẩy đủ link bài viết liên quan, chọn category,tag, tiêu đề và nội dung.

Đây là thủ thuật nhỏ, mà hầu như ai cũng biết tuy nhiên lại rất ít khi sử dụng, chỉ đến khi cần thiết bạn mới nhớ đến nó. Hi vọng bài viết này sẽ giới thiệu tới bạn mới làm quen với WordPress có một thủ thuật hữu ích trong kỳ nghỉ hè năng nóng .

The post Hướng dẫn đặt lịch hẹn giờ post bài cho wordpress appeared first on Raynoblog.

Nếu như không có mục này, bạn chỉ cần click vào nút Screen Options phía góc trên bên phải và đánh dấu tick vào ô custom fields thì mục này sẽ hiện ra.

Custom field là gì?

Custom field là một khung để bạn nhập một dạng dữ liệu đặc biệt nào đó vào trong mỗi bài viết. Ví dụ như mình muốn tạo một trang chia sẽ link download game cho điện thoại thì trong mỗi bài viết giới thiệu game sẽ có các phần như: phát hành, hỗ trợ và button tải về như hình dưới đây.

Tất nhiên trong mỗi bài viết bạn có thể gõ các dòng này vào rồi canh chỉnh sao cho giống. Tuy nhiên làm như vậy sẽ mất khá nhiều thời gian, đồng thời nếu bạn muốn các dòng này luôn hiển thị ở một vị trí đặc biệt nào đó trong bài viết như hình bên trên thì sẽ rất khó khăn. Bầy giờ, với custom field, bạn chỉ cần nhập MECORP; IOS, Android; link tải game vào các khung nhập dữ liệu thì nó sẽ hiển thị cho bạn giống như bên trên ngay tại vị trí mà bạn muốn hiển thị.

Tạo custom field trong WordPress

Bây giờ, trong mục Custom Fields bên dưới khung soạn thảo, bạn lick vào Enter new, nhập vào 3 key và value như hình dưới đây.

Sau khi nhập 1 key và value, click vào nút Add Custom Field để nhập key khác. Bạn lưu ý nhập key không dấu và không có khoảng trắng.

Hiển thị custom field trong WordPress

Bạn đã nhập được dữ liệu vào custom field, bây giờ công việc tiếp theo là hiển thị dữ liệu này ra bên ngoài bài viết. Bạn chỉ cần chèn đoạn code nhỏ dưới đây vào file single.php hoặc các file khác mà bạn muốn, chẳng hạn như mẫu của mình dưới đây, mình cho hiển thị ở bên dưới tiêu đề và trước nội dung bài viết.

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

Không đẹp chút nào đúng không, nó hiển thị cả key không dấu. Ngoài ra nếu trên trang của bạn có vài custom field khác do một số plugins tự động tạo ra thì nó cũng sẽ hiển thị luôn ra bên ngoài. Vì vậy, ta sẽ không sử dụng đoạn code trên nữa mà sẽ sử dụng đoạn code dưới đây:

<?php $link=get_post_meta( get_the_ID(), 'download-app', true);
      $ph=get_post_meta( get_the_ID(), 'phat-hanh', true);
      $ht=get_post_meta( get_the_ID(), 'ho-tro', true);
if($ph) {echo '<p class="meta1"><strong>Phát hành:</strong> '.$ph.'</p>';}
if($ht) {echo '<p class="meta1"><strong>Hỗ trợ:</strong> '.$ht.'</p>';}
if($link) {echo '<div class="download"><span class="taive"><a href="'.$link.'">Tải về</a></span></div>';} 
?>

Thêm một số lớp css vào file style.css và ta đã được kết quả như thế này:

Đẹp rồi đúng không nào. Nếu bạn có tạo thêm nhiều custom field khác thì có thể sử dụng code theo cấu trúc như trên, chỉ cần thay key cho phù hợp.

Chỉ cần trong một bài viết, bạn tạo ra các custom field như trên thì các key sẽ tự động lưu lại. Khi viết một bài viết khác, bạn không cần tạo key nữa mà chỉ cần chọn key trong danh sách sẵn có.

Hy vọng bài viết này sẽ giúp bạn hiểu rỏ hơn về chức năng custom field trong WordPress, có thể tạo và hiển thị custom field trong mỗi bài viết hoặc page. Chúc bạn thành công!

The post Tạo và hiển thị custom field trong WordPress appeared first on Raynoblog.

Tạo liên kết nội bộ bằng plugin Mentionable

Đầu tiên, bạn cần cài đặt plugin Mentionable, sau khi kích hoạt plugin vào tiếp  Settings » Mentionable để cấu hình Plugin.

Với mặc định, Plugin Metionable sẽ được kích hoạt chức năng chèn link tới post, bạn có thể tùy chỉnh cấu hình để add link từ page, media ..

Sau khi cấu hình xong, bạn viết bài viết mới. Trong phần edit post bạn chỉ cần điền @ tiêu đề bài cũ sẽ có một danh sách các bài viết liên quan để bạn có thể chọn lựa, Bạn chọn bài viết và plugin sẽ tự động chèn liên kết vào bài viết nhanh chóng.

Đánh giá về plugin Mentionable :

Đây là một tính năng khá tiện ích mà bạn nên cài đặt, Plugin sẽ giới ý cho bạn danh sách những bài viết liên quan mật thiết nhất có thể liên quan đến nội dung từ khóa mà bạn muốn chèn chỉ với thao tác đơn giản.Ngoài ra plugin sẽ gọi ý cho bạn một loạt những danh sách có liên quan, theo mình nghĩ họ sẽ lấy dữ liệu từ seach của WordPress nên danh sách đầy đủ, liên quan nhiều đến nhau. Tuy nhiên thì plugin chèn bài viết liên quan, tức là sẽ chèn toàn bộ tiêu đề bài viết vào chứ không phải là chen theo từ khóa mà bạn muốn hiển thị. Ví dụ trong hình tôi muốn chèn liên kết tới bằng từ khóa là DNS máy tính, nhưng khi chèn vào thì nó sẽ hiển thị luôn cả bài viết, điều này đôi khi tôi cảm thấy không tiện lắm.

The post Tạo liên kết nội bộ với phong cách tag như Facebook appeared first on Raynoblog.

Đầu tiên, bạn cần cài đặt và kích hoạt plugin có tên là Simple Music Widget, tiếp sau bạn vào  Appearance » Widgets.

Tiếp sau bạn kéo Widget “Simple Music Widget ” sang sidebar mà bạn muốn bản nhạc hiển thị

Tại sidebar bạn điền các thông số như sau :

Title : Tên widget, bạn có thể để trống nếu không muốn đặt tên

Artist : Tên nhạc sỹ sáng tác

Song : Tên Bài Hát

Allbum : Tên Allbum của bài hát này

Cover Photo : Ảnh bìa của Allbum hay ca sĩ hát bài hát

Direct URL : link bài hát, nên để dạng .mp3 hiển thị tốt nhất nhé

Description : Mô tả ngắn, hoặc bạn có thể thêm lời bài hát chẳng hạn

Sau đó bạn nhấn save để lưu lại tiến trình làm việc, bây giờ bạn có thể quay trở lại website và thưỏng thức bản nhạc dành riêng cho mình. Nó sẽ có như thế này

Một số đánh giá:

Ưu điểm : Nếu bạn có bài nhạc muốn chia sẻ thì widget này chính là dành cho bạn, nó hoạt động khá là tuyệt vời, Giao diện nhìn chuyên nghiệp.

Nhược điểm : Bạn chỉ có thể thêm một bài vào một widget, mình không thêm được cả một allbum hay danh sách list vào widget này. Ngoài ra widget không có tính năng auto replay, có nghĩa là bạn bấm play nghe một lần rồi phải bấm play lại, như các bạn thấy giống với Youtube hơn là những website nhạc .

Tiện ích : Bạn có thể sử dụng thêm ” tạo widget cố định trong WordPress” để bản nhạc được chú ý hơn.

The post Thêm widget nhạc dành cho wordpress appeared first on Raynoblog.

Trước tiên, bạn cần chuẩn bị các icon phù hợp, nếu bạn chưa tìm thấy icon vừa ý, bạn có thể sử dụng các icon mà mình đang dùng, tải về bằng link bên dưới. Sau khi tải về, bạn đặt các icon này vào thư mục images trong theme bạn sử dụng.
[sociallocker id=”3985″] http://www.mediafire.com/download/6sidsbeoolyhfew[/sociallocker]

Tiếp theo ta sẽ sử dụng một đoạn code nhỏ dưới đây chèn vào file functions.php trong theme bạn đang sử dụng.

add_filter('wp_nav_menu_items','add_social_primary_menu', 10, 2); 
function add_social_primary_menu($items, $args) {
if ($args->theme_location == 'primary') { 
    $items .= '<li class="social face"><a href="http://facebook.com/raynoblog.giamgiahosting" target="_blank"></a></li>
			   <li class="social google"><a href="https://plus.google.com/u/0/104385682012314748291" target="_blank"></a></li>
			   <li class="social twitter"><a href="http://twitter.com/raynoblog" target="_blank"></a></li>
			   <li class="social feed"><a href="http://feeds.feedburner.com/raynoblog" target="_blank"></a></li>'; 
  }
  return $items;
 }

Bạn nhớ sửa các link trong code trên thành link của bạn. Đoạn code trên có tác dụng chèn vào thanh primary menu một số item . Bạn cũng có thể bổ sung thêm nhìu item khác nếu muốn.

Tiếp theo, mở file style.css và thêm vào một số lớp CSS dưới đây để hiển thị các icon ra bên ngoài.

.social{
	width: 20px;
	height: 20px;
	padding: 0px;
	float: right !important;
	margin: 10px;
}
.social a, .social a:hover{
	width: 20px;
	height: 20px;
	padding: 0px !important;
}
.face a{
	background: url(images/face.png);
}
.face a:hover {
	background: url(images/face-hover.png);
}
.google a{
	background: url(images/google.png);
}
.google a:hover {
	background: url(images/google-hover.png);
}
.twitter a{
	background: url(images/twitter.png);
}
.twitter a:hover {
	background: url(images/twitter-hover.png);
}
.feed a{
	background: url(images/feed.png);
}
.feed a:hover {
	background: url(images/feed-hover.png);
}

Bạn có thể chỉnh sửa lại các lớp CSS trên cho phù hợp với site của bạn như kích thước, canh lề…

Như vậy là bạn đã hoàn tất thủ thuật, giờ bạn có thể kiểm tra lại xem các icon đã hiện ra chưa nhé. Nếu bạn đang sử dụng theme có hỗ trợ secondary menu như Genesis chẳng hạn, bạn có thể sửa lại đoạn theme_location == ‘primary’ thành theme_location == ‘secondary’ để chèn icon vào secondary menu.

Chúc bạn năm mới nhiều may mắn và thành công!

The post Chèn social icon vào menu trong WordPress appeared first on Raynoblog.

Bài viết được thực hiện bởi Truyền Hình FPT  và Raynoblog.

Mục tiêu : Chuyển từ một trang abc.blogspot.com sang abc.com sử dụng wordpress.org.

Yêu cầu : Quyền quản trị của site blogspot muốn chuyển + một site wordpress mới cài đặt trên hosting của bạn.

Khuyến nghị nên sử dụng  Hosting chất lượng cao  để đảm bảo quá trình diễn ra êm đẹp nhất nhé.

Bước 1) Import dữ liệu từ blogspot sang wordpress

Đầu tiên, bạn cần đăng nhập quản trị của wordpress, vào mục Tools -> import sau đó chọn Blogger.

Khi bạn click vào Blogger như ở bước trên, việc này đồng nghĩa với việc bạn đã đồng ý với việc phải cài một plugin tên là Blogger Importer, và bạn nhấn Install để cài đặt Plugin này vào wordpress của bạn.

Ative plugin và plugin này sẽ yêu cầu đăng nhập và quyền truy cập vào tài khoản Blogspot của bạn. Rất may là cái này của wordpress làm ra nên có thể chúng ta yên tâm mà cho nó vào. Cái này làm tôi liên tưởng đến hoàng thượng cho bọn hoạn quan vào mò mẫm công chúa vậy :v . Ok bạn nhấn Authorize để đồng ý.

Khi bạn cho phép plugin này đồng bộ với tài khoản của Google, bạn cần đăng nhập vào tài khoản Gmail mà kết nối với site blogspot bạn muốn chuyển sang. WordPress yêu cầu giấy phép, bạn nhấn allow (cho phép truy cập) để đồng ý. Ở đây có một điều tuyệt vời là bạn có thể Import được nhiều blogspot vào một site wordpress, quá tuyệt vời, ở đây tôi chỉ add một site blogspot vào thôi nhé, như hình sau:

Bạn nhấn Import, quá trình sẽ tự động diễn ra để Import dữ liệu sang, ở phiên bản mới này có một điều tuyệt vời ông mặt trời là wordpress import luôn cả Image sang, mình nhớ không nhầm là ở phiên bản La Mã cổ đại (khoảng năm 2011 sau công nguyên) thì không Import được ảnh, họ sử dụng luôn ảnh (Images) trên blogspot. Có lẽ đây là một điểm mới

Ok, bây giờ bạn có thể ra ngoài trang chủ và cảm nhận coi đã import được chưa, được rồi thì chưa xong đâu, tiếp đến chúng ta còn một bước nữa là tùy chỉnh pemarklink.

Bước 2) Tùy chỉnh Permalink trong wordpress

Để tránh trường hợp sau khi chuyển dư liệu sang WordPress thì xuất hiện link đứt gãy, bạn cần tùy chỉnh lại cấu trúc permalink cho phù hợp với dạng link của blogspot. Theo mặc định, link của blog xây dựng trên blogspot luôn có dạng là: /yyyy/mm/post.html, vậy trong wordpress bạn cũng phải để cấu trúc link có dạng như vậy. Bạn vào mục setting –> permalink, chọn loại Custom Structure và nhập vào cấu trúc như sau: /%year%/%monthnum%/%postname%.html.

Ok, xong rồi đó. Giờ bạn hãy kiểm tra lại thành quả đạt được như thế nào nhé. Chúc bạn có thêm một thủ thuật hữu ích khi ghé thăm RaynoBlog.

The post Hướng dẫn chuyển từ Blogspot sang WordPress appeared first on Raynoblog.