Bình Minh SKY

Hướng dẫn sử dụng Jetpack WordPress Plugin

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhupXxLVY5sbsTZMF0auernRGjKswKOUq7tJpxBFIDiESEx2J_FUPUon-jLPMSwL7Z3M1u13BFISSVAF9I9hzUkxuLa5w3JNXJxh3wmpxvtkmGHL4uiXn8pMzjavA_7o5gy3ebcRQ2wgtEy/s1600/H%C6%B0%E1%BB%9Bng+d%E1%BA%ABn+s%E1%BB%AD+d%E1%BB%A5ng+Jetpack+WordPress+Plugin.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn sử dụng Jetpack WordPress Plugin" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhupXxLVY5sbsTZMF0auernRGjKswKOUq7tJpxBFIDiESEx2J_FUPUon-jLPMSwL7Z3M1u13BFISSVAF9I9hzUkxuLa5w3JNXJxh3wmpxvtkmGHL4uiXn8pMzjavA_7o5gy3ebcRQ2wgtEy/s1600/H%C6%B0%E1%BB%9Bng+d%E1%BA%ABn+s%E1%BB%AD+d%E1%BB%A5ng+Jetpack+WordPress+Plugin.jpg" title="Hướng dẫn sử dụng Jetpack WordPress Plugin" width="320" /></a></div>
<h2 style="clear: both; text-align: center;">
Hướng dẫn sử dụng Jetpack WordPress Plugin</h2>
<div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
<em style="box-sizing: border-box;">Jetpack WordPress Plugin</em> là một tập hợp các plugin được phát triển bởi <em style="box-sizing: border-box;">Atomattic</em> cho blog<em style="box-sizing: border-box;">WordPress.com</em>, nhưng bây giờ, nó có sẵn cho các blog sử dụng mã nguồn của <em style="box-sizing: border-box;">WordPress.org</em>. <em style="box-sizing: border-box;">Jetpack</em>sẽ bao gồm nhiều plugin nhỏ, đáp ứng được hầu hết nhu cầu của bạn. Theo văn bản này, Jetpack đã tồn tại khoảng 3 năm và đã phát triển từ một vài đến 32 tính năng riêng biệt, tất cả đều miễn phí trừ<em style="box-sizing: border-box;">VaultPpress</em>.</div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
<em style="box-sizing: border-box;">Jetpack</em> kết hợp một số plugin tốt nhất của Automattic WordPress từng được sử dụng như những plugin riêng biệt <em style="box-sizing: border-box;">Sharedaddy</em>, <span style="box-sizing: border-box; color: #3b3b3b;"><em style="box-sizing: border-box;">Grunion Contact Forms</em>, <em style="box-sizing: border-box;">Wicket Twitter Widget</em>, <em style="box-sizing: border-box;">After the Deadline</em> và <em style="box-sizing: border-box;">WP LaTeX</em>.</span></div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
<em style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">Jetpack WordPress Plugin Modules</span></em></div>
<ul style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin: 0px 0px 26px 40px; padding: 0px;">
<li style="box-sizing: border-box; list-style-type: disc;">Worpress.com Stats – Thống kê số liệu trang web.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Publicize – Kết nối trang web của bạn với các mạng xã hội phổ biến và tự động chia sẻ bài viết mới với bạn bè.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Notifications – Theo dõi và quản lý hoạt động của trang web thông qua các thông báo trên thanh công cụ và trên WordPress.com.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Jetpack Comments – Một hệ thống bình luận mới được tích hợp tùy chọn đăng nhập bằng tài khoản mạng xã hội.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Subscriptions – Cho phép người dùng subscribe bài viết và bình luận để nhận được thông báo qua email.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Post by Email – Đăng bài viết lên blog của bạn trực tiếp từ tài khoản email cá nhân của bạn.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Likes – Like là một cách để mọi người thể hiện sự đánh giá cao đối với nội dung bạn đã viết. Nó cũng là một cách để bạn cho cả thế giới nội dung của bạn đã trở nên phổ biến như thế nào.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Carousel – Chuyển đổi gallery hình ảnh tiêu chuẩn của bạn thành một trải nghiệm toàn màn hình (full screen).</li>
<li style="box-sizing: border-box; list-style-type: disc;">Related Posts – Hiển thị các liên kết đến nội dung có liên quan dưới bài viết của bạn.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Sharing – Các công cụ chia sẻ <em style="box-sizing: border-box;">super Duper</em> nhất trên <em style="box-sizing: border-box;">interwebs</em>. Chia sẻ nội dung với Facebook, Twitter và các mạng xã hội khác.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Spelling and Grammar – Cải thiện chính tả, phong cách và ngữ pháp với dịch vụ <em style="box-sizing: border-box;">After the Deadline Proofreading</em>.</li>
<li style="box-sizing: border-box; list-style-type: disc;">VaultPress – Sao lưu thời gian thực và quét bảo mật cho trang web WordPress của bạn.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Omnisearch – Một hộp tìm kiếm đơn giản, cho phép bạn tìm kiếm nhiều thứ khác nhau.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Gravatar Hovercards – Hiển thị một danh thiếp <em style="box-sizing: border-box;">pop-up</em> ảnh đại diện của người dùng trong bình luận.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Contact Form – Dễ dàng chèn một biểu mẫu liên lạc vào bất cứ nơi nào trên trang web của bạn.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Google+ Profile – Hiển thị một liên kết đến tài khoản Google+ của bạn trong khu vực chia sẻ bài viết và thêm URL blog của bạn vào tiểu sử trên Google+.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Tiled Galleries – Tạo ra một <em style="box-sizing: border-box;">elegant magazine style</em> khảm thanh lịch cho bức ảnh của bạn mà không cần sử dụng một trình soạn thảo đồ họa từ bên ngoài.</li>
<li style="box-sizing: border-box; list-style-type: disc;">WP.me Shortlinks – Kích hoạt WP.me Shortlinks cho tất cả các bài viết và trang của bạn để chia sẻ dễ dàng hơn.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Widget Visibility – Kiểm soát sự xuất hiện của các widget trên blog của bạn.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Shortcode Embeds – Dễ dàng nhúng video và nhiều thứ hơn nữa từ các trang web như YouTube, Vimeo và SlideShare.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Custom CSS – Tùy chỉnh giao diện của trang web của bạn sử dụng CSS nhưng không làm thay đổi theme của bạn.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Mobile Theme – Tự động tối ưu hóa trang web của bạn cho các thiết bị di động.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Markdown – Viết trong Markdown, xuất bản trong HTML.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Beautiful Math – Đánh dấu bài viết của bạn với ngôn ngữ đánh dấu <em style="box-sizing: border-box;">LaTeX logo</em>, nó là hoàn hảo cho các phương trình toán học phức tạp và über-geekery khác.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Extra Sidebar Widgets – Dễ dàng thêm hình ảnh, cập nhật Twitter, và các liên kết RSS của trang web vào sidebar của bạn.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Infinite Scroll – Tự động tải các bài viết tiếp theo khi người đọc kéo xuống dưới cùng của trang.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Photon – Tăng tốc tải hình ảnh từ WordPress.com CDN.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Jetpack Single Sign On – Cho phép người dùng đăng nhập bằng <em style="box-sizing: border-box;">WordPress.com Credentials</em> của họ.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Monitor – Jetpack Monitor sẽ kiểm tra các tab trên trang web của bạn và cảnh báo cho bạn khi downtime được phát hiện.</li>
<li style="box-sizing: border-box; list-style-type: disc;">VideoPress – Có thể đây là cách dễ nhất để tải lên video đẹp cho blog của bạn.</li>
<li style="box-sizing: border-box; list-style-type: disc;">Enhanced Distribution – Chia sẻ bài viết công khai và bình luận của bạn lên các công cụ tìm kiếm và các dịch vụ khác trong thời gian thực.</li>
<li style="box-sizing: border-box; list-style-type: disc;">JSON API – Cho phép các ứng dụng truy cập an toàn vào các nội dung của bạn thông qua các đám mây.</li>
</ul>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
<em style="box-sizing: border-box;"><span style="box-sizing: border-box; font-weight: 700;">Cài đặt và sử dụng Jetpack WordPress Plugin</span></em></div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
Bạn có thể cài đặt Jetpack giống như bất kỳ WordPress plugin nào khác từ WordPress Dashboards của bạn bằng cách sử dụng <em style="box-sizing: border-box;">Plugins</em> => <em style="box-sizing: border-box;">Add New</em>. Tiếp theo, hãy kích hoạt plugin.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQqJ6nklIsdnKcTH2ntPXAb2FzYoVYejU60bcMvFJKPVmVUgMqXr8uIJEmC7KS5h7Z4gyTwI4puFQSMXy9VHZ42W48OWbhHcaF721CyZ5rt5zgJzrBah3lWO3Wg72KXqOYOu0eXHuiiZUR/s1600/Connect-Jetpack-Plugin-To-WordPress.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn sử dụng Jetpack WordPress Plugin" border="0" height="206" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhQqJ6nklIsdnKcTH2ntPXAb2FzYoVYejU60bcMvFJKPVmVUgMqXr8uIJEmC7KS5h7Z4gyTwI4puFQSMXy9VHZ42W48OWbhHcaF721CyZ5rt5zgJzrBah3lWO3Wg72KXqOYOu0eXHuiiZUR/s1600/Connect-Jetpack-Plugin-To-WordPress.jpg" title="Hướng dẫn sử dụng Jetpack WordPress Plugin" width="640" /></a></div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
</div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
Sau đó, để sử dụng Jetpack, trước tiên bạn sẽ cần phải bấm vào nút màu xanh lá cây có dòng chữ “<em style="box-sizing: border-box;">Connect to WordPress.com</em>” để kết nối với tài khoản Jetpack của bạn tại WordPress.com. Nếu bạn không có, bạn có thể tạo một tài khoản trong quá trình kết nối.</div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
Sau khi kết nối thành công, bạn sẽ thấy một màn hình với tất cả 32 module (tính đến 12/5/2014).  Một số trong số chúng cần phải được kích hoạt và thiết lập cấu hình. Để kích hoạt module, bấm vào “<em style="box-sizing: border-box;">Activate</em>“, để thiết lập cấu hình, bấm vào “<em style="box-sizing: border-box;">Configure</em>“.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitrSqAxBdQEEwPuj_2RAXIeX3WxuD0-hLOJenM9QgKEY2xwTQh3yF2pA177_HpOs5AYt1JbbyCtedOqcqzHQwTso3HTNrz4Vj6UhvlOzxPLWwssFPmuk3JTBgVNeRQ0IVMeE6uFsLpB-Nw/s1600/Jetpack-Wordpress-Plugin-Features-625.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn sử dụng Jetpack WordPress Plugin" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitrSqAxBdQEEwPuj_2RAXIeX3WxuD0-hLOJenM9QgKEY2xwTQh3yF2pA177_HpOs5AYt1JbbyCtedOqcqzHQwTso3HTNrz4Vj6UhvlOzxPLWwssFPmuk3JTBgVNeRQ0IVMeE6uFsLpB-Nw/s1600/Jetpack-Wordpress-Plugin-Features-625.png" title="Hướng dẫn sử dụng Jetpack WordPress Plugin" /></a></div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
</div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
Trên đây là ảnh chụp một số module mà <em style="box-sizing: border-box;">eBooksvn.com</em> đang sử dụng. Nếu bạn quyết định bạn không sử dụng một tính năng nào đó, tốt hơn hết là hãy tắt nó đi. Bạn có thể tắt nó bằng cách bấm vào nút “<em style="box-sizing: border-box;">Learn More</em>“. Nút “<em style="box-sizing: border-box;">Configure</em>” sẽ chuyển thành “<em style="box-sizing: border-box;">Deactivate</em>” hoặc nút “<em style="box-sizing: border-box;">Deactivate</em>” sẽ xuất hiện. Bấm vào “<em style="box-sizing: border-box;">Deactivate</em>” và module đó sẽ không còn được kích hoạt nữa.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJchLtrAgxBKj8nqOVcNkr4aEo_pPdQC3GFzdPQUKBnJM4UxDzYdGk_wlxe7lvHwFIKYvRyzHXFY-HlXMKz9jy-pMmkILTMR-Wn2kvV2wXXY6XljMdN-2byzTyRe-g6pNP1q-n9uF1reHH/s1600/Deactivate-Jetpack-Plugin-Module.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn sử dụng Jetpack WordPress Plugin" border="0" height="332" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJchLtrAgxBKj8nqOVcNkr4aEo_pPdQC3GFzdPQUKBnJM4UxDzYdGk_wlxe7lvHwFIKYvRyzHXFY-HlXMKz9jy-pMmkILTMR-Wn2kvV2wXXY6XljMdN-2byzTyRe-g6pNP1q-n9uF1reHH/s1600/Deactivate-Jetpack-Plugin-Module.png" title="Hướng dẫn sử dụng Jetpack WordPress Plugin" width="640" /></a></div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
</div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
Có vẻ như Jetpack không phải luôn luôn tự động kích hoạt các module mới, đặc biệt là những module có thể gây ra vấn đề cho blog của bạn, vì vậy hãy kiểm tra bảng điều khiển Jetpack để kích hoạt các tính năng mới bất cứ khi nào bạn cập nhật nó. Jetpack là một WordPress plugin giá trị, giúp bạn bổ sung các tính năng cần thiết cho blog/website của mình mà không cần cài quá nhiều plugin. Theo tôi nghĩ, nó là một plugin tuyệt vời. <img alt=":P" class="lazy wp-smiley data-lazy-ready" data-lazy-src="https://ebooksvn.com/wp-includes/images/smilies/icon_razz.gif" data-lazy-type="image" src="https://ebooksvn.com/wp-includes/images/smilies/icon_razz.gif" style="border: 0px; box-sizing: border-box; display: inline; height: auto; max-width: 100%;" /></div>
<div style="background-color: white; box-sizing: border-box; color: #222222; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 26px; margin-bottom: 26px; padding: 0px;">
<em style="box-sizing: border-box;">Trên đây là tổng quan về plugin Jetpack, nếu có bất cứ thắc mắc gì, bạn có thể hỏi tôi trong khung bình luận bên dưới. Và nếu bạn thích bài viết này, đừng quên chia sẻ nó với bạn bè. Cảm ơn rất nhiều. <img alt=":)" class="lazy wp-smiley data-lazy-ready" data-lazy-src="https://ebooksvn.com/wp-includes/images/smilies/icon_smile.gif" data-lazy-type="image" src="https://ebooksvn.com/wp-includes/images/smilies/icon_smile.gif" style="border: 0px; box-sizing: border-box; display: inline; height: auto; max-width: 100%;" /></em></div>
</div>
Nguồn:https://ebooksvn.com

