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.

Copyblogger 2

Đây là giao diện dành cho những marketer blog, blog cá nhân và thậm chí là doanh nghiệp, Thực tình mình cũng có thời gian sử dụng child theme này. Về cơ bản là đẹp, đây là một theme cơ bản, được thiết kế tối ưu cho sự đa dạng của genesis với  6 kiểu layouts, 5 sắc thái màu khác nhau và nhiều tùy chỉnh khác nữa.

Download || Demo

Winfield theme

Theme này có những bố cục to bố tướng luôn, tuy nhiên bạn hoàn toàn có thể tủy lại chút xíu, hoặc thích hợp với bạn nào thích to và đen. Giao diện Winfield theme khá là thoáng, Làm người đọc khi đọc những bài viết dài đỡ thấy ức chế. Theo đó sẽ tập chung hơn vào nội dung của bài viết

Demo || Download

Hallow Press

Một child theme miễn phí với bố cục sáng, mình rất thích cái màu da cam mặc định của theme này, còn về font thì với tiếng việt hầu như mọi themes chúng ta cần sửa lại rồi, chứ để font mặc định là khó.

Demo || Download

Dedicated Theme

Một theme theo phong cách blog chuyên nghiệp. Với bố cục menu và máu sáng, bạn có thể sử dụng cho nhiều mục đích khác nhau, theme hỗ trợ HTML5 vs CCS3 và nhiều tùy chọn hữu dụng khác.

Xem thông tin về theme Dedicated

Photomode

Lần đầu tiên mình nhìn thấy theme này, mình có chút bị ám ảnh, cái gì đó ghê ghê. Hồi đó mình tìm theme cho một site về y khoa cho một thầy giáo của mình, ông mở phòng khám riêng, và thấy theme này phù hợp, nhưng cuối cùng thì cảm giác gì đó mình không rõ, nhưng nói chung là những hình ảnh trên demo khá là ghê ghê. Được xây dựng trên Genesis, với giao diện 1,2,3 cột, Màu sắc trắng đỏ gây cảm giác mạnh về lĩnh vực y tế,

Demo || Dowload

Mobile First

Đây là theme mình rất thích, mình đang sử dụng theme này vì tùy biến nó khá dễ và có giao diện thoáng, chỉ là mình không thích màu đen của nó mà thôi,

Demo || Dowload || Demo Custom

Trên đây là một số theme mà mình cảm thấy có thiết kế đẹp nhất trong bộ sưu tập genesis child theme, Hi vọng khi giới thiệu lên đây sẽ có ích đối với bạn.

The post Tuyển tập Childtheme genesis miễn phí cho wordpress appeared first on Raynoblog.

Genesis Design Palette Pro

Đầy là plugin tuyệt đỉnh cho việc custom lại giao diện của genesis nhưng đáng tiếc là nó không miễn phí và với cái giá 49 USD thì cũng không hề là rẻ. Tuy nhiên với nó bạn có thể biến hoá khôn lường cho genesis trỏ nên lung linh và tuyệt diệu hơn bao giờ hết,bạn có thể taho tác rất nhẹ nhàng trên panel của nó mà chả phải biết nhiều về code hay gì khác mà vẫn có thể tạo ra những giao diện tuyệt đẹp.

Nói thế chứu thưucj ra là tôi cũng chưa có mua về dùng nhưng Genesis Design Palette Pro có bản dùng thử ( trên host của họ) bạn có thể vào đó vọc vạch trước khi quyết định mua hay không

Genesis eNews Extended

Một phiên bản có lẽ cũng quá nổi tiếng với người dùng Genesis, nó giúp bạn lưu trữ và níu chân người đọc. Đồng thời nó cũng giúp cho khách hàng muốn quay trở lại blog bạn với những thông báo về những bài viết quan trọng./ Bạn có thể lên lịch để gửi tới người đọc những bài viết hay nhất giúp người đọc có tỉ lệ quay lại và tương tác cao hơn

Genesis eNews extended hoạt động tốt với mail chimp, aweber… và sẽ giúp bạn hiệu quả tạo ra một danh sách email khách hàng tiềm năng

Genesis Simple Hooks

Có lẽ nhân vật chính của chúng ta chính là vị đại diện này, Một plugin đỉnh cao trong genesis giúp bạn thao tác genesis rất chuyên nghiệp mà không sợ bị lỗi. ý của tôi là bạn hoàn toàn có thể chỉnh sửa, xoá đi, làm lại vô cùng đơn giản.Nếu bạn cần các hook của genesis thì bạn có thể tham khảo website này : genesistutorials.com/visual-hook-guide/ nó sẽ giúp bạn định hình các hook đơn giản hơn, dễ thao tác hơn và bạn biết vị trí chính xác hook mà bạn cần sẽ đặt ở đâu. Thật sự là tuyệt vời lắm

