Bình Minh SKY

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...

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 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...

Hướng dẫn cài đặt cơ bản cho Wordpress trong 5 phút

Hướng dẫn cài đặt cơ bản cho Wordpress trong 5 phút

Hướng dẫn cài đặt cơ bản cho Wordpress trong 5 phút Hướng dẫn cài đặt cơ bản cho Wordpress trong 5 phút Bài trước chúng ta đã biết là...

Hướng dẫn cài đặt Wordpress trên hosting

<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/AVvXsEgli69GQtF4C__slLpAIRXIMIillznYqJg-YgbsF81374SPlW92IGDt_RnZHj5fjwqu1UiG8u1O8VCleyNlNGUCtScPmGepX18rhwJsVD-4X8tpxnDauTyhUAphPswWlQIqE8VyQ1KV2kt7/s1600/setting-wordpress.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" height="230" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgli69GQtF4C__slLpAIRXIMIillznYqJg-YgbsF81374SPlW92IGDt_RnZHj5fjwqu1UiG8u1O8VCleyNlNGUCtScPmGepX18rhwJsVD-4X8tpxnDauTyhUAphPswWlQIqE8VyQ1KV2kt7/s1600/setting-wordpress.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Hướng dẫn cài đặt Wordpress trên hosting </td></tr>
</tbody></table>
<h2 style="clear: both; text-align: center;">
Hướng dẫn cài đặt Wordpress trên hosting </h2>
<div>
Một khi các bạn đã có trong tay 1 cai hosting thì viêc đầu tiên của các bạn đó chính là cài đặt website của bạn ngay trên host đó .Hiện nay việc tạo website với các mã nguồn mở rất phổ biến đặc biệt là các mã nguồn như Joomla,Wordpress,Drupal... Nhưng hôm nay mình xin <b>hưóng dẫn cài đặt Wordpress trên hosting </b>vì Wordpress rất phổ biến và dễ cài đặt.</div>
<div>
<br /></div>
<div>
-Việc <b>cài đặt Wordpress trên hosting</b> có 2 cách phổ biến :</div>
<div>
+Cài đặt Wordpress Script tự động .(Nên áp dụng)</div>
<div>
+Cài đặt Wordpress thủ công.</div>
<div>
-Mình sẽ dạy các bạn cách cài đặt trên hosting GoDaddy còn lại những host khác cũng tương tự.Các bạn nhớ là phải kết nối domain và hosting nhé.</div>
<h2>
1.Cài đặt Wordpress Script tự động</h2>
<div>
<b>B1:</b>các bạn <b>đăng nhập</b> vào GoDaddy Chọn <b><span style="color: red;">My Acount</span> </b>và click vào <b><span style="color: red;">Visit my acount</span></b></div>
<div>
<b><span style="color: red;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkH3H4FzSHqT6rpLsfJqFBNphbuD7As07GATJOYZRRbu5vXoDRB80wE_NQNdYXdT4C2KGre1KMjlRDiqn9tXh66YfRrLJVC4B_fUU5yB0uKj-KX8GfPcZprgVgZV-JyFEZHbaTRiJnltKM/s1600/visit+my+acount+godaddy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" height="236" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkH3H4FzSHqT6rpLsfJqFBNphbuD7As07GATJOYZRRbu5vXoDRB80wE_NQNdYXdT4C2KGre1KMjlRDiqn9tXh66YfRrLJVC4B_fUU5yB0uKj-KX8GfPcZprgVgZV-JyFEZHbaTRiJnltKM/s1600/visit+my+acount+godaddy.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " width="640" /></a></div>
<div>
<b><span style="color: red;"><br /></span></b></div>
<div>
<b>B2</b>:Chọn phần<span style="color: red;"><b> lauch </b></span>ở trong phần <b><span style="color: red;">Web hosting:</span></b></div>
<div>
<b><span style="color: red;"><br /></span></b></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMOktydoiDiSJHlT6lm30ZDZknAMvPsAGkan4kMbsrve5WQ1_hxeAeOoC_B2bt6bcmN0NsSWyUjKzYQQZwp7U-cYASO5QJcfqyrmvxXV-dPMKbonfxeBVsiOxXz_VLtkxGngsqOqahT0_r/s1600/lauch+webhosting.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" height="248" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMOktydoiDiSJHlT6lm30ZDZknAMvPsAGkan4kMbsrve5WQ1_hxeAeOoC_B2bt6bcmN0NsSWyUjKzYQQZwp7U-cYASO5QJcfqyrmvxXV-dPMKbonfxeBVsiOxXz_VLtkxGngsqOqahT0_r/s1600/lauch+webhosting.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " width="640" /></a></div>
<div>
<b><span style="color: red;"><br /></span></b></div>
<div>
-Chọn <b><span style="color: red;">Manage</span></b> mà domain bạn chọn:</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8u44aY0WodFXx6xbTKMxKtiKTZ1jG8_5ayePlo3qp4ctKPOdLh5Cgf0aKCaD-uQdGQoK65gLIinxv-vvT10fZvisHZEzgybbwpXwOuOpcXJ6t1tQdT_gmtvgkDbL-oCFPr163GHXQxeNl/s1600/manage+hosting+godaddy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" height="490" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8u44aY0WodFXx6xbTKMxKtiKTZ1jG8_5ayePlo3qp4ctKPOdLh5Cgf0aKCaD-uQdGQoK65gLIinxv-vvT10fZvisHZEzgybbwpXwOuOpcXJ6t1tQdT_gmtvgkDbL-oCFPr163GHXQxeNl/s1600/manage+hosting+godaddy.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " width="640" /></a></div>
<div>
<br /></div>
<div>
<b>B3</b>:Chọn Mã nguồn <span style="color: red;"><b>Wordpress </b></span>nằm trong phần <b><span style="color: red;">Web Applications</span></b><br />
<b><span style="color: red;"><br /></span></b>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtPtSZCZwrn5kWGnyClL5DkqMa0sNhioDAAe475NCF_ppbHkCscOojPI6x9rFUvegQciiPe1ZmNUqH5E6vWdg1aNF74V-t4YUbwwqWIuBCRTDZxvx0YS9C6iKgdfs6KH9kvAeWoT2uKdkb/s1600/web+applicatons+godaddy.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" height="430" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtPtSZCZwrn5kWGnyClL5DkqMa0sNhioDAAe475NCF_ppbHkCscOojPI6x9rFUvegQciiPe1ZmNUqH5E6vWdg1aNF74V-t4YUbwwqWIuBCRTDZxvx0YS9C6iKgdfs6KH9kvAeWoT2uKdkb/s1600/web+applicatons+godaddy.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " width="640" /></a></div>
<b><span style="color: red;"><br /></span></b>
<b><span style="color: red;"><br /></span></b></div>
<div>
B4: Điền đầy đủ thông tin vào các ô:<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkAK0-mfw5mHMLdUrM2jy1HXNfjJ4UduMAL6nZfpH2k8h5VK1-GvU8fKn0Xzr4XWVNWJnMnEwN1eBEZQHUFWwwFjoZACiYzD9Nu-xAusvbC6BprKo9z6qh-H7Ojq1I7zwNhOK5ZpIQ62t4/s1600/Image+7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkAK0-mfw5mHMLdUrM2jy1HXNfjJ4UduMAL6nZfpH2k8h5VK1-GvU8fKn0Xzr4XWVNWJnMnEwN1eBEZQHUFWwwFjoZACiYzD9Nu-xAusvbC6BprKo9z6qh-H7Ojq1I7zwNhOK5ZpIQ62t4/s1600/Image+7.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " width="639" /></a></div>
<br /></div>
<div>
<h2>
2.Cài đặt Wordpress thủ công.</h2>
</div>
<div>
-Cách này mình sẽ áp dụng hót khác cho dễ hiểu</div>
<div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<strong> </strong><strong>Chuẩn bị trước khi cài đặt:</strong></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<strong>-    Bộ cài đặt wordpress mới nhất</strong></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
  (link download <strong>http://vi.wordpress.org/wordpress-3.4.1-vi.zip</strong>)</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<strong>-    Hosting</strong> (Hệ quản trị hosting Cpanel (h1) – Thông số tối thiểu: dung lượng 300MB, băng thông 5G, 1 database, 1 FPT)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM0PgRjjNsUNljfpYr9fOz7vt85K1o7Wud24wrme7f3eH1uX3q25-P3xRdI7ZVH7mSq-8JhW2-C-TC77EUxFtAT2cnBJkHR8gTly6SOfWZm6S2Nuuo2fjRcicxsvtS1POfWsDzGqxpXY3A/s1600/caidat-wordpress-1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM0PgRjjNsUNljfpYr9fOz7vt85K1o7Wud24wrme7f3eH1uX3q25-P3xRdI7ZVH7mSq-8JhW2-C-TC77EUxFtAT2cnBJkHR8gTly6SOfWZm6S2Nuuo2fjRcicxsvtS1POfWsDzGqxpXY3A/s1600/caidat-wordpress-1.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " /></a></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
-    <strong>Tên miền:</strong> Phải được trỏ về hosting.</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
-    <strong>Notepad++ </strong>(Bản mới nhất – Link  download: <a href="http://notepad-plus-plus.org/download" style="border: 0px; box-sizing: border-box; color: #ff6600; font-family: inherit; font-size: inherit; font-stretch: inherit; font-style: inherit; font-variant: inherit; font-weight: bold; line-height: inherit; list-style: none; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">http://notepad-plus-plus.org/download</a>)</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
-    <strong>1 số plugin, themes và công cụ khác.</strong></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<strong>Các bước thực hiện</strong></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<strong>Bước 1: <strong>Tải file lên hosting</strong></strong></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
-  Đăng nhập quản lý hosting link đăng nhập do nhà cung cấp hosting cấp.</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
 -  Username / Password do nhà cung cấp hosting cấp. (h1)</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
 - Sau khi đăng nhập thành công sẽ chuyển tới giao diện như (h2)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3jCBCwVXPQhh9obypisdF4qF_5t6GDTzhKxYb1mrXyJBX9wp6g3AJ7fx8l1PYXKPEpersvE9ODgoQYa4z-GVfy5-KWybugsMe0nQPqEOpCfcQO9xgfNJt5b73xpZBQUOn7VUGvV-aQmj4/s1600/caidat-wordpress-2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3jCBCwVXPQhh9obypisdF4qF_5t6GDTzhKxYb1mrXyJBX9wp6g3AJ7fx8l1PYXKPEpersvE9ODgoQYa4z-GVfy5-KWybugsMe0nQPqEOpCfcQO9xgfNJt5b73xpZBQUOn7VUGvV-aQmj4/s1600/caidat-wordpress-2.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " /></a></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: center;">
Hướng dẫn cài đặt Website Wordpress trên Hosting (H2)</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
- Click “<strong>File Manager</strong>” trong mục “<strong>Files</strong>” Chọn “Web Root (public_html/www)” và Click “Go”</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1Hpw_CqyFCVAMMhgi8oNQe4b5oojotXVZgOgEwHE50fYCJsVYnManJhNbH0UVizzOljJ2bJpUquu4zWhfmwWTwh5O0X3MI9X8Dqb_cb01De8X7xCQ6CVoSYN4qpmjQ20eTmAJ-Nzloqw/s1600/caidat-wordpress-3.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf1Hpw_CqyFCVAMMhgi8oNQe4b5oojotXVZgOgEwHE50fYCJsVYnManJhNbH0UVizzOljJ2bJpUquu4zWhfmwWTwh5O0X3MI9X8Dqb_cb01De8X7xCQ6CVoSYN4qpmjQ20eTmAJ-Nzloqw/s1600/caidat-wordpress-3.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " /></a><span style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px;"> </span></div>
<div align="center" style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px;">
(H3 – Thư mục chứa bộ cài đặt wordpress)</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
Upload bộ cài đặt lên bằng cách Click vào Upload -> Tìm bộ wordpress đã tải về -> Click Upload. Sau khi upload thành công -> Giải nén. Vậy là ta đã upload xong.</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<strong>Bước 2: Tạo cơ sở dữ liệu</strong></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<strong>- </strong><strong>Từ Hình 2 (H2) tìm đến </strong>phần MySQL Databases và nhắp vào nó để chuyển đến màn hình tạo cơ sở dữ liệu như hình dưới (H4)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM_KGBEhLKZfQi0QyCPiQ2dPtOlQoDmLGp6WRY8L1LzBvUCCnQ85peLHhEFF8HyDmflRdIg_hocU5GU8eeBbAZFvWc_mpeT5aDt96rruzp126SApP4iQAxHuyAj3hPmCAFgiIp1BCg-P32/s1600/caidat-wordpress-4.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhM_KGBEhLKZfQi0QyCPiQ2dPtOlQoDmLGp6WRY8L1LzBvUCCnQ85peLHhEFF8HyDmflRdIg_hocU5GU8eeBbAZFvWc_mpeT5aDt96rruzp126SApP4iQAxHuyAj3hPmCAFgiIp1BCg-P32/s1600/caidat-wordpress-4.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " /></a></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<strong></strong></div>
<div align="center" style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px;">
H4 – Tạo database (cơ sở dữ liệu cho website)</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
- Từ hình 4(H4) nhập tên cơ sở dữ liệu bạn muốn vào ô New Database, ở đây tên cơ sở dữ liệu của tôi là plazanet_db sau đó nhắp Create Database để tạo cơ sở dữ liệu.</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
- Tạo user, vẫn ở màn hình 2 nhập tên của user trong khung Username, mật khẩu vào ô Password (lưu ý nhập cả mật khẩu vào ô Password (Again)) để xác minh mật khẩu, ở đây tôi nhập tên user là plazanet_mrhoai và mật khẩu là 12345678 – xem hình 5 (H5).</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnXdt7akeySihQvdtv4sfelXB16H0smi0oFZAFK4XYGAqJJAiC4guyEEYKdhCP8R7tcMUteZlRA-luMnXc5UwERDHCu1sZXZgYEgUBQHkVCj29sArskXE3f8PxSmlTTBXjijYR9_0fcYL7/s1600/caidat-wordpress-5.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnXdt7akeySihQvdtv4sfelXB16H0smi0oFZAFK4XYGAqJJAiC4guyEEYKdhCP8R7tcMUteZlRA-luMnXc5UwERDHCu1sZXZgYEgUBQHkVCj29sArskXE3f8PxSmlTTBXjijYR9_0fcYL7/s1600/caidat-wordpress-5.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " /></a></div>
<strong></strong><br />
<div align="center" style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px;">
<span style="border: 0px; box-sizing: border-box; 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;">H5 – Tạo user cho database</span></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
Nhấp chuột chọn Create User để tạo user</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
- Gán cơ sở dữ liệu plazanet_db cho user plazanet_mrhoai xem hình 4, chọn plazanet_mrhoai trong khung User và chọn plazanet_db trong khung Database sau đó click Add</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVAl3hV-6SMS3VnP63Ma2H7r8fIdwLcPmCGbtcQ1MBTztzMOvr_Q-tZULWy8eD76dbJMe2zd5PM-OTy006bGOENo51IU-zaqhOJGDjfYQjtM9NZSYOHXU1MmBdLQgNMjD6kU9OewViLz2J/s1600/caidat-wordpress-6.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVAl3hV-6SMS3VnP63Ma2H7r8fIdwLcPmCGbtcQ1MBTztzMOvr_Q-tZULWy8eD76dbJMe2zd5PM-OTy006bGOENo51IU-zaqhOJGDjfYQjtM9NZSYOHXU1MmBdLQgNMjD6kU9OewViLz2J/s1600/caidat-wordpress-6.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " /></a></div>
<div align="center" style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px;">
<span style="border: 0px; box-sizing: border-box; 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;">H6 - Gán cơ sở dữ liệu vào user</span></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
sau khi click nút Add một màn hình xuất hiện check chọn ALL PRIVILEGES – xem hình 7</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0bItHz5DfQ4q1Gj7Z511NCzgHPRof-cw-vr0G-PJ4hLe3imG49bPufyY28ty32P3eAoDl9LkBRRJew1sb7a7wBhwAWZs1OMmCDtpHYPfhyphenhyphenucxCaAH7Rzb_p1MjJxnm5pKXfqflE1WPMYz/s1600/caidat-wordpress-7.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0bItHz5DfQ4q1Gj7Z511NCzgHPRof-cw-vr0G-PJ4hLe3imG49bPufyY28ty32P3eAoDl9LkBRRJew1sb7a7wBhwAWZs1OMmCDtpHYPfhyphenhyphenucxCaAH7Rzb_p1MjJxnm5pKXfqflE1WPMYz/s1600/caidat-wordpress-7.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " /></a></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<span style="border: 0px; box-sizing: border-box; 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></strong></span></div>
<div align="center" style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px;">
<span style="border: 0px; box-sizing: border-box; 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;">H7 - Cài đặt thông số cho database</span></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
không quên nhắp vào nút Make Changes để gán toàn quyền truy cập vào cơ sở dữ liệu plazanet_db cho user plazanet_mrhoai.<br />
<br />
OK, vậy là bạn đã tạo xong cơ sở dữ liệu chuẩn bị cho việc cài đặt wordpress.</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<strong>Bước 3: Cấu hình file wp-config.php</strong><br />
- Trong thư mục chứa bộ cài đặt wordpress đã được giải nén tìm đến file wp-config-sample.php sau đó đổi tên file này thành wp-config.php<br />
- Mở file vừa đổi tên sau đó điền các thông tin về cơ sở dữ liệu vừa tạo ở bước 2 – xem hình 8 (H8)</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJr0QV0ZrzqdKCYaZd_FzAv0k_BpgrXnjehOSGLNDvIWYbGmHV97_te6SOiGtNeLHYHMVH3_SymiDc8t8yQnIuOWKehSFEJUjxPpoQtOwP7JW4kYHSiU_0Hms3ceDXR-dXCv074xza4DtT/s1600/caidat-wordpress-8.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJr0QV0ZrzqdKCYaZd_FzAv0k_BpgrXnjehOSGLNDvIWYbGmHV97_te6SOiGtNeLHYHMVH3_SymiDc8t8yQnIuOWKehSFEJUjxPpoQtOwP7JW4kYHSiU_0Hms3ceDXR-dXCv074xza4DtT/s1600/caidat-wordpress-8.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " /></a></div>
<div align="center" style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px;">
<span style="border: 0px; box-sizing: border-box; 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></strong></span></div>
<div align="center" style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px;">
<span style="border: 0px; box-sizing: border-box; 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;">H8 – Cấu hình file </span><strong>wp-config.php</strong></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<strong>Rất quan trọng ở bước này, mọi người rất hay nhầm lẫn.</strong></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
+ Khung 1 điền tên cơ sở dữ liệu, ở đây tôi đã tạo cơ sở dữ liệu tên là plazanet_db<br />
+ Khung 2 điền tên user, ở trên tôi đã tạo user tên là plazanet_mrhoai<br />
+ Khung 3 là mật khẩu, ở trên tôi đặt là 1234567<br />
+ Khung 4 để mặc định là localhost<br />
<br />
Đóng và lưu file vừa thay đổi là bạn đã hoàn thành bước 2.</div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
<strong>Bước 4: Cài đặt các thông số wordpress</strong></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
Mở trình duyệt (firefox) và trỏ tới domain của bạn sẽ xuất hiện màn hình như hình 9</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAko7xCgcSq9ijGwd5uE1Lta65oBBy7nV8EXMf6WOzTlzpelyHOI15acDCONaIlpCGicWAQhVXpW0e-fmThFrPsdGjUotD-U4lxXq5a4l-kIWbVabwBHg9cu8_P6QOCEbXGFEsntGaGUkE/s1600/caidat-wordpress-9.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAko7xCgcSq9ijGwd5uE1Lta65oBBy7nV8EXMf6WOzTlzpelyHOI15acDCONaIlpCGicWAQhVXpW0e-fmThFrPsdGjUotD-U4lxXq5a4l-kIWbVabwBHg9cu8_P6QOCEbXGFEsntGaGUkE/s1600/caidat-wordpress-9.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " /></a></div>
<div align="center" style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px;">
<span style="border: 0px; box-sizing: border-box; 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;">Hướng dẫn cài đặt wordpress hình 9.</span></div>
<div style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: justify;">
Điền các thông tin cho blog của bạn như tiêu đề blog, tài khoản của người quản trị blog, email của người quản trị.<br />
<br />
Chú ý: Bạn phải nhớ tên đăng nhập và mật khẩu nhập ở bước này, wordpress sẽ dùng tài khoản này như là tài khoản administrator cho blog của bạn.<br />
<br />
Sau khi điền xong thông tin bạn nhắp chuột vào nút Cài đặt WordPress để bắt đầu tiến trình cài đặt, việc cài đặt được wordpress thực hiện tự động, bạn chờ một lúc xuất hiện một màn hình như hình 8 là bạn đã hoàn thành việc cài đặt wordpress.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzX6d3QXY4thuq3RKmO_sLNjBA2Y96tfkunKmoTh98Fuhu-aKAv-upaSWHjYHT8kAquMfhgPFS9UCUld9anTeZ9IZlzTrNNj78LFSQnb3RX6qEWiv4899v6dhKMNRpNwLrNEL3ZCIWKjrl/s1600/caidat-wordpress-10.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hướng dẫn cài đặt Wordpress trên hosting " border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzX6d3QXY4thuq3RKmO_sLNjBA2Y96tfkunKmoTh98Fuhu-aKAv-upaSWHjYHT8kAquMfhgPFS9UCUld9anTeZ9IZlzTrNNj78LFSQnb3RX6qEWiv4899v6dhKMNRpNwLrNEL3ZCIWKjrl/s1600/caidat-wordpress-10.jpg" title="Hướng dẫn cài đặt Wordpress trên hosting " /></a></div>
<div align="center" style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px;">
<span style="border: 0px; box-sizing: border-box; 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></strong></span><span style="border: 0px; box-sizing: border-box; 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;">Hướng dẫn cài đặt wordpress</span> <span style="border: 0px; box-sizing: border-box; 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;">hình 10.</span></div>
<h3 style="background-color: white; font-family: arial; font-size: 13px; line-height: 22px; margin-bottom: 11px; margin-top: 11px; padding: 0px; text-align: center;">
<span style="border: 0px; box-sizing: border-box; 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;"><span style="color: red;">Chúc các bạn thành công </span></span></h3>
</div>

Hướng dẫn cài đặt Wordpress trên hosting

Hướng dẫn cài đặt Wordpress trên hosting Hướng dẫn cài đặt Wordpress trên hosting Một khi các bạn đã có trong tay 1 cai hosting thì...

Bình Minh SKY

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

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

Hướng dẫn cài đặt cơ bản cho Wordpress trong 5 phút

Hướng dẫn cài đặt Wordpress trên hosting

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

Bình luận

Blog Archive