<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Hồ Bảo Huy - Chuyên Gia SEO - Chuyên Gia Marketing &#187; hướng dẫn wordpress</title>
	<atom:link href="http://www.hobaohuy.com/tag/huong-dan-wordpress/feed" rel="self" type="application/rss+xml" />
	<link>http://www.hobaohuy.com</link>
	<description>www.hobaohuy.com</description>
	<lastBuildDate>Wed, 01 Oct 2014 07:44:56 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
	<item>
		<title>Những loại permalink tối ưu nhất cho SEO WordPress</title>
		<link>http://www.hobaohuy.com/nhung-loai-permalink-toi-uu-nhat-cho-seo-wordpress.html</link>
		<comments>http://www.hobaohuy.com/nhung-loai-permalink-toi-uu-nhat-cho-seo-wordpress.html#comments</comments>
		<pubDate>Tue, 30 Sep 2014 05:42:43 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[SEO WordPress]]></category>
		<category><![CDATA[hướng dẫn wordpress]]></category>
		<category><![CDATA[wordpress on-page seo]]></category>

		<guid isPermaLink="false">http://www.hobaohuy.com/?p=124</guid>
		<description><![CDATA[Lựa chọn kiểu đường dẫn đẹp và đúng cho WordPress là yếu tố quan trọng hàng đầu tạo nên sự thành công trong khi làm SEO với WordPress. Bạn đang sử dụng cấu trúc đường dẫn nào trong phần cài đặt permalink cho WordPress trên trang blog của mình. Hãy cùng mình điểm qua bài]]></description>
				<content:encoded><![CDATA[<p>Lựa chọn kiểu đường dẫn đẹp và đúng cho WordPress là yếu tố quan trọng hàng đầu tạo nên sự thành công trong khi làm SEO với WordPress. Bạn đang sử dụng cấu trúc đường dẫn nào trong phần cài đặt permalink cho WordPress trên trang blog của mình. Hãy cùng mình điểm qua bài viết này để biết rõ hơn về nội dung liên quan như trên tiêu đề nhé.</p>
<p><img class="alignnone size-full" title="Những định dạng permalink tốt, tối ưu nhất cho SEO trong WordPress" src="/images/post/2014/09/30/05//wordpress-permalink-structure.jpg" alt="wordpress permalink structure Những loại permalink tối ưu nhất cho SEO WordPress" width="600" height="300" /></p>
<p>Mình đã có lần nhắc tới việc lựa chọn cấu trúc đường dẫn cho WordPress để thân thiện với SEO. Và bài này, mình sẽ gợi ý cho các bạn những cấu trúc đường dẫn hay được nhiều người sử dụng nhất. Và bạn vào menu như đường dẫn bên dưới trong bảng điều khiển để tiến hành cài đặt.</p>
<blockquote><p>Dashboard » Settings » Permalinks</p></blockquote>
<p>Việc lựa chọn và cài đặt permalink nên làm ngay sau khi cài đặt xong blog WordPress, đừng để blog của bạn hoạt động quá lâu rồi mới thay đổi, sẽ dẫn tới lỗi 404 khá nhiều đấy.</p>
<div>
<div id="highlighter_505243" class="syntaxhighlighter  xml">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2"><code class="xml plain">http://tenmien.com/bai-viet/</code></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>Đây là kiểu đường dẫn rất thông dụng hiện nay, bạn chỉ để tên bài viết phía sau tên miền và không thêm vào bất kỳ thành phần nào. Cũng là một kiểu như đường dẫn trên, bạn có thể thêm vào đuôi .html ngay sau cuối đường dẫn để tạo nên sự khác biệt.</p>
<div>
<div id="highlighter_27639" class="syntaxhighlighter  xml">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2"><code class="xml plain">http://tenmien.com/bai-viet.html</code></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>Mở rộng hơn một chút, cụ thể hơn một chút thì bạn có thể lựa chọn thêm vào tên chuyên mục cho đường dẫn hoặc thêm vào ngày tháng năm cho đường dẫn đến bài viết.</p>
<div>
<div id="highlighter_827102" class="syntaxhighlighter  xml">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2"><code class="xml plain">http://tenmien.com/chuyen-muc/bai-viet/</code></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<div id="highlighter_603973" class="syntaxhighlighter  xml">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2"><code class="xml plain">http://tenmien.com/2014/05/bai-viet/</code></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>Đối với những trang tin tức, có thể nội dung tiêu đề sẽ bị trùng dẫn đến việc đường dẫn cũng sẽ bị trùng theo. Bạn có thể sử dụng cấu trúc đường dẫn như bên dưới:</p>
<div>
<div id="highlighter_508227" class="syntaxhighlighter  xml">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2"><code class="xml plain">http://tenmien.com/bai-viet.2876/</code></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div>
<div id="highlighter_414909" class="syntaxhighlighter  xml">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2"><code class="xml plain">http://tenmien.com/bai-viet-2876.html</code></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>Hoặc một đường dẫn kết hợp cả chuyên mục và ID của bài viết cũng rất là đẹp.</p>
<div>
<div id="highlighter_281420" class="syntaxhighlighter  xml">
<table border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td class="gutter">
<div class="line number1 index0 alt2">1</div>
</td>
<td class="code">
<div class="container">
<div class="line number1 index0 alt2"><code class="xml plain">http://tenmien.com/chuyen-muc/bai-viet-2876.html</code></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>Bạn có thể tìm hiểu thêm thông tin về cấu trúc của đường dẫn đẹp cho SEO thông qua trang codex Using Permalinks của WordPress. Bên trong này sẽ có những thông tin hướng dẫn chi tiết bao gồm cả những thẻ bạn có thể sử dụng trong đường dẫn của WordPress.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hobaohuy.com/nhung-loai-permalink-toi-uu-nhat-cho-seo-wordpress.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Thiết kế giao diện cho WordPress với Font Awesome cực bắt mắt</title>
		<link>http://www.hobaohuy.com/thiet-ke-giao-dien-cho-wordpress-voi-font-awesome-cuc-bat-mat.html</link>
		<comments>http://www.hobaohuy.com/thiet-ke-giao-dien-cho-wordpress-voi-font-awesome-cuc-bat-mat.html#comments</comments>
		<pubDate>Tue, 30 Sep 2014 05:36:18 +0000</pubDate>
		<dc:creator><![CDATA[admin]]></dc:creator>
				<category><![CDATA[Lập Trình WordPress]]></category>
		<category><![CDATA[giao diện wordpress]]></category>
		<category><![CDATA[học php]]></category>
		<category><![CDATA[hướng dẫn wordpress]]></category>

		<guid isPermaLink="false">http://www.hobaohuy.com/?p=118</guid>
		<description><![CDATA[Nếu bạn muốn thiết kế giao diện WordPress mà không cần đến hình ảnh thì bài viết này mình sẽ hướng dẫn cho bạn cách làm như vậy. Font Awesome là một công cụ tuyệt vời để bạn tạo giao diện website, có hơn 400 icon cho bạn lựa chọn, chỉ cần tích hợp css]]></description>
				<content:encoded><![CDATA[<p>Nếu bạn muốn thiết kế giao diện WordPress mà không cần đến hình ảnh thì bài viết này mình sẽ hướng dẫn cho bạn cách làm như vậy. Font Awesome là một công cụ tuyệt vời để bạn tạo giao diện website, có hơn 400 icon cho bạn lựa chọn, chỉ cần tích hợp css và font vào là sử dụng, không cần đến javascript hoặc những cái gì cao siêu.</p>
<p><img class="size-full waligncenter" title="Hướng dẫn thiết kế giao diện WordPress với Font Awesome bắt mắt" src="/images/post/2014/09/30/05//using-font-awesome-in-theme-design.png" alt="using font awesome in theme design Thiết kế giao diện cho WordPress với Font Awesome cực bắt mắt" width="762" height="344" /></p>
<p>Trong bài viết hôm trước mình đã hướng dẫn cho bạn cách tích hợp Bootstrap vào WordPress, tuy nhiên với Bootstrap thì bộ icon hỗ trợ kèm theo chưa đầy đủ lắm. Công việc <strong>tích hợp Font Awesome</strong> cũng tương tự như vậy, bạn chỉ cần tải bộ font và css về, sau đó giải nén và đính kèm vào giao diện của WordPress để sử dụng.</p>
<p>Sau khi tải tập tin về máy tính, bạn giải nén và đổi tên thư mục thành font-awesome, tiếp đến copy nguyên thư mục này bỏ vào giao diện của bạn, sử dụng hàm sau để tích hợp Font Awesome.</p>
<div id="crayon-542a3e247df05623936808" class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" style="margin-top: 12px; margin-bottom: 12px; font-size: 12px ! important; line-height: 15px ! important; height: auto;" data-settings=" no-popup minimize scroll-mouseover">
<div class="crayon-plain-wrap"><textarea class="crayon-plain print-no" style="-moz-tab-size: 4; font-size: 12px ! important; line-height: 15px ! important; opacity: 0; overflow: hidden; z-index: 0;" readonly="readonly" wrap="soft" data-settings="">function add_font_awesome() {<br />
    wp_register_style(&#8216;font-awesome-style&#8217;, get_template_directory_uri() . &#8216;/lib/font-awesome/css/font-awesome.min.css&#8217;);<br />
    wp_enqueue_style(&#8216;font-awesome-style&#8217;);<br />
}<br />
add_action(&#8216;wp_enqueue_scripts&#8217;, &#8216;add_font_awesome&#8217;);</textarea></div>
<div class="crayon-main" style="position: relative; z-index: 1; overflow: hidden;">
<table class="crayon-table">
<tbody>
<tr class="crayon-row">
<td class="crayon-nums" data-settings="show">
<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
<div class="crayon-num" data-line="crayon-542a3e247df05623936808-1">1</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-542a3e247df05623936808-2">2</div>
<div class="crayon-num" data-line="crayon-542a3e247df05623936808-3">3</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-542a3e247df05623936808-4">4</div>
<div class="crayon-num" data-line="crayon-542a3e247df05623936808-5">5</div>
</div>
</td>
<td class="crayon-code">
<div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important;">
<div id="crayon-542a3e247df05623936808-1" class="crayon-line"><span class="crayon-t">function</span><span class="crayon-e">add_font_awesome</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">{</span><span class="crayon-h">  </span></div>
<div id="crayon-542a3e247df05623936808-2" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-e">wp_register_style</span><span class="crayon-sy">(</span><span class="crayon-s">&#8216;font-awesome-style&#8217;</span><span class="crayon-sy">,</span><span class="crayon-e">get_template_directory_uri</span><span class="crayon-sy">(</span><span class="crayon-sy">)</span><span class="crayon-sy">.</span><span class="crayon-s">&#8216;/lib/font-awesome/css/font-awesome.min.css&#8217;</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-542a3e247df05623936808-3" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-e">wp_enqueue_style</span><span class="crayon-sy">(</span><span class="crayon-s">&#8216;font-awesome-style&#8217;</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
<div id="crayon-542a3e247df05623936808-4" class="crayon-line crayon-striped-line"><span class="crayon-sy">}</span></div>
<div id="crayon-542a3e247df05623936808-5" class="crayon-line"><span class="crayon-e">add_action</span><span class="crayon-sy">(</span><span class="crayon-s">&#8216;wp_enqueue_scripts&#8217;</span><span class="crayon-sy">,</span><span class="crayon-s">&#8216;add_font_awesome&#8217;</span><span class="crayon-sy">)</span><span class="crayon-sy">;</span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>&nbsp;</p>
<p>Nhớ là thay đổi đường dẫn cho phù hợp với tập tin trong giao diện. Sau khi hoàn thành xong thì bạn đã có thể sử dụng font một cách thoải mái. Cách sử dụng cũng cực kỳ dễ, bạn chỉ cần tìm icon ưng ý và sử dụng lại theo cú pháp sau:</p>
<div id="crayon-542a3e247df0f131983111" class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" style="margin-top: 12px; margin-bottom: 12px; font-size: 12px ! important; line-height: 15px ! important; height: auto;" data-settings=" no-popup minimize scroll-mouseover">
<div class="crayon-plain-wrap"><textarea class="crayon-plain print-no" style="-moz-tab-size: 4; font-size: 12px ! important; line-height: 15px ! important; opacity: 0; overflow: hidden; z-index: 0;" readonly="readonly" wrap="soft" data-settings="">&lt;i class=&#8221;fa fa-wordpress&#8221;&gt;&lt;/i&gt;</textarea></div>
<div class="crayon-main" style="position: relative; z-index: 1; overflow: hidden;">
<table class="crayon-table">
<tbody>
<tr class="crayon-row">
<td class="crayon-nums" data-settings="show">
<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
<div class="crayon-num" data-line="crayon-542a3e247df0f131983111-1">1</div>
</div>
</td>
<td class="crayon-code">
<div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important;">
<div id="crayon-542a3e247df0f131983111-1" class="crayon-line"><span class="crayon-o">&lt;</span><span class="crayon-i">i</span><span class="crayon-t">class</span><span class="crayon-o">=</span><span class="crayon-s">&#8220;fa fa-wordpress&#8221;</span><span class="crayon-o">&gt;</span><span class="crayon-o">&lt;</span><span class="crayon-o">/</span><span class="crayon-v">i</span><span class="crayon-o">&gt;</span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>&nbsp;</p>
<p>Xem thêm danh sách tất cả các icon hiện có của Font Awesome trên trang Font Awesome Icons.</p>
<p><img class="alignnone size-full wp-image-1545" title="Hướng dẫn thiết kế giao diện WordPress với Font Awesome bắt mắt" src="/images/post/2014/09/30/05//create-wordpress-theme-without-image.png" alt="create wordpress theme without image Thiết kế giao diện cho WordPress với Font Awesome cực bắt mắt" width="800" height="324" /></p>
<p>Ngoài cách sử dụng trên, bạn có thể chỉnh sửa thuộc tính của css, nếu như các chức năng bạn không thêm được HTML code giống như ví dụ bên trên thì bạn áp dụng phương pháp này:</p>
<div id="crayon-542a3e247df15693216910" class="crayon-syntax crayon-theme-classic crayon-font-monaco crayon-os-pc print-yes notranslate" style="margin-top: 12px; margin-bottom: 12px; font-size: 12px ! important; line-height: 15px ! important; height: auto;" data-settings=" no-popup minimize scroll-mouseover">
<div class="crayon-plain-wrap"><textarea class="crayon-plain print-no" style="-moz-tab-size: 4; font-size: 12px ! important; line-height: 15px ! important; z-index: 0; opacity: 0; overflow: hidden;" readonly="readonly" wrap="soft" data-settings="">a.button-send:before {<br />
    font-family: &#8216;FontAwesome';<br />
    content: &#8220;\f1d9&#8243;;<br />
}</textarea></div>
<div class="crayon-main" style="position: relative; z-index: 1; overflow: hidden;">
<table class="crayon-table">
<tbody>
<tr class="crayon-row">
<td class="crayon-nums" data-settings="show">
<div class="crayon-nums-content" style="font-size: 12px !important; line-height: 15px !important;">
<div class="crayon-num" data-line="crayon-542a3e247df15693216910-1">1</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-542a3e247df15693216910-2">2</div>
<div class="crayon-num" data-line="crayon-542a3e247df15693216910-3">3</div>
<div class="crayon-num crayon-striped-num" data-line="crayon-542a3e247df15693216910-4">4</div>
</div>
</td>
<td class="crayon-code">
<div class="crayon-pre" style="font-size: 12px !important; line-height: 15px !important;">
<div id="crayon-542a3e247df15693216910-1" class="crayon-line"><span class="crayon-v">a</span><span class="crayon-sy">.</span><span class="crayon-v">button</span><span class="crayon-o">&#8211;</span><span class="crayon-v">send</span><span class="crayon-o">:</span><span class="crayon-e">before</span><span class="crayon-sy">{</span></div>
<div id="crayon-542a3e247df15693216910-2" class="crayon-line crayon-striped-line"><span class="crayon-h">    </span><span class="crayon-v">font</span><span class="crayon-o">&#8211;</span><span class="crayon-v">family</span><span class="crayon-o">:</span><span class="crayon-s">&#8216;FontAwesome&#8217;</span><span class="crayon-sy">;</span></div>
<div id="crayon-542a3e247df15693216910-3" class="crayon-line"><span class="crayon-h">    </span><span class="crayon-v">content</span><span class="crayon-o">:</span><span class="crayon-s">&#8220;\f1d9&#8243;</span><span class="crayon-sy">;</span></div>
<div id="crayon-542a3e247df15693216910-4" class="crayon-line crayon-striped-line"><span class="crayon-sy">}</span></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
<p>&nbsp;</p>
<p>Rất đơn giản và dễ sử dụng phải không nào. Thiết kế website theo phong cách hiện đại là phải gọn nhẹ và chạy nhanh, nếu giao diện bạn không có dùng hình ảnh thì dĩ nhiên sẽ chạy nhanh hơn so với giao diện có nhiều hình ảnh, đặc biệt là những hình nền có kích thước lớn. Chúc bạn thành công.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hobaohuy.com/thiet-ke-giao-dien-cho-wordpress-voi-font-awesome-cuc-bat-mat.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