Genesis Visual Hook Guide

Đây là một plugin mà theo tôi thấy trên raynoblog có sử dụng. Với genesistutorials.com thì bạn phải tìm mò và đối chiếu sang website của bạn. Nhưng với Visual Hool Guide thì nó sẽ hiển thị ngay trên website của bạn. Đơn giản và thực tế hơn rất là nhiều đó. Bạn có thể tìm hook mà bạn cần nhanh chóng và đơn giản

Genesis Simple Menus

Với Genesis Simple Menus, bạn có thể thao tác với menu đơn giản, lựa chọn vị trí hiển thị và các cài đặt khác giúp bạn thay đổi phong cách genesis nhanh gọn nhẹ hơn rất nhiều

Genesis Grid

Genesis Grid của Bill Erickson cho phép bạn hiển thị bài viết được viết với  Genesis Grid function. Nó cho phép bạn thiết lập các kích thước ảnh và các cài đặt khác. Đây là một plugin rất đáng để bạn quan tâm

Genesis Connect for WooCommerce

WooCommercelà một plugin tuyệt vời từ WooThemes. Nó giúp bạn xây dựng mọt website bán hàng chuyên nghiệp với WooCommerce. Plugin này sẽ giúp bạnđiều chỉnh các functions ở Genesis giúp hiển thị các WooCommerce của hàng, sản phẩm, và trang tài khoản, khách hàng không kém các mã nguồn chuyên dụng cho bán hàng như opencart đâu.

Trên đây là một số plugin tôi gửi tới bạn đọc, được tham khảo và dịch lại từ http://ozzyrodriguez.com/plugins/best-genesis-plugins/ . Tôi không dịch toàn bộ bởi một số plugin tôi thử và nó khó hiểu với tôi, Có thể do cài trên localhost ( tôi cài một site wordpress mới trên localhost) nên chưa được chuẩn xác, bạn có thể tham khảo nguồn đó và góp ý thêm cho mình nhé

Ngoài ra nếu bạn có sử dụng Genesis thì hãy thử tham khảo qua bài viết một số tuỳ chỉnh trong genesis mình nghĩ nó có thể có ích đối với bạn.

The post Một vài plugin genesis nên dùng appeared first on Raynoblog.

Bạn có thể xem demo tại đây: demo MDCOPY

Để tải miễn phí theme MDCOPY, bạn chỉ cần sử dụng link dưới đây:
[sociallocker id=”2142″]

Download MDCOPY theme

[/sociallocker]
Vì đây là một Childtheme của Genesis nên bạn cần cài trước Genesis Framewok. Nếu bạn chưa có Genesis, hãy like bài viết này và để lại comment bên dưới, mình sẽ gửi qua email cho bạn.

Trong quá trình sử dụng theme, nếu có vấn đề gì, bạn có thể liên hệ với mình để được hỗ trợ.

The post Tặng theme MDCOPY của Raynoblog appeared first on Raynoblog.

Thay đổi phần text

Thay đổi text trong khung search

add_filter( 'genesis_search_text', 'rayno_custom_search_text' );
function rayno_custom_search_text($text) {
    return esc_attr( 'Tìm kiếm trên blog' );
}

Thay đổi text ở button

add_filter('genesis_search_button_text', 'rayno_custom_search_button_text');
function rayno_custom_search_button_text( $text ) {
    return esc_attr( 'Tìm' );
}

Thay đổi “Search results for:…” ở trang kết quả tìm kiếm

add_filter( 'genesis_search_title_text', 'rayno_search_title_text' );
function rayno_search_title_text() {
    return 'Kết quả tìm kiếm cho:';
}

Chèn khung search vào thanh menu

Chèn vào Primary Navigation Menu

add_filter('wp_nav_menu_items','add_search_box_primary_menu', 10, 2); 
function add_search_box_primary_menu($items, $args) { 
if ($args->theme_location == 'primary') {
        ob_start(); 
        get_search_form(); 
        $searchform = ob_get_contents(); 
        ob_end_clean(); 

    $items .= '<li class="searchbox">' . $searchform . '</li>'; 
  }
  return $items;        
}

Chèn vào Secondary Navigation Menu

add_filter('wp_nav_menu_items','add_search_box_secondary_menu', 10, 2); 
function add_search_box_primary_menu($items, $args) { 
if ($args->theme_location == 'secondary') {
        ob_start(); 
        get_search_form(); 
        $searchform = ob_get_contents(); 
        ob_end_clean(); 

    $items .= '<li class="searchbox">' . $searchform . '</li>'; 
  }
  return $items;        
}

Thiết kế lại khung search bằng css

Đây là css mình sử dụng cho blog của mình, các bạn có thể design lại cho phù hợp với blog của bạn.

.searchform {
}
.searchform input[type=text]{
	width:170px;
	height: 15px;
	border:0px;
	background:#ffffff;
	margin:5px 3px 5px;
	float: left;
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px; 
	border-radius: 2px;
}
.searchform input[type=submit]{
	float: right;
	width: 24px;
	background: url(link đến ảnh cho button) no-repeat !important;
	margin: 5px 0 0 -30px;
	border: 0px !important;
}

Kết hợp Google Search vào blog

Trước tiên chúng ta vào Google CSE, click vào Create a custom search engine ở phía trên bên phải. Trang tiếp theo chúng ta sẽ điền vào địa chỉ blog của bạn ở khung Sites to search, chọn ngôn ngữ và click vào create.

Sao khi tạo xong, click vào Edit search engine chọn Look and feel. Ở khung bên chọn Results only và click Save & Get Code.

Ở trang tiếp theo, bạn copy lại phần code để sử dụng sau. Lưu ý chúng ta chỉ copy cần phần script.

Tiếp theo, mở file funstion.php của Genesis childtheme và bổ sung thêm code:

add_filter( 'genesis_search_form', 'rayno_search_form', 10, 4);
function rayno_search_form( $form, $search_text, $button_text, $label ) {
	$onfocus = "onfocus=\"if (this.value == '$search_text') {this.value = '';}\"";
	$onblur = "onblur=\"if (this.value == '') {this.value = '$search_text';}\"";
	$form = '<form method="get" class="searchform search-form" action="' . home_url() . '/search-results" >' . $label . '
	<input type="text" value="' . esc_attr( $search_text ) . '" name="q" class="s search-input"' . $onfocus . $onblur . ' />
	<input type="submit" class="searchsubmit search-submit" value="' . esc_attr( $button_text ) . '" />
	</form>';
	return $form;
}

Tạo một file php mới với nội dung:

<?php
/**
* Template Name: Google Custom Search
* Description: Google Custom Search
*/
add_action('genesis_meta', 'wpselect_google_cse_meta');
function wpselect_google_cse_meta() { ?>
        DÁN ĐOẠN SCRIPT CỦA BẠN VÀO ĐÂY
<?php
}
remove_action( 'genesis_post_content', 'genesis_do_post_content' );
add_action( 'genesis_post_content', 'wpselect_google_cse_content' );
function wpselect_google_cse_content() { ?>
<gcse:searchresults-only></gcse:searchresults-only><?php
}
genesis();

Bạn có thể đặt tên bất kì cho file này sau đó Upload nó vào folder Genesis child theme, cùng folder với file funstion.php. Bạn chú ý thêm phần script của bạn vào nội dung bên trên.

Việc cuối cùng là tạo một page mới trên blog của bạn với tên là Search results. Nội dung page để trống. Phần Template  chọn Google custom search.

Publish page và hoàn tất công việc. Bây giờ bạn có thể sử dụng chức năng search với một từ khóa bất kì để xem kết quả thu được.

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

The post Tùy chỉnh search form cho Genesis appeared first on Raynoblog.

Hôm nay mình sẽ hướng dẫn cho các bạn tạo một menu có kèm theo mô tả dành cho Genesis. Điều này lâu nay mình chỉ thấy trên các blog sử dụng Thesis. Vì thấy nó khá đẹp mắt nên mình đã tìm hiểu để áp dụng nó cho Genesis và hôm nay mình xin giới thiệu cho các bạn một cách tạo ra một menu như vậy.

Việc tạo ra một menu có kèm theo mô tả đối với Genesis theo mình thấy là đơn giản hơn rất nhiều so với khi sử dụng Thesis. Chúng ta sẽ lần lượt thực hiện như sau:

Bước 1 – Tạo một menu có kèm mô tả

Để tạo một menu, bạn vào mục Appearance chọn Menus. Tạo một menu có tên bất kì. Sau đó thêm các đối tượng như Categories, Page….Ở mỗi menu, chúng ta bấm vào Custom để mở menu ra. Ở đây chúng ta chú ý mục Title Attribute, chúng ta sẽ dùng phần này để làm mô tả cho menu.

Sau khi tạo được một menu hoàn chỉnh. Ta sẽ cho hiện menu ra ngoài bằng cách bấm nút sổ xuống ở mục Primary Navigation Menu và chọn tên menu bạn vừa tạo và click save.

Bước 2 – Thêm code vào file functions.php

Sau khi thực hiện xong bước 1 thì bạn đã có một menu nhưng phần mô tả chưa xuất hiện. Để hiện mô tả, chúng ta sẽ thêm đoạn code sau vào file functions.php trong child theme của bạn.

function be_add_description( $item_output, $item ) {
	$description = $item->attr_title;
	if (' ' !== $description ) 
	   return preg_replace(  '/(<a.*?>[^<]*?)</', '$1' .'<br>' 
             .'<span class="desc">' . $description . '</span><',  $item_output);
	else
	   return $item_output;
}
add_filter( 'walker_nav_menu_start_el', 'be_add_description', 10, 2 );

Như vậy là chúng ta đã có được một menu có kèm theo mô tả bên dưới. Bây giờ chúng ta sẽ trang trí cho phần mô tả một chút cho khác với tên của menu bằng cách thêm lớp .desc vào file style.css

.desc {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: italic;
}

Sử dụng Descriptions để làm mô tả cho menu
Nếu các bạn không muốn sử dụng Title Attribute để làm mô tả cho menu, các bạn có thể sử dụng phần Descriptions để thay thế. Để thêm Descriptions cho mỗi menu thì khi tạo menu, bạn click vào Screen Options ở góc trên cùng bên phải và đánh dấu vào ô Descriptions để mở thêm hộp Descriptions cho mỗi menu.

Khi đó trong đoạn code trên, bạn sẽ thay thế dòng

$description = $item->attr_title;

bằng

$description = $item->post_content;

Vậy là bạn đã có được một menu khá đẹp mắt. Trong quá trình thực hiện nếu có gì thắc mắc bạn hãy để lại comment bên dưới, mình sẽ cố gắng giải đáp.

Chúc các bạn thành công! {c1}

The post Tạo menu có kèm theo mô tả cho Genesis appeared first on Raynoblog.

Các bạn sẽ sử dụng các đoạn code chèn vào file functions.php trong child theme:

Tùy chỉnh khung search

Đổi text trong khung seach

add_filter( 'genesis_search_text', 'custom_search_text' );
function custom_search_text($text) {
    return esc_attr( 'Nội dung text' );
}

Đổi text ở button

add_filter('genesis_search_button_text', 'be_custom_search_button_text');
function be_custom_search_button_text( $text ) {
	return esc_attr( 'Tìm' );
}

Hiện author box ở cuối bài viết

Hiện author box

add_filter( 'get_the_author_genesis_author_box_single', '__return_true' );

Thay đổi kích thước avatar

function change_default_comment_text($args) {
    $args['title_reply'] = 'Leave a Comment';
    return $args;
}
add_filter( 'genesis_comment_form_args', 'change_default_comment_text' );

Trong đó 80 là kích thước avatar, bạn có thể sửa lại thông số này theo ý của bạn.

Đổi  “Speak your mind” ở comment

function change_default_comment_text($args) {
    $args['title_reply']='Gửi bình luận';
    return $args;
}
add_filter( 'genesis_comment_form_args', 'change_default_comment_text' );

Bỏ hoặc đổi Post info của bài viết

Bỏ post info

remove_action('genesis_before_post_content', 'genesis_post_info');

Đổi post info

add_filter('genesis_post_info', 'be_post_info_filter');
function be_post_info_filter($post_info) {
	$post_info = 'Đăng bởi [ post_author_posts_link ] lúc [ post_time ] 
                      ngày [ post_date ]  [ post_comments ] [ post_edit ]';
	return $post_info;
}

Bạn nhớ bỏ khoảng trắng bên trong dấu [ ].

Bỏ hoặc đổi Post meta của bài viết

Bỏ post meta

remove_action('genesis_after_post_content', 'genesis_post_meta');

Đổi post meta

add_filter('genesis_post_meta', 'be_post_meta_filter');
function be_post_meta_filter($post_meta) {
	$post_meta = '[ post_categories sep="/" before="Chuyên mục: "] [ post_tags sep="/" before="Thẻ: " ]';
	return $post_meta;
}

Đổi “Read more” trong Genesis

function be_more_link($more_link) {
	return sprintf('<p><a href="%s" class="more-link">%s</a></span></p>', 
            get_permalink(), 'Xem chi tiết');
}
add_filter( 'excerpt_more', 'be_more_link' );
add_filter( 'get_the_content_more_link', 'be_more_link' );
add_filter( 'the_content_more_link', 'be_more_link' );

Ẩn tiêu đề trang

add_action('get_header', 'child_remove_page_titles');
function child_remove_page_titles() {
  if (is_page()) {
  remove_action('genesis_post_title', 'genesis_do_post_title');
  }
}

Đổi favicon cho Genesis

add_filter('genesis_favicon_url', 'custom_favicon_url');
function custom_favicon_url() {
	$favicon = "http://domain.com/favicon.ico";
	return $favicon;
}

Tùy biến cho breadcrumb

add_filter( 'genesis_breadcrumb_args', 'raynoblog_breadcrumb_args' );
function raynoblog_breadcrumb_args( $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;
}

Trên đây là một số thủ thuật nhỏ dành cho Genesis các bạn có thể tham khảo và sử dụng. Chúc các bạn thành công!

The post Một số thủ thuật cho Genesis framework appeared first on Raynoblog.