SEO Onpage cho từng trang WordPress

1/ SEO từng bài viết ( Post , Page )

Để SEO từ khóa Keyword bắt buộc phải có sự đồng nhất giữa các yếu tố sau:

  • Tiêu đề bài viết
  • Mô tả Description
  • Cấu trúc LINK : Tạo LINK thân thiện chứa từ khóa cần SEO
  • SEO nội dung : Đây là phần thể hiện khả năng ” chơi chữ “, sắp xếp vị trí các từ khóa, mật độ từ khóa , từ khóa liên quan theo ngữ cảnh , …

Ví dụ:
SEO cụm từ khóa thủ thuật SEO WordPress cơ bản

Phân tích LINK sau : http://thegioiwordpress.info/thu-thuat-seo-wordpress-co-ban

Google bot sẽ đọc nội dung trang web như sau:

Tiêu đề bài viết : Đây là thành phần quan trọng nhất đối với SEO page

seo wordpress cho tung trang bai viet SEO Onpage cho từng trang WordPress SEO tiêu đề bài viết WordPress

Tương tự SEO cho Homepage, điền nội dung mô tả trang :

seo wordpress cho tung trang bai viet mo ta tu khoa keyword SEO Onpage cho từng trang WordPress SEO wordpress page – Mô tả – Từ khóa

 

Để điền thông tin mô tả SEO cho từng trang bài viết, nhập nội dung miêu tả vào bảng All In One SEO Pack dưới mỗi bài viết :

seo wordpress cho tung trang bai viet mo ta tu khoa keyword all in one seo pack wordpress SEO Onpage cho từng trang WordPress SEO từng bài viết WordPress với All in one SEO pack plugin

Vậy là xong icon wink SEO Onpage cho từng trang WordPress

SEO trang chuyên mục Category WordPress

Khi SEO nhất định phải biết trỏ đến nơi cần SEO, nghĩa là phải định sẵn từ khóa nằm ở đâu trên site WordPress ( Trang bài viết Post,page hay category ) Nếu có nhiều bài viết tập trung vào 1, một vài Keyword thì SEO cho LINK Category . Category là vũ khí SEO lợi hại của WordPress, trang chuyên mục chứa các thẻ SEO y như trang bài viết.

Ví dụ :

View source trang Category sau : http://thegioiwordpress.info/category/thu-thuat-seo-wordpress

seo wordpress category 21 SEO Onpage cho từng trang WordPress SEO tiêu đề trang Category seo wordpress cho tung trang bai viet mo ta tu khoa keyword SEO Onpage cho từng trang WordPress Mô tả SEO trang Category

Để SEO cho từng trang Category, vào WP-Admin > Posts > Categories

Nhập đầy đủ thông tin Keyword vào phần Name và Description

Theme WordPress về ẩm thực-Organic Shop

Organic Shop V1.9.3 – Themeforest Responsive WooCommerce Theme cực đẹp, Themes bán hàng nông sản, ẩm thực hoặc có thể đổi màu đi để bán những sản phẩm khác. Với những bạn đang có ý định thiết lập 1 website ẩm thực thì theme này sẽ là lựa chọn rất tốt cho bạn đấy !

 

organic shop v1.9.3 themeforest responsive woocommerce theme 1369782516 300x152 Theme WordPress về ẩm thực Organic Shop

(Nguồn: http://share34.com)

Hướng dẫn cài đặt theme wordpress

Mình nghĩ đọc xong bài viết hướng dẫn cài đặt plugin cho wordpress, các bạn đã làm quen được vớiwordpress rồi, nên bài viết này mình sẽ ít sử dụng hình ảnh, chỉ hướng dẫn theo từng bước, các bạn làm theo là được D Hướng dẫn cài đặt theme wordpress

ĐỂ XEM DANH SÁCH THEME HIỆN CÓ:

Menu bên trái -> Appearance -> Themes

ĐỂ CÀI ĐẶT THEME MỚI:

có 2 cách:

  1. Tìm kiếm và cài đặt từ thư viện của wordpress.org (như cài đặt plugin mà mình đã hướng dẫn lần trước)
  2. Upload theme lên từ máy tính

Khoan bàn về các bước thực hiện, mình muốn chia sẽ với các bạn về cách tìm theme, ví dụ các bạn làm website tin tức bằng wordpress, mà không biết tìm theme, hãy để google giúp bạn. Vào google.com.vn, gõ “tổng hợp theme wordpress làm site tin tức”

hoặc tham khảo ở các trang chuyên bán theme như: themeforest.net, vào mục NEWS (tin tức). Tìm cho mình 1 theme ưng ý… và rồi tiếp bước 2 nè…

bước 2 của tìm kiếm theme %5E%5E Hướng dẫn cài đặt theme wordpress Khỏi phải bàn về chuyện bản quyền, người Việt Nam mình chuyên dùng software hàng lậu, hàng crack, hàng null, nên chuyện dùng theme lậu cũng là bình thường. Một người thu nhập hàng tháng 1tr500 ngàn đồng (tương đương 75 USD) thì tiền éo đâu mà mua cái theme ngang ngữa chừng đó tiền lương 1 tháng? (1 theme đẹp thường có giá từ 50 đến 100 USD).

Mình sẽ hướng dẫn các bạn tìm theme “lậu” này.

Một số trang chuyên share theme như:

Có người nói sử dụng theme null rất nguy hiểm, vì có thể bị chèn mã độc vào, và bị phá website bất kì lúc nào – DẸP MẸ NÓ ĐÊ – mềnh éo có tiền thì mềnh sài hàng null, hàng crack. Và mình tin chắc rằng 100% các bạn đang đọc bài viết này sẽ không ngại chuyện đó, vì các bạn là newbie, là người mới tìm hiểu về wordpress, nhu cầu xây dựng trang web để tập tành, chứ không phải là 1 website công ty to lớn…

Nhưng khoan đã, cái đó là mình phản bác lại những người chê theme null, theme crack, chứ mình đâu có nói những theme được share này cùi bắp như bọn họ nói??? Theme này có 2 loại, 1 là được null thật sự, chuyện chèn mã độc thì 50/50, hên xui D Hướng dẫn cài đặt theme wordpress 2 là theme được 1 nhóm người sử dụng wordpress, hoặc 1 cá nhân nào đó mua, sau đó đem share lại trên blog / website cá nhân, nhầm thu hút khách truy cập – loại 2 này yên tâm, không bị kiện cáo, mã độc gì đâu.

à ừm tới đâu rồi nhỉ? lan man ngoài đề quá…

Cách tìm theme nè:

lại google: “theme wordpress tin tức đẹp, tổng hợp theme wordpress tin tức,…”

muốn tìm các theme free thì: “theme wordpress tin tức miễn phí,…”

Còn nếu đã biết tên theme rồi thì tìm theo version (phiên bản) của nó: “Sahifa wordpress theme version 3.0.2″

trong đó sahifa là tên theme, đây là 1 theme rất đẹp về website tin tức. Các bạn có thể download tại đây: http://yeuwordpress.com/theme-wordpress/sahifa-version-3-0-2-wordpress-theme.html

7 shortcode hữu ích cho “dân” nghiền WordPress

Lưu ý: Hãy chắc chắn rằng những WordPress Shortcode dưới đây không bị trùng với cácWordPress Shortcode mà bạn đang sử dụng.

Hiển thị snapshot của trang web

Để hiển thị snapshot của một trang web nào đó, các bạn chỉ cần thêm đoạn code dưới đây vào trong tập tin functions.php của WordPress Theme mà bạn đang sử dụng:

 

01
02
03
04
05
06
07
08
09
10
11
12
13
14
function afublog_snap($atts$content = null) {
        extract(shortcode_atts(array(
            "snap" => 'https://s-ssl.wordpress.com/mshots/v1/',
            "url" => 'http://afublog.com',
            "alt" => 'All 4 You Blog',
            "w" => '500',
            "h" => '400' //
        ), $atts));
    $img '<img src="' $snap '' . urlencode($url) . '?w=' $w '&h=' $h '" alt="' $alt '"/>';
        return $img;
}
add_shortcode("snap""afublog_snap");

rồi sau đó chèn đoạn shortcode sau vào nơi mà bạn muốn hiển thị snapshot của trang web mà bạn yêu cầu:

1 [snap url="http://afublog.com" alt="All 4 You Blog - afublog.com" w="400" h="300"]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị snapshot của trang web có tên miền là:http://afublog.com với thông số alt là: All 4 You Blog – afublog.com. Snapshot sẽ được hiển thị với kích thước: chiều rộng là: 400px và chiều cao là: 300px.

Hiển thị nút quyên góp

Rất nhiều blogger cần sự hỗ trợ của bạn đọc về mặt tài chính để duy trì và phát triển blog. Để hiển nút quyên góp qua bằng shortcode, các bạn hãy thêm đoạn code dưới đây vào trong tập tin functions.phpcủa WordPress Theme mà bạn đang sử dụng:

Lưu ý: Đoạn code này được Dũng viết với khả năng hỗ trợ cho 2 dịch vụ lưu trữ tiền & thanh toán trực tuyến khá nối tiệng hiện nay đó là: Paypal.com và NgânLượng.vn

01
02
03
04
05
06
07
08
09
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
function afublog_donate_shortcode( $atts ) {
    extract( shortcode_atts( array(
        'url' => 'http://afublog.com',
        'taikhoan' => 'donate@afublog.com<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementById("__cf_email__");a=l.className;if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script>',
        'for' => 'All 4 You Blog',
        'sotien' => '5000',
        'dichvu' => 'paypal',
        'text' => ''
    ), $atts)); 
    if$dichvu == 'nganluong' )    return '<a href="https://www.nganluong.vn/button_payment.php?receiver=' $taikhoan .'&amp;product_name=Ủng hộ cho ' $for '&amp;price=' $sotien '&amp;return_url=' $url '&amp;comments=Ủng hộ cho ' $for .'" target="_blank"><img border="0" src="https://www.nganluong.vn/data/images/buttons/13.gif"></a>';
    else
    {
        global $post;
        if ( !$for )    $for str_replace" ""+"$post -> post_title );
        if$text != NULL ) return '<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business='.$taikhoan.'&item_name=Ung+ho+cho+'.$for.'" target="_blank">'.$text.'</a>';
        else    return '<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business='.$taikhoan.'&item_name=Ung+ho+cho+'.$for.'" target="_blank"><img src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" alt="Ủng hộ qua Paypal"></a>';
    }
}
add_shortcode('donate''afublog_donate_shortcode');

rồi sau đó chèn đoạn shortcode sau vào nơi mà bạn muốn hiển thị nút quyên góp:

– Để hiển thị nút quyên góp qua Paypal.com, các bạn hãy chèn đoạn shortcode sau:

1
2
3
4
5
[donate dichvu="paypal" taikhoan="paypal@afublog.com<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementById("__cf_email__");a=l.className;if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script>" text="Quyên góp cho All 4 You Blog qua Paypal" for="All 4 You Blog"]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị một nút quyên góp: Quyên góp cho All 4 You Blog qua Paypal với tài khoản Paypal sẽ nhận quyên góp là: paypal@afublog.com và có tên item trên Paypal là:Ung ho cho All 4 You Blog – afublog.com.

Ngoài ra các bạn cũng có thể trang trí cho nút quyên góp qua Paypal trên bằng cách viết CSS cho lớp paypal-donate. Dưới đây là một đoạn CSS gợi ý của All 4 You Blog. Các bạn hãy chèn đoạn code này vào trong tập tin style.css của WordPress Theme mà bạn đang sử dụng:

1
2
3
4
5
6
7
8
9
.paypal-donate {
    backgroundurl("https://lh5.googleusercontent.com/-e2CrM4_SuzM/Tl93zC8NarI/AAAAAAAABNU/Ai-3YI0z7QA/s800/icon_cafe.gif"no-repeat scroll 8px50% transparent;
    border2px solid #DEEDF7;
    displayblock;
    font-weightbold;
    margin15px 0;
    padding24px 80px;
    text-aligncenter;
}

– Để hiển thị nút quyên góp qua NgânLượng.vn, các bạn hãy chèn đoạn shortcode sau:

1
2
3
4
5
[donate dichvu="nganluong" taikhoan="nganluong@afublog.com<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementById("__cf_email__");a=l.className;if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script>" for="All 4 You Blog - afublog.com" sotien="10000"]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị một nút quyên góp qua NgânLượng.vn với tài khoản NgânLượng.vn sẽ nhận quyên góp là: nganluong@afublog.com và có tên sản phẩm (product) trên NgânLượng.vn là: Ủng hộ cho All 4 You Blog – afublog.com với số tiền tối thiểu cho 1 lần quyên góp là10.000 VNĐ.

Mã hóa source code của địa chỉ email

Hiện nay có rất nhiều spam bot lùng sục trên khắp Internet để thu thập thông tin của các địa chỉ email nhằm mục đích spam thư rác. Để giúp địa chỉ email của bạn không trở thành nạn nhân của những con spam bot nói trên, các bạn hãy thêm đoạn code dưới đây vào trong tập tin functions.php của WordPress Theme mà bạn đang sử dụng:

1
2
3
4
5
function afublog_mail_shortcode( $atts $content=null ) {
    for ($i = 0; $i strlen($content); $i++) $encodedmail .= "&#" . ord($content[$i]) . ';';
    return '<a href="mailto:'.$encodedmail.'">'.$encodedmail.'</a>';
}
add_shortcode('mailto''afublog_mail_shortcode');

rồi sau đó sử dụng đoạn shortcode sau thay vì ghi trực tiếp địa chỉ email của bạn:

1
2
3
4
5
[mailto]email@afublog.com<script type="text/javascript">
/* <![CDATA[ */
(function(){try{var s,a,i,j,r,c,l=document.getElementById("__cf_email__");a=l.className;if(a){s='';r=parseInt(a.substr(0,2),16);for(j=2;a.length-j;j+=2){c=parseInt(a.substr(j,2),16)^r;s+=String.fromCharCode(c);}s=document.createTextNode(s);l.parentNode.replaceChild(s,l);}}catch(e){}})();
/* ]]> */
</script>[/mailto]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị địa chỉ email: email@afublog.com một cách bình thường mà con người có thể đọc được tuy nhiên đoạn source code của nó đã bị mã hóa. (Nhấn Ctrl+U để xem)

Tạo nội dung ẩn

Nếu bạn muốn ẩn một nội dung nào đó với bạn đọc không phải là thành viên đăng ký của blog/website của bạn, hãy thêm đoạn code dưới đây vào trong tập tin functions.php của WordPress Theme mà bạn đang sử dụng:

1
2
3
4
5
6
7
function afublog_member_check_shortcode( $atts$content = null ) {
     if ( is_user_logged_in() && !is_null$content ) && !is_feed() )
        return $content;
    return '';
}
add_shortcode( 'member''afublog_member_check_shortcode' );

rồi sau đó sử dụng đoạn shortcode sau với nội dung mà bạn muốn ẩn:

1 [member]Xin chào các bạn.[/member]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị nội dung: Xin chào các bạn. với những bạn đọc đang đăng nhập vào blog/website của bạn và ẩn nội dung: Xin chào các bạn. với bạn đọc không đăng nhập vào blog/website của bạn.

Nhúng PDF dưới dạng iframe

Để chèn nội dung tài liệu PDF vào bài viết của bạn, hãy thêm đoạn code dưới đây vào trong tập tinfunctions.php của WordPress Theme mà bạn đang sử dụng:

1
2
3
4
function afublog_viewpdf($attr$url) {
    return '';
}
add_shortcode('embedpdf''afublog_viewpdf');

rồi sau đó sử dụng đoạn shortcode dưới đây:

1 [embedpdf width="600px" height="500px"]http://infolab.stanford.edu/pub/papers/google.pdf[/embedpdf]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị nội dung của tài liệu PDF có được dẫn:http://infolab.stanford.edu/pub/papers/google.pdf với chiều rộng là: 600px và chiều cao là: 500px.

Chỉ hiện nội dung trong feed

Shortcode này sẽ cho phép bạn chỉ hiện thị một nội dung nào đó trong RSS feed của bạn. Để khai thác tính năng này, các bạn hãy thêm đoạn code dưới đây vào trong tập tin functions.php của WordPress Theme mà bạn đang sử dụng:

1
2
3
4
5
function afublog_feedonly_shortcode( $atts$content = null) {
    if (!is_feed()) return "";
    return $content;
}
add_shortcode('feedonly''afublog_feedonly_shortcode');

rồi sau đó sử dụng đoạn shortcode dưới đây:

1 [feedonly]Mã giấy phép bản quyền của bạn là: XYZ[/feedonly]

Đầu ra của đoạn shortcode trên sẽ là: Hiển thị nội dung: Mã giấy phép bản quyền của bạn là: XYZ trong RSS feed mà không hiển thị ở trong bài viết gốc.

Nhúng RSS feed

Để nhúng nội dung RSS feed vào trong bài viết của bạn, hãy thêm đoạn code dưới đây vào trong tập tinfunctions.php của WordPress Theme mà bạn đang sử dụng:

01
02
03
04
05
06
07
08
09
10
11
12
include_once(ABSPATH.WPINC.'/rss.php');
function afublog_readRss($atts) {
    extract(shortcode_atts(array(
    'feed' => 'http://feeds.feedburner.com/all4youblog',
    'num'=> '1',
    ), $atts));
    return wp_rss($feed$num);
}
add_shortcode('rss''afublog_readRss');

rồi sau đó chèn đoạn shortcode dưới đây vào nơi mà bạn muốn hiển thị nội dung RSS feed:

1
  • Lỗi: có thể dòng không tin đang không hoạt động. Hãy thử lại sau.

Thủ thuật WordPress – Cách chèn nofollow cho link menu wordpress

Một số menu không cần thiết bạn nên để Nofollow như menu : liên hệ , gửi bài viết của họcWordPress.Mục đích yêu cầu google không index những link này.Nếu bạn cũng muốn chèn nofollow cho link ở menu như trên thì hãy làm theo các bước đơn giản sau đây.Bạn cũng có thể xem cách thiết lập nofollow cho bất kì liên kết nào của wordpress .

Thêm Nofollow cho link menu wordpress

B1.Bạn cần login vào tài khoản admin của website. Và đi đến Appearance> Menu.

B2.Ở mà hình phía trên bên phải bạn thấy có dấu mũi tên Screen Option bạn click vào đó.

chen nofollow cho menu wordpress Thủ thuật WordPress – Cách chèn nofollow cho link menu wordpress

chèn nofollow cho menu wordpress

B3.Khung sổ ra bạn chọn Link Relationship (XFN)

B4. Khi thêm một Menu mới bạn add thuộc tính nofollow cho Link Relationship(XFN)

chen nofollow cho menu wordpress 2 Thủ thuật WordPress – Cách chèn nofollow cho link menu wordpress

chèn nofollow cho menu wordpress

Và cuối cùng kiểm tra lại bằng addon Seoquake check xem menu bạn đã chèn thêm thuộc tính nofollowchưa.

Thử xem menu của Học WordPress như thế nào nhé.

Các bạn có thắc mắc gì vui lòng bình luận ở dưới nhé.

[Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPress

lizatomshortcodes [Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPress

Shortcode đã được mình đề cập đến như một cách làm đẹp bài viết trong WordPress hữu hiệu và nhanh chóng nhất mà không cần phải sử dụng nhiều đoạn HTML rườm rà. Như tên gọi của nó, shortcode nhờ tính năng rút gọn các đoạn mã PHP và HTML đã được cố định sẵn để nhúng vào nhằm thực thi một đoạn mã nào đó. Dĩ nhiên nếu các bạn có nhiều kiến thức về HTML, CSS thì các bạn có thể làm được rất nhiều việc có ích đối với nó.

Hôm nay, mình sẽ giới thiệu và gửi tặng đến các bạn một bộ shortcode rất đẹp mắt và hoành tráng được gói gọn vào một plugin dùng để trang trí bài viết thêm chuyên nghiệp mà mình đã mua nó với giá $49 trên WP Market, nó có tên là Lizatom Shortcodes. Nếu cho mình một câu nói ngắn gọn để cảm nhận về nó thì mình không biết nói gì ngoài “Đáng đồng tiền bát gạo“, đáng với số tiền $47 bỏ ra.

Giới thiệu Lizatom Shortcodes

Lizatom Shortcodes là một plugin tập hợp 13 loại shortcodes chuyên nghiệp dùng để trang trí bài viết thêm đẹp mắt. Trong mỗi loại shortcodes, nó sẽ có rất nhiều tùy chọn thêm như kiểu hiển thị, đặc biệt là toàn bộ shortcode đều sử dụng jQuery và CSS3 để hiển thị nội dung thật lộng lẫy nhưng không ảnh hưởng nhiều đến tốc độ tải trang.

Hiện plugin này được bán trên trang chợ WP Market với giá $49 cho bản thông thường để sử dụng trên nhiều website và $980 cho bản full dành cho các developer với những công cụ, ứng dụng đi kèm để họ tiếp tục khai thác và phát triển.

13 loại shortcodes của Lizatom Shortcode!

Button

buttons lizatomshortcodes [Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPressHỗ trợ 4 định dạng nút  bấm khác nhau (thường, loại có ảnh thường, loại có màu, loại có ảnh màu) được sử dụng CSS3 giúp bạn có thêm phần hứng thú sử dụng các nút bấm trong blog, thích hợp với các blog cần người đọc “take action” nhiều như marketing, chia sẻ phần mềm,..v.v..Nó cũng hỗ trợ hiệu ứng đổ bóng (shadow) rất đẹp.

 

Tooltips

tooltips lizatomshortcodes [Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPressTooltips được ứng dụng rộng rãi trong việc người quản trị muốn mô tả thông tin thêm cho một từ khóa hay một đối tượng nào đó trên web bằng việc hiển thị một cửa sổ nhỏ phía trên kèm theo một vài thông tin mô tả thêm. Không cần phải làm nhiều bước rườm rà, chỉ cần upload plugin lên và active nó, bạn đã có một chức năng mô tả tooltips chuyên nghiệp như thế này. Tất nhiên nó không chỉ hỗ trợ 1 màu và 1 kiểu mà nó hỗ trợ hiển thị 13 màu khác nhau và xuất hiện ở 4 vị trí khác nhau như top, bottom, right, left, đặc biệt hơn nữa là bạn có thể chèn bất cứ gì vào nội dung mô tả như hình ảnh, video.

Image Shadows

shadows lizatomshortcodes [Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPressCó một loại shortcode mà mình chắc chắn các bạn sẽ rất ít thấy trong các plugin miễn phí đó là shortcode tạo bóng đổ cho ảnh. Với 4 kiểu bóng đổ khác nhau, mình tin rằng nó sẽ cho blog bạn một phong cách trình bày ảnh thật mới mẻ.

 

Content Info Boxes

boxes lizastomshortcodes [Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPressChắc hẳn mọi người còn nhớ các kiểu hộp thông báo mà mình đã hướng dẫn trước đó. Bây giờ bạn cảm thấy nhàm chán các kiểu hộp thông báo đó chưa? Bạn có muốn tìm thêm nhiều kiểu mới? Okay, cài plugin này vào là bạn sẽ có thêm 14 kiểu hộp thông báo khác nhau, đặc biệt, các hộp thông báo này có thêm tùy chọn ẩn hộp nếu khách không muốn nhìn thấy nó.

 

Pricing Table

pricingtable lizatomshortcode [Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPressĐây có lẽ là một tính năng rất cần thiết cho các blog chuyên giới thiệu dịch vụ hoặc làm tiếp thị liên kết vì nhu cầu trình bày sản phẩm và giá cả của nó được sử dụng nhiều. Nếu bạn cần một shortcode hiển thị bảng báo giá sản phẩm đẹp mắt và chuyên nghiệp thì bạn đừng tìm đâu xa nữa, mình dám chắc với bạn không có shortcode nào hỗ trợ bảng báo giá đẹp, gọn, nhẹ và chuyên nghiệp như vậy đâu. (kinh nghiệm chuyên lục lọi plugin shortcode của mình nói lên điều đó).

Quotes

quotes lizatomshortcode [Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPressNếu bạn thường đăng các câu trích dẫn của những châm ngôn nổi tiếng, hay một lời thoại nào đó thì tại sao lại không trang trí các lời thoại đó cho có hồn hơn nhỉ? Ý mình là hãy sử dụng một shortcode thích hợp cho nó.

 

Highlights

highlights lizatomshortcode [Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPressĐôi khi trong một văn bản ta cần bôi đỏ hay bôi xanh và bạn thích chơi trội hơn thì bôi hồng để làm nổi bật một đoạn nội dung ngắn nào đó, và đó là lý do chúng ta nên sử dụng shortcodes, tuy rằng các trình soạn thảo mở rộng như TinyMCE có hỗ trợ nhưng nếu có thì dại gì lại không dùng.

Dropcap

dropcaps lizatomshortcodes [Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPress

Dropcap được nhiều blog áp dụng như một cách trang trí phần đầu tiên của bài viết thêm nổi bật và có thẩm mỹ hơn. Ở plugin này, bạn sẽ được sử dụng 3 mẫu dropcap khác nhau với nhiều màu sắc hỗ trợ.

 

Service Box

Nghĩa là bạn sẽ chèn được một số khung văn bản kèm icon giống như thế này

servicebox lizatomshortcode [Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPressNhìn thì thấy chỉ có 6 icon thôi nhưng thực ra là không phải vậy, nó hỗ trợ tới hơn 2000 icon khác nhau để bạn có thể thoải mái lựa chọn. Nhưng nếu bạn không muốn dùng shortcode này thì cũng không sao, mặc định là gói icon sẽ được tách riêng với plugin nên bạn muốn dùng thì upload vào thư mục plugin, không thì thôi.

Tabbed Content

Nếu bạn không muốn bài viết của bạn dài ra vô tận như thế kia thì tại sao lại không sử dụng các tab như thế này để bài viết thêm gọn và khoa học hơn nhỉ.

title 1
content 1
title2
title3
title 1
content 1
title2
title3

Hic, lười viết thêm quá vì còn khoảng 4 shortcode khác nữa, nếu bạn muốn xem thêm thì vào trang demo để xem nhé.

Tải plugin

Từ trước tới giờ khi bạn download bất cứ thứ gì ở Thach Pham Blog đều bắt phải nhập email, thôi thì hôm nay cho chức năng gửi mail nó nghỉ ngơi 1 chút, các bạn có thể nhấp vào link download ở phía dưới.

[trafficblaster tracking_id=”5452-86562344768315″ theme=”green” message=”Ấn Like hoặc +1 để xem cách nhận plugin” facebook=”true” facebook_url=”” google_plus=”true” google_plus_url=”” twitter=”false” follow=”false” linkedin=”false” ]

Để nhận plugin, hãy comment phía dưới bài viết này, nhớ nhập chính xác email.

[/trafficblaster]

Hướng dẫn sử dụng

Bước 1: Cài đặt plugin như bao plugin khác.

Nếu bạn muốn sử dụng hơn 2000 icon của Service Box thì giải nén file service_icons.zip ra rồi upload 2 thư mục trong đó vào wp-content/plugins/lizatom-shortcodes/images/services/. Nếu không có thư mục services thì tự tạo thêm.

Bước 2: Khi viết bài, bạn sẽ thấy nút chèn Shortcode ngay tại khung soạn thảo

lizastomshortcodes button [Quà tặng] Lizatom Shortcodes – Bộ shortcode khủng nhất WordPressSau khi nhấp vào, các bạn chỉ cần chọn shortcode cần sử dụng và nhập nội dung vào là được

Code css, js đổi màu ảnh khi rê chuột vào

Viết bằng Css 3, pro ghé qua đừng chém em nhe

Hàng sưu tầm

Rất đơn giản nhé. Bạn chèn code này vào css, còn nếu chèn luôn cho 1 trang html nào thì nhớ để trong cặp thẻ style. Hiển thị khi bạn truy cập từ pc nhé.

1
2
3
4
5
6
7
8
@-webkit-keyframes hue
{
100% { -webkit-filter:hue-rotate(360deg); }
}
img:hover
{
-webkit-animation:hue 1s linear infinite;
}

– Khi sử dụng ban chỉ cần chèn images như bình thường là nó hiển thị nhé:
<img src=”link ảnh”>