Hướng dẫn sử dụng Jetpack WordPress Plugin

Hướng dẫn sử dụng Jetpack WordPress Plugin Jetpack WordPress Plugin là một tập hợp các plugin được phát triển bởi Atomattic cho blo...

Hướng dẫn tạo trang liên hệ với Contact Form 7

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbJdvRzVslGiAunhJANiPbniNEcIEaQ6apbRNSs9v5wZfviDEk3HgSOYY7DYSx-AR38c9tWNITcNww34hR6UDHgKcWcbfRe21cXOjw_nb2LSJr_B5wM93LQ3aQDn4LkOBGWfRNY3HBAl7M/s1600/H%C6%B0%E1%BB%9Bng+d%E1%BA%ABn+t%E1%BA%A1o+trang+li%C3%AAn+h%E1%BB%87+v%E1%BB%9Bi+Contact+Form+7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbJdvRzVslGiAunhJANiPbniNEcIEaQ6apbRNSs9v5wZfviDEk3HgSOYY7DYSx-AR38c9tWNITcNww34hR6UDHgKcWcbfRe21cXOjw_nb2LSJr_B5wM93LQ3aQDn4LkOBGWfRNY3HBAl7M/s1600/H%C6%B0%E1%BB%9Bng+d%E1%BA%ABn+t%E1%BA%A1o+trang+li%C3%AAn+h%E1%BB%87+v%E1%BB%9Bi+Contact+Form+7.jpg" width="400" /></a></div>
<h2 style="text-align: center;">
Hướng dẫn tạo trang liên hệ với Contact Form 7</h2>
<div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Nhìn chung nó cũng rất chuyên nghiệp và dễ sử dụng, tuy nhiên có khá vấn đề bất cập nếu bạn làm theo cách này bởi vì đầu tiên là bạn cần phải <span style="box-sizing: border-box; font-weight: 700;">cài plugin</span> JetPack, thứ hai là nó khó tuỳ biến nếu bạn có nhiều kiến thức về PHP, jQuery, HTML, CSS,….</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Do vậy, mình sẽ cho bạn một giải pháp tạo form chuyên nghiệp hơn mà lại dễ dàng tuỳ biến, đó chính là dùng plugin chuyên tạo form <span style="box-sizing: border-box; font-weight: 700;">hoàn toàn miễn phí</span> mang tên <a href="http://wordpress.org/plugins/contact-form-7/" rel="external nofollow" style="background: 0px 0px; box-sizing: border-box; color: #2a6496; text-decoration: none;" target="_blank" title="Plugin Contact Form 7"><span style="box-sizing: border-box; font-weight: 700;">Contact Form 7</span></a>. Plugin này hiện tại được đánh giá là plugin tạo form có khả năng <span style="box-sizing: border-box; font-weight: 700;">tuỳ biến vượt trội</span> và nó có thể phục vụ được một số việc mà những plugin trả phí có khi không làm được. Mình sẽ hướng dẫn nhiều cách tuỳ biến với form này sau.</div>
<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="allowfullscreen" frameborder="0" height="266" mozallowfullscreen="mozallowfullscreen" src="https://www.youtube.com/embed/txry_pf4qio?feature=player_embedded" webkitallowfullscreen="webkitallowfullscreen" width="320"></iframe></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
<br /></div>
<h3 style="background-color: white; border-left-color: rgb(59, 153, 194); border-left-style: solid; border-left-width: 5px; box-sizing: border-box; color: #333333; font-family: Arial, sans-serif; font-size: 21px !important; line-height: 1.1; margin: 1em 0px; padding-left: 15px;">
Cài đặt plugin Contact Form 7</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Các bạn tiến hành cài plugin Contact Form 7 như thông thường và kích hoạt để sử dụng.</div>
<h3 style="background-color: white; border-left-color: rgb(59, 153, 194); border-left-style: solid; border-left-width: 5px; box-sizing: border-box; color: #333333; font-family: Arial, sans-serif; font-size: 21px !important; line-height: 1.1; margin: 1em 0px; padding-left: 15px;">
Hướng dẫn tạo form với Contact Form 7</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Để tạo form, bạn vào mục <span style="box-sizing: border-box; font-weight: 700;">Form -> Add New</span> trên menu</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhocXO3c0_NFc32v4w97Qjwk2krqWG271RIoN-YOpcBOx1fKXzF6IX37Mk_2ujzByhk_29rV8rHj0Ra2C_Ji8GsiCFRKGCy_jH1AAaXG5d4AGeakTF5plYLmCTO1RiuSjgHgi05ycqNv5uQ/s1600/contact-form-7-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhocXO3c0_NFc32v4w97Qjwk2krqWG271RIoN-YOpcBOx1fKXzF6IX37Mk_2ujzByhk_29rV8rHj0Ra2C_Ji8GsiCFRKGCy_jH1AAaXG5d4AGeakTF5plYLmCTO1RiuSjgHgi05ycqNv5uQ/s1600/contact-form-7-1.jpg" /></a></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Tại đây bạn có 2 tuỳ chọn tạo form. Một là tạo form với ngôn ngữ mặc định tương ứng với gói ngôn ngữ WordPress bạn đang dùng, hai là tạo form với gói ngôn ngữ tuỳ chọn mà bạn có thể chọn bên dưới.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Sau khi ấn nút tạo form, bạn sẽ có được cửa sổ như sau:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkG_VIqTbN0PXCpD6rDN8bOGMYNqmPoID7mcXZJcOA_sDGrSgZHmeOmev-c2D-JAIanuwuIxb2DT5w4cf2dLyZEis-r21PSGHxvmZ6-I6EhFgK7L1XOm8db9ykNdCyH6dw9uh-SphKxflD/s1600/contact-form-7-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="359" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkG_VIqTbN0PXCpD6rDN8bOGMYNqmPoID7mcXZJcOA_sDGrSgZHmeOmev-c2D-JAIanuwuIxb2DT5w4cf2dLyZEis-r21PSGHxvmZ6-I6EhFgK7L1XOm8db9ykNdCyH6dw9uh-SphKxflD/s1600/contact-form-7-2.jpg" width="640" /></a></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Okey, để ý bên tay trái là những field mặc định họ tạo sẵn. Bên phải bạn sẽ thấy nút <span style="box-sizing: border-box; font-weight: 700;">Generate Tag</span>, ở đây bạn sẽ chọn kiểu field mà plugin này hỗ trợ tạo. Hiện tại nó có một số field như sau mà mình sẽ giải thích kỹ ngay đây:</div>
<ul style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 10px; margin-top: 0px;">
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Text field:</span> Trường dùng để bạn nhập text thông thường, thích hợp tạo field nhập tên, tiêu đề liên hệ,…..</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Email:</span> Trường đặc biệt dùng để khách nhập email của họ vào, lúc đó các hệ thống email sẽ hiểu rằng đây là email của người liên hệ để bạn ấn reply nhanh chóng.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">URL</span>: Trường dùng để nhập liên kết.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Telephone Number</span>: Một trường đặc biệt để nhập số điện thoại.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Number (spinbox):</span> Trường nhập số có thêm tính năng tạo nút tăng/giảm số.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Number (slider)</span>: Trường chọn số đặc biệt, chọn theo kiểu kéo slide, kéo qua phải thì số tăng và kéo qua trái thì số giảm.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Date</span>: Trường riêng biệt để chọn ngày tháng, có tích hợp thêm tính năng chọn theo lịch.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Text area</span>: Trường để nhập text, nhưng khung text to hơn. Thích hợp để làm form nhập nội dung liên hệ.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Dropdown menu</span>: Trường chọn giá trị được định sẵn thông qua menu đổ xuống.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Checkboxes</span>: Trường chọn giá trị định sẵn thông qua việc đánh dấu.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Radio buttons</span>: Cũng là trường đánh dấu giá trị có sẵn nhưng chỉ được chọn 1.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Quiz</span>: Trường nhập nội dung theo kiểu quiz.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">CAPTCHA</span>: Trường nhập mã captcha kiểm tra, nếu nhập đúng thì mới có thể gửi form.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">File upload</span>: Trường cho phép upload tập tin khi gửi liên hệ qua form này.</li>
<li style="box-sizing: border-box; margin: 4px 0px;"><span style="box-sizing: border-box; font-weight: 700;">Submit button</span>: Chèn nút gửi form.</li>
</ul>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Quá nhiều lựa chọn phải không? Nhưng nhiêu đó chưa hết đâu, còn có thêm một số plugin hỗ trợ thêm nhiều loại field khác nữa mà mình sẽ đề cập ở một bài khác.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Để thêm một field bất kỳ, bạn ấn vào nút <span style="box-sizing: border-box; font-weight: 700;">Generate Tag</span> bên tay phải và chọn kiểu field cần tạo, khi ấn vào nó sẽ sổ ra bảng giá trị của field mà bạn có thể nhập (nếu hiểu) hoặc bỏ trống.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Sau khi chỉnh xong phần field, bạn có thể copy đoạn <a href="http://thachpham.com/wordpress/wordpress-development/cach-tao-shortcode-tu-a-toi-z.html" style="background: 0px 0px; box-sizing: border-box; color: #2a6496; text-decoration: none;" title="shortcode"><span style="box-sizing: border-box; font-weight: 700;">shortcode</span></a> bên trong khung màu nâu bỏ vào phần form bên tay trái. Bạn nên chèn theo kiểu như sau:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFzBcWMTKIwJZGmH9FEEttGu_e9PUxotjyiHyckuQ-TW06XqwoDOJxXaxWWZ2DSU_wA-VedB3pQhNrJGWByKMoQ3lxIYyY6JFAs4ezVmYXuE2TV5whKTaWLH7cRKZ6KNTrspg4VW6KtFoe/s1600/contact-form-7-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="508" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFzBcWMTKIwJZGmH9FEEttGu_e9PUxotjyiHyckuQ-TW06XqwoDOJxXaxWWZ2DSU_wA-VedB3pQhNrJGWByKMoQ3lxIYyY6JFAs4ezVmYXuE2TV5whKTaWLH7cRKZ6KNTrspg4VW6KtFoe/s1600/contact-form-7-3.jpg" width="640" /></a></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px;">
<div class="syntaxhighlighter  xml" id="highlighter_829299" style="box-sizing: border-box; font-size: 1em !important; margin: 1em 0px !important; overflow-x: auto !important; overflow-y: hidden !important; position: relative !important; width: 776.25px;">
<table border="0" cellpadding="0" cellspacing="0" style="-webkit-box-shadow: none !important; background: none !important; border-collapse: collapse; border-radius: 0px !important; border-spacing: 0px; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; max-width: 100%; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 776px;"><tbody style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<tr style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><td class="gutter" style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(175, 175, 175) !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><div class="line number1 index0 alt2" style="-webkit-box-shadow: none !important; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
01</div>
<div class="line number2 index1 alt1" style="-webkit-box-shadow: none !important; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border-right-color: rgb(108, 226, 108) !important; border-right-style: solid !important; border-width: 0px 3px 0px 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 0.5em 0px 1em !important; position: static !important; right: auto !important; text-align: right !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
02</div>
</td><td class="code" style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: 731px;"><div class="container" style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: relative !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">
<div class="line number1 index0 alt2" style="-webkit-box-shadow: none !important; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="xml plain" style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;"><</code><code class="xml keyword" style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">p</code><code class="xml plain" style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">>Tiêu đề của field (Tên của bạn)<</code><code class="xml keyword" style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">br</code> <code class="xml plain" style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">/></code></div>
<div class="line number2 index1 alt1" style="-webkit-box-shadow: none !important; background-attachment: initial !important; background-clip: initial !important; background-image: none !important; background-origin: initial !important; background-position: initial !important; background-repeat: initial !important; background-size: initial !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; float: none !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px 1em !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; white-space: pre !important; width: auto !important;">
<code class="xml plain" style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">[shortcode-cua-form] <</code><code class="xml keyword" style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; color: rgb(0, 102, 153) !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; font-weight: bold !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">p</code><code class="xml plain" style="-webkit-box-shadow: none !important; background: none !important; border-radius: 0px !important; border: 0px !important; bottom: auto !important; box-shadow: none !important; box-sizing: content-box !important; direction: ltr !important; display: inline !important; float: none !important; font-family: Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; height: auto !important; left: auto !important; line-height: 1.1em !important; margin: 0px !important; outline: 0px !important; overflow: visible !important; padding: 0px !important; position: static !important; right: auto !important; top: auto !important; vertical-align: baseline !important; width: auto !important;">></code></div>
</div>
</td></tr>
</tbody></table>
</div>
</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Bạn có thể thấy là mặc định họ cũng làm như thế, bởi vì làm như cách trên thì <span style="box-sizing: border-box; font-weight: 700;">field của bạn sẽ có một cái tiêu đề nằm phía trên</span> và <span style="box-sizing: border-box; font-weight: 700;">phía dưới là field để nhập</span>. Nhưng mà, bạn cũng có thể chỉnh theo kiểu gì đó mà bạn thích.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Song song với lúc đó, bạn cũng cần <span style="box-sizing: border-box; font-weight: 700;">copy field trong khung màu xanh lá</span> cây bỏ vào khung <span style="box-sizing: border-box; font-weight: 700;"><em style="box-sizing: border-box;">Message body</em>của khung Mail</span> phía bên dưới. Khung này có ý nghĩa là cài đặt mẫu các thư liên hệ mà khách gửi cho bạn qua form này. Nếu bạn không copy field màu xanh bỏ vào khung bên phải của phần Mail thì bạn sẽ không thể thấy nội dung mà khách nhập vào trong field đó.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE7ylNMDhlMibeMVKTqyu_5z52tJJNl0jFVMKJVnM9JroGump7k9dMKHnCQ2_jdx-dbB_wFNVuztcJnLkbFwwmTv5Dsn3n2xe2b-Bbt8UGdsrN9RfbIuPdGs84jxaaH3s0aYbLYRaO2yPz/s1600/contact-form-7-4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="444" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE7ylNMDhlMibeMVKTqyu_5z52tJJNl0jFVMKJVnM9JroGump7k9dMKHnCQ2_jdx-dbB_wFNVuztcJnLkbFwwmTv5Dsn3n2xe2b-Bbt8UGdsrN9RfbIuPdGs84jxaaH3s0aYbLYRaO2yPz/s1600/contact-form-7-4.jpg" width="640" /></a></div>
<br />
<figure class="wp-caption aligncenter" id="attachment_12362" style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin: 5px auto; max-width: 96%; padding: 5px 3px 10px; position: relative; text-align: center; width: 595px;"><figcaption class="wp-caption-text" style="background: rgba(3, 3, 3, 0.760784); bottom: 0em; box-sizing: border-box; color: white; padding: 15px 5px; position: absolute;">Copy shortcode khung màu xanh bỏ vào Message body của Mail</figcaption></figure><br />
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Sau khi chỉnh xong, nhớ ấn nút Save.</div>
<h3 style="background-color: white; border-left-color: rgb(59, 153, 194); border-left-style: solid; border-left-width: 5px; box-sizing: border-box; color: #333333; font-family: Arial, sans-serif; font-size: 21px !important; line-height: 1.1; margin: 1em 0px; padding-left: 15px;">
3. Chèn form vào Post/Page</h3>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Cách chèn cực kỳ đơn giản, chỉ cần copy shortcode trong khung màu nâu ngay bên dưới tiêu đề form.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSptziBN4vxxKfXlbn4fHBm3fwrO8TRh7a_PzEGDT47Wo5kCwFV7BFGcB-hgkOYYu3F4c4rsJAuTEZPYN0CCZHhL-QnMwykZyXrdwC4D5-3JyvPoUihkgKWyL3HXtJJwHV7mGywEKYCefl/s1600/contact-form-7-5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="228" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjSptziBN4vxxKfXlbn4fHBm3fwrO8TRh7a_PzEGDT47Wo5kCwFV7BFGcB-hgkOYYu3F4c4rsJAuTEZPYN0CCZHhL-QnMwykZyXrdwC4D5-3JyvPoUihkgKWyL3HXtJJwHV7mGywEKYCefl/s1600/contact-form-7-5.jpg" width="640" /></a></div>
<br />
<figure class="wp-caption aligncenter" id="attachment_12363" style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin: 5px auto; max-width: 96%; padding: 5px 3px 10px; position: relative; text-align: center; width: 429px;"><figcaption class="wp-caption-text" style="background: rgba(3, 3, 3, 0.760784); bottom: 0em; box-sizing: border-box; color: white; padding: 15px 5px; position: absolute;">Copy đoạn shortcode của form</figcaption></figure><br />
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Và copy vào nội dung của post/page.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicHdxyk0mjnshBLxP2GSJ-ylQHNJKMK2LGiq0BW83Pfus2r7IR-IDOkxmY9HOk1NtJUxOnw_WZhfPeIwszkthQZpDusnaCl4V2TQ-3sloxHwIgD2ewDdkCCqRl-eSnsgWbF0j9sD68Cc6u/s1600/contact-form-7-6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="452" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicHdxyk0mjnshBLxP2GSJ-ylQHNJKMK2LGiq0BW83Pfus2r7IR-IDOkxmY9HOk1NtJUxOnw_WZhfPeIwszkthQZpDusnaCl4V2TQ-3sloxHwIgD2ewDdkCCqRl-eSnsgWbF0j9sD68Cc6u/s1600/contact-form-7-6.jpg" width="640" /></a></div>
<br />
<figure class="wp-caption aligncenter" id="attachment_12364" style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin: 5px auto; max-width: 96%; padding: 5px 3px 10px; position: relative; text-align: center; width: 526px;"><figcaption class="wp-caption-text" style="background: rgba(3, 3, 3, 0.760784); bottom: 0em; box-sizing: border-box; color: white; padding: 15px 5px; position: absolute;">Paste shortcode của form vào nội dung post/page</figcaption></figure><br />
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Và bạn sẽ có kết quả</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmQCSuO1M6BbVbcZy0RCMb56DmOns6Cpp1yXM0exNjiAfjuXrDEgGQHbkZwJ3l6Uh9sSkH6ci6EvdTwzXQazR0XxOfk2BPJZPLXQU_jCR6jl1XocfkJ8I9QnaAfcOfcC3bUslturgChuyH/s1600/contact-form-7-7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmQCSuO1M6BbVbcZy0RCMb56DmOns6Cpp1yXM0exNjiAfjuXrDEgGQHbkZwJ3l6Uh9sSkH6ci6EvdTwzXQazR0XxOfk2BPJZPLXQU_jCR6jl1XocfkJ8I9QnaAfcOfcC3bUslturgChuyH/s1600/contact-form-7-7.jpg" /></a></div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Rất tuyệt phải không nào. Hãy nhớ rằng bạn có thể sử dụng form này cho bất cứ việc gì mà bạn muốn.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
Nếu bạn cần xem thêm bài hướng dẫn tuỳ biến Contact Form 7 của mình, hãy xem các bài viết tại tag Contact Form 7 của mình nhé. Đừng quên gửi comment đặt câu hỏi nếu bạn còn thắc mắc.</div>
<div style="background-color: white; box-sizing: border-box; color: #333333; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 16px; line-height: 27px; margin-bottom: 27px;">
nguồn: thachpham.com</div>
</div>

Hướng dẫn tạo trang liên hệ với Contact Form 7

Hướng dẫn tạo trang liên hệ với Contact Form 7 Nhìn chung nó cũng rất chuyên nghiệp và dễ sử dụng, tuy nhiên có khá vấn đề bất cập nếu...

Hướng dẫn chống spam Wordpress bằng Akismet Plugin

<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg91d4zgB-RyROFCOP9yGlEYFscaS1wV_TSoL08fD5WCyZzzXo60HLOazw7_wEfKrqCkTY3oJyT3uS63Vi5r22oV6eRAijdtOII_SoRCSFwTbSkPIYBtljjZkD3Cezo23hSUybYk5Nrh9rU/s1600/akismet-mencegah-spam-wordpress.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg91d4zgB-RyROFCOP9yGlEYFscaS1wV_TSoL08fD5WCyZzzXo60HLOazw7_wEfKrqCkTY3oJyT3uS63Vi5r22oV6eRAijdtOII_SoRCSFwTbSkPIYBtljjZkD3Cezo23hSUybYk5Nrh9rU/s1600/akismet-mencegah-spam-wordpress.png" title="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" /></a></div>
<h2 style="text-align: center;">
Hướng dẫn chống spam Wordpress bằng Akismet Plugin</h2>
<div>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<span style="border: 0px; color: #222222; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Làm sao để chống spam trong WordPress?</strong> Câu hỏi này được đặt ra khi WordPress ngày càng là làm mã nguồn mở #1 trên thế giới, vì thế việc nằm trong tầm ngắm của các tin tặc hay các spammer trên toàn cầm là điều hiển nhiên.Nếu để ý, khi bạn vừa cài xong WordPress thì  bạn có thể sẽ được các spammer ghé thăm ngay lập tức và được họ “comment” bằng tiếng Anh, ôi thế site tiếng Việt thì trộn tiếng Anh vào thì khác gì bãi rác. Điều này ảnh hưởng xấu đến thứ hạng công cụ tìm kiếm, bảo mật và làm mất thời gian của bạn do phải xóa comment, và nếu lặp đi lặp lại tình trạng này có thể sẽ khiến bạn mặc một số bệnh nguy hiểm.<strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Vậy chặn spam bằng cách nào?</strong>  Akismet – Công cụ chặn spam tốt nhất hiện nay, đây là plugin mà WordPress đã ban tặng cho bạn đi kèm với gói cài đặt WordPress xong, chúng ta cùng đi tìm hiểu về plugin này.</span></div>
<h2 style="background-color: white; border: 0px; color: #222222; font-family: Arial; font-size: 20px; font-stretch: inherit; font-weight: normal; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; text-transform: capitalize; vertical-align: baseline;">
Akismet Là Cái Quái Gì?</h2>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Là một plugin thành lập vào ngày 25/10/2005 tính đến nay. Theo con số thống kê trong thư viện plugin của WordPress, <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Akismet</strong> là một trong những plugin được mọi người tải nhiều nhất, được xếp hạng ở vị trí hàng đầu với hơn 20 triệu lượt tải về.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIH_k0E15I3BeOWcrTofMk9n5VEAoEMxZPJVPY1daxV0GIRmE481RSiv92Xt3Aq7gJZZBZKHoR37EQ2xjNOuQV71pK6MKVnldnxHMaljNGGoh9-zIz5PAgeoO5pu904t8mBWKfZ68G9_gH/s1600/akismet-wordpress-plugin.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIH_k0E15I3BeOWcrTofMk9n5VEAoEMxZPJVPY1daxV0GIRmE481RSiv92Xt3Aq7gJZZBZKHoR37EQ2xjNOuQV71pK6MKVnldnxHMaljNGGoh9-zIz5PAgeoO5pu904t8mBWKfZ68G9_gH/s1600/akismet-wordpress-plugin.png" title="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" /></a></div>
<h2 style="background-color: white; border: 0px; color: #222222; font-family: Arial; font-size: 20px; font-stretch: inherit; font-weight: normal; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; text-transform: capitalize; vertical-align: baseline;">
<br /></h2>
<h2 style="background-color: white; border: 0px; color: #222222; font-family: Arial; font-size: 20px; font-stretch: inherit; font-weight: normal; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; text-transform: capitalize; vertical-align: baseline;">
Lợi Ích Khi Sử Dụng Akismet</h2>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Phải công nhận, công cụ này rất mạnh mẽ để theo dõi, phát hiện và xóa bỏ thư rác. Akisme biết rõ về quá trình spam blog của các phần mềmtau khi tất cả, sau khi chống với kẻ gửi thư rác trong một thời gian dài của thời gian từ khi thành lập ngày 25 Tháng 10 2005, Akismet biết rõ ràng về spam bots, thủ đoạn bình luận độc hại, và các nhà máy trang web đệm.</div>
<h2 style="background-color: white; border: 0px; color: #222222; font-family: Arial; font-size: 20px; font-stretch: inherit; font-weight: normal; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; text-transform: capitalize; vertical-align: baseline;">
Cài Đặt Và Sử Dụng Akismet</h2>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Để cài đặt plugin Akismet cũng rất đơn giản, nếu bạn là một newbie chưa biết cài đặt plugin trong WordPress thì hãy đọc qua <a href="http://www.binhminhsky.com/2014/12/tong-hop-nhung-plugin-nen-cai-dat-cho-wordpress.html" target="_blank"><span style="color: #0274be; font-family: inherit;"><span style="-webkit-transition: 0.25s linear; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; transition: 0.25s linear;">hưỡng dẫn cài đặt plugin wordPress</span></span>.</a></div>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Việc của bạn đơn giản là tìm kiếm và kích hoạt plugin này trong Dashboard WordPress và sử dụng thôi.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-GlWrZBbLaQYu_Up1DgLocLcRLCPVdGIWhyQYbIA27FPJZezqsJWC5ZbUqJ-QU79cKzssjYe7eth-owjjzGzqat5M08obUWfHzNAEoi7O6CQlOyMiZIr0ZyZNDXJBkwk69S4G1mPx97Wl/s1600/cai-dat-akismet.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-GlWrZBbLaQYu_Up1DgLocLcRLCPVdGIWhyQYbIA27FPJZezqsJWC5ZbUqJ-QU79cKzssjYe7eth-owjjzGzqat5M08obUWfHzNAEoi7O6CQlOyMiZIr0ZyZNDXJBkwk69S4G1mPx97Wl/s1600/cai-dat-akismet.png" title="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" width="640" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Nhấp vào Settings bạn sẽ được đưa đến phần <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">cấu hình plugin Akismet</strong>, ở đây bạn sẽ phải điền API Key để sử dụng</div>
<h2 style="background-color: white; border: 0px; color: #222222; font-family: Arial; font-size: 20px; font-stretch: inherit; font-weight: normal; line-height: 1.4; margin: 0px 0px 12px; padding: 0px; text-transform: capitalize; vertical-align: baseline;">
Đăng Ký API Key Để Kích Hoạt Akismet</h2>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Để đăng ký một API Key với Akismet, bạn cần phải có một tài khoản WordPress.Com, sau đó đi đến <a href="http://akismet.com/" style="-webkit-transition: all 0.25s linear; border: 0px; color: #0274be; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; text-decoration: none; transition: all 0.25s linear; vertical-align: baseline;">trang chủ Akismet</a> và đăng nhập.</div>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Sau khi nhấp vào nút <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">“Sign in”</strong> màu xanh trên trang chủ bạn sẽ được chuyển đến trang web đăng nhập như hình dưới</div>
<div class="wp-caption aligncenter" id="attachment_1403" style="background: rgb(255, 255, 255); border: 1px solid rgb(240, 240, 240); font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin: 0.3em auto 0.5em; max-width: 96%; padding: 5px 3px 10px; text-align: center; vertical-align: baseline; width: 664px;">
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgANfZPrIdyEY7B2Ss_OBTHUGrXzMFa1D087bJ4wUgnpY77rdnda666Kms6cF4ZgfaM_vsH8s5oDWeinytDXe8ddHRR3CNyc0QQ8wkNrWx9AJlwH9evSR7wVfTMYJlQEi5a2jxucBpJVKCR/s1600/dang-nhap-akismet.com_.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgANfZPrIdyEY7B2Ss_OBTHUGrXzMFa1D087bJ4wUgnpY77rdnda666Kms6cF4ZgfaM_vsH8s5oDWeinytDXe8ddHRR3CNyc0QQ8wkNrWx9AJlwH9evSR7wVfTMYJlQEi5a2jxucBpJVKCR/s1600/dang-nhap-akismet.com_.png" title="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" width="640" /></a></div>
<div class="wp-caption-text" style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; padding: 0px; vertical-align: baseline;">
Đăng nhập akismet bằng tài khoản WordPress.com</div>
</div>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Có 3 gói cho bạn lựa chọn:</div>
<ul style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; list-style: square; margin: 1.5em 0px 1.571em 1.9em; padding: 0px; vertical-align: baseline;">
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Personal</strong>: phù hợp với blog và website nhỏ</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Business</strong>: phù hợp cho những website lớn& chuyên nghiệp</li>
<li style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Enterprise</strong>: phù hợp với các cổng thông tin lớn như báo chí, các cơ quan tổ chức.</li>
</ul>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Tùy vào nhu cầu của bạn mà bạn chọn một gói phù hợp. Nhưng theo mình ban đầu bạn nên sử dụng gói Personal thôi.</div>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Sau đó bạn sẽ nhận được một <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">API Key</strong>. Nhấp chuột vào reveal bạn sẽ thấy một đoạn text, việc của bạn là copy và dán vào phần quản trị Akismet mà thôi.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid9hzNg-HQK88Na1XU2Kq5TmOqCWkYFKkoxi_cF855YNi4BfYjajl2sS0a3FLBfn2d_JevXAZbbBQxJ56Hq-qZtvvX6T13bqVQJmigCswadf_uCxeJeLzaNRTH0r45wbhHz2ojHucsQyeK/s1600/api-key-akismet.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" border="0" height="168" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEid9hzNg-HQK88Na1XU2Kq5TmOqCWkYFKkoxi_cF855YNi4BfYjajl2sS0a3FLBfn2d_JevXAZbbBQxJ56Hq-qZtvvX6T13bqVQJmigCswadf_uCxeJeLzaNRTH0r45wbhHz2ojHucsQyeK/s1600/api-key-akismet.png" title="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" width="640" /></a></div>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
</div>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Đăng nhập vào bảng điều khiển <strong style="border: 0px; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">WordPress -> Settings -> Akismet -> Nhập <span style="border: 0px; color: #444444; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">API Key</span></strong></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAJEqR99DtsOHFa0U5QgNLld-rIb149UhlyZCczcaGO_1n0tdCkqpCCdyFm4n6pxxgkSwDpPOrSTr1pMFPphpjGf-BeSuJAWdhK3HEvW5549hKaxpm5Yg4HC5TzSc4p040_PVpJ8rN7FDi/s1600/nhap-api-key-akismet-plugin-wordpress.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" border="0" height="138" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAJEqR99DtsOHFa0U5QgNLld-rIb149UhlyZCczcaGO_1n0tdCkqpCCdyFm4n6pxxgkSwDpPOrSTr1pMFPphpjGf-BeSuJAWdhK3HEvW5549hKaxpm5Yg4HC5TzSc4p040_PVpJ8rN7FDi/s1600/nhap-api-key-akismet-plugin-wordpress.png" title="Hướng dẫn chống spam Wordpress bằng Akismet Plugin" width="640" /></a></div>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; vertical-align: baseline;">
Chỉ một vài bước cơ bản là bạn đã có thể ngăn chặn tình trạng spam trong Blog, tránh để blog của bạn trở thành một bãi rác và hơn nữa, sẽ làm bạn thấy rất khó chịu và ngốn thời gian. Và còn chờ đợi gì nữa mà không<b> tải và cài đặt ngay Akismet</b> ngay thôi.</div>
<div style="background-color: white; border: 0px; font-family: Arial; font-size: 14px; font-stretch: inherit; line-height: 21px; margin-bottom: 20px; padding: 0px; text-align: center; vertical-align: baseline;">
nguồn:http://bloggeraz.net/</div>
</div>

Hướng dẫn chống spam Wordpress bằng Akismet Plugin

Hướng dẫn chống spam Wordpress bằng Akismet Plugin Làm sao để chống spam trong WordPress? Câu hỏi này được đặt ra khi WordPress ngày ...

Tổng hợp những Plugin nên cài đặt cho Wordpress

<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlIw2KHkp6WosamKe-J97n58muYPiNpD325p6Nk0lNAm4xzZjbaBVpIiulfvHLw3ViUEJ3vYQwvrobhUJRul19s1jA_5r7yd_dRDPGhifOL-H0dNCHAOJVMlSHs54axYDLqUtXzrvIr9Xg/s1600/wordpress_plugin.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Tổng hợp những Plugin nên cài đặt cho Wordpress" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlIw2KHkp6WosamKe-J97n58muYPiNpD325p6Nk0lNAm4xzZjbaBVpIiulfvHLw3ViUEJ3vYQwvrobhUJRul19s1jA_5r7yd_dRDPGhifOL-H0dNCHAOJVMlSHs54axYDLqUtXzrvIr9Xg/s1600/wordpress_plugin.jpg" title="Tổng hợp những Plugin nên cài đặt cho Wordpress" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Tổng hợp những Plugin nên cài đặt cho Wordpress</td></tr>
</tbody></table>
<h2 style="clear: both; text-align: center;">
Tổng hợp những Plugin nên cài đặt cho Wordpress</h2>
<div>
Hôm nay mình xin giới thiệu các bạn làm thế nào để cài đặt một plugin Wordpress và <b>tổng hợp những Plugin nên cài đạt cho Wordpress.</b></div>
<h2>
1.Plugin WordPress là gì?</h2>
Plugin Wordpress là một thành phần mở rộng nhỏ được lập trình riêng dựa trên các API và những hàm mở có sẵn của WordPress để tạo thành một tính năng nào đó mà mặc định WordPress không có. Nói dễ hiểu hơn, plugin chính là một module bổ sung một chức năng nào đó mà bạn có thể cài vào WordPress.<br />
<br />
<h2>
2.Hướng dẫn cài đặt plugin</h2>
<div>
-Đầu tiên các bạn đăng nhập vào <b>Quản trị Wordpress </b>và chọn mục <span style="background-color: #cccccc; color: red;">Plugins</span></div>
<div>
<span style="color: red;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2fd5BC06_7XT6H8lEub_3R5QM3Kvon2I3ZNUmkpDA9XTl7k9f6X_Gvmkte8uUWp2jgv8hUTVwjZD-ZqbFIb4aSN8mZjqK6_0mUglak3XdRvXqhM9xRUC6jWuK5wdzkQNqWbeXar4_iWw/s1600/plugin+Wordpress.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tổng hợp những Plugin nên cài đặt cho Wordpress" border="0" height="378" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjo2fd5BC06_7XT6H8lEub_3R5QM3Kvon2I3ZNUmkpDA9XTl7k9f6X_Gvmkte8uUWp2jgv8hUTVwjZD-ZqbFIb4aSN8mZjqK6_0mUglak3XdRvXqhM9xRUC6jWuK5wdzkQNqWbeXar4_iWw/s1600/plugin+Wordpress.jpg" title="Tổng hợp những Plugin nên cài đặt cho Wordpress" width="640" /></a></div>
<div>
<br /></div>
<div>
-Để cài đặt một plugin mới các bạn click vào nút <span style="background-color: #eeeeee; color: red;">Add new</span></div>
<div>
-Có 2 cách để cài đặt Wordpress:</div>
<h3>
<span style="background-color: lime;"><b>Cách 1:</b> </span></h3>
<div>
Các bạn chọn bất kì hoặc tìm một plugin mà bạn thích sau đó <span style="background-color: black; color: red;">install now</span></div>
<div>
<b>-</b>Cái nào mà cài đặt rồi nó sẽ hiện là <span style="background-color: #f3f3f3; color: red;">installed</span></div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGumn3fnARY9y-hBOL1E3Cul8BltQrrHAeD9xKcqyV6fjgQSfjoKheKNAsSkpMs5cUy9rMhF6wZKe3m-7_grrrD3Ki0pMIs67zqRA_kjOqAZPmtfsIc0BQI46t3j3ANS8z3CNt73MzOvE/s1600/install+plugin+wordpress.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tổng hợp những Plugin nên cài đặt cho Wordpress" border="0" height="346" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuGumn3fnARY9y-hBOL1E3Cul8BltQrrHAeD9xKcqyV6fjgQSfjoKheKNAsSkpMs5cUy9rMhF6wZKe3m-7_grrrD3Ki0pMIs67zqRA_kjOqAZPmtfsIc0BQI46t3j3ANS8z3CNt73MzOvE/s1600/install+plugin+wordpress.jpg" title="Tổng hợp những Plugin nên cài đặt cho Wordpress" width="640" /></a></div>
<div>
<br /></div>
<div>
-Tiếp theo bạn chọn <span style="color: red;"><span style="background-color: cyan;">Activate plugin</span> </span>để kích hoạt nó.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeg6m8bKr9ft4InSrLrnWIgEanskyM3F57E-5GoLRojuZYj6FC-p7nLCWnRVXMNV1e7-LAFUS2tN0R64hjMnmW7s_-WpSTtTNDF1TiBhTwWMs0yTitG-t1CRqjgtVWsMME9W8yZiSt1j0D/s1600/activate+plugin.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tổng hợp những Plugin nên cài đặt cho Wordpress" border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeg6m8bKr9ft4InSrLrnWIgEanskyM3F57E-5GoLRojuZYj6FC-p7nLCWnRVXMNV1e7-LAFUS2tN0R64hjMnmW7s_-WpSTtTNDF1TiBhTwWMs0yTitG-t1CRqjgtVWsMME9W8yZiSt1j0D/s1600/activate+plugin.jpg" title="Tổng hợp những Plugin nên cài đặt cho Wordpress" width="640" /></a></div>
<div>
<br /></div>
<h3>
<span style="background-color: lime;">Cách 2:</span></h3>
<div>
-Áp dụng cho tất cả các loại plugin từ miễn phí cho đến trả phí được Download về máy để upload trực tiếp từ máy tính lên Wordpress.</div>
<div>
-Đầu tiên chọn <span style="color: red;">Plugin</span> --> <span style="background-color: #f4cccc;">Add new</span> --> <span style="background-color: red;">Upload Plugin</span></div>
<div>
<span style="background-color: red;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGW-aYyiAevIyhIDc7GSN1wUJZz58wYzxVa-RT7-PvpjBO3qGJeQAh9IRJ28OfOjZKSrOZ-fX66p6-Ib8RjHabQJX1XGSJQe65pjGydptgpB6Y0vro1TVUoGEMT5Ks6rPF17vST8XYmho/s1600/uload+plugin.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tổng hợp những Plugin nên cài đặt cho Wordpress" border="0" height="396" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGW-aYyiAevIyhIDc7GSN1wUJZz58wYzxVa-RT7-PvpjBO3qGJeQAh9IRJ28OfOjZKSrOZ-fX66p6-Ib8RjHabQJX1XGSJQe65pjGydptgpB6Y0vro1TVUoGEMT5Ks6rPF17vST8XYmho/s1600/uload+plugin.jpg" title="Tổng hợp những Plugin nên cài đặt cho Wordpress" width="640" /></a></div>
<div>
<span style="background-color: red;"><br /></span></div>
<div>
-Tiếp theo bạn <span style="color: red;">chọn tệp </span>dạng đuôi <span style="color: red;">zip </span></div>
<div>
rồi kích hoạt nó như bình thường.</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizN9UI_ZxmZHAtbbZ2AFCAOOQJtqeg11PAjvKrmNlBOz_FTh8FwT6XxVD62csdCQ8sBVk_PEmXFSlFk1joGnjSaSvyN24XYf97urh1TkYQeR6MJX0xQwmkQ52PsTVkBZiO1yO5vqa-BT9g/s1600/chon+tep+plugin+wordpress.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Tổng hợp những Plugin nên cài đặt cho Wordpress" border="0" height="430" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizN9UI_ZxmZHAtbbZ2AFCAOOQJtqeg11PAjvKrmNlBOz_FTh8FwT6XxVD62csdCQ8sBVk_PEmXFSlFk1joGnjSaSvyN24XYf97urh1TkYQeR6MJX0xQwmkQ52PsTVkBZiO1yO5vqa-BT9g/s1600/chon+tep+plugin+wordpress.jpg" title="Tổng hợp những Plugin nên cài đặt cho Wordpress" width="640" /></a></div>
<div>
<br /></div>
<h2>
3.Tổng hợp những Plugin nên cài đặt cho Wordpress</h2>
<div>
-<b><a href="https://wordpress.org/plugins/akismet/" target="_blank"><span style="color: red;">Akismet</span></a>-   plugin chống spam.</b></div>
<div>
<b>-<a href="https://wordpress.org/plugins/contact-form-7/" target="_blank"><span style="color: red;">Contact Form 7</span></a>-  plugin tạo biểu mẫu liên hê.</b></div>
<div>
<b>-<a href="https://wordpress.org/plugins/digg-digg/" target="_blank"><span style="color: red;">Digg Digg</span></a>-    plugin thanh trượt chia sẻ mạng xã hội</b></div>
<div>
<b>-<a href="https://wordpress.org/plugins/google-analytics-for-wordpress/" target="_blank"><span style="color: red;">Google Analytics by Yoast</span></a> -    Thống kê dữ liệu website từ google</b></div>
<div>
<b>-<a href="https://wordpress.org/plugins/google-sitemap-generator/" target="_blank"><span style="color: red;">Google XML Sitemaps</span></a>-   Tạo sitemap cho website để đưa lên google</b></div>
<div>
<b>-<a href="https://wordpress.org/plugins/jetpack/" target="_blank"><span style="color: red;">Jetpack</span></a>-   kết nối giữa Website và Wordpress.com</b></div>
<div>
<b>-<a href="https://wordpress.org/plugins/w3-total-cache/" target="_blank"><span style="color: red;">W3 Total Cache</span></a>-   Tối ưu cache website</b></div>
<div>
<b>-<a href="https://wordpress.org/plugins/wordpress-seo/" target="_blank"><span style="color: red;">WordPress SEO by Yoast</span></a>-    một plugin seo hiệu quả nhất hiện nay</b></div>
<div>
<b><br /></b></div>
<div>
<b><span style="color: red;">Những plugin ở trên là toàn bộ những plugin bạn nên cài đặt ngay từ lúc đầu bạn chỉ cần download và cài đặt như bình thường.</span></b></div>
<div>
<br /></div>

Tổng hợp những Plugin nên cài đặt cho Wordpress

Tổng hợp những Plugin nên cài đặt cho Wordpress Tổng hợp những Plugin nên cài đặt cho Wordpress Hôm nay mình xin giới thiệu các bạn l...

Bình Minh SKY

Hướng dẫn sử dụng Jetpack WordPress Plugin

Hướng dẫn tạo trang liên hệ với Contact Form 7

Hướng dẫn chống spam Wordpress bằng Akismet Plugin

Tổng hợp những Plugin nên cài đặt cho Wordpress

[Bài hay nhất][vertical][recent][10]

Bình luận

Blog Archive