<?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>เขียน Theme Wordpress - TsupamaN.com</title>
	<atom:link href="https://www.tsupaman.com/tag/%E0%B9%80%E0%B8%82%E0%B8%B5%E0%B8%A2%E0%B8%99-theme-wordpress/feed" rel="self" type="application/rss+xml" />
	<link>https://www.tsupaman.com/tag/เขียน-theme-wordpress</link>
	<description>ทำเว็บไซต์ด้วย Wordpress</description>
	<lastBuildDate>Sat, 26 Dec 2015 06:17:18 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8.1</generator>
	<item>
		<title>WordPress : สร้าง Relate Posts ไม่ให้โพสปัจจุบันแสดง</title>
		<link>https://www.tsupaman.com/2015/12/wordpress-relate-posts-without-current-post</link>
		
		<dc:creator><![CDATA[TsupamaN]]></dc:creator>
		<pubDate>Sat, 26 Dec 2015 06:17:18 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Theme WordPress]]></category>
		<category><![CDATA[wordpress relate posts]]></category>
		<category><![CDATA[wordpress relate posts without current post]]></category>
		<category><![CDATA[การเขียน Theme Wordpress]]></category>
		<category><![CDATA[เขียน Theme Wordpress]]></category>
		<guid isPermaLink="false">https://www.tsupaman.com/?p=1863</guid>

					<description><![CDATA[<p>เอาโค้ดการเขียน theme wordpress แบบง่ายๆ มาฝากอีกหนึ่งชุดครับ เพราะว่าผมต้องเขียนโปรแกรมแทบจะทุกวัน ฟังก์ชั่นหรือโค้ดต่างๆ ที่ไม่ค่อยได้ใช้ ก็อาจจะลืมไปบ้าง จึงคิดว่า เอามาเขียนไว้ใน blog ดีกว่า เวลาต้องการจะใช้ ก็จะได้ไม่ต้องไป search หาจากที่ไหนอีก WordPress : สร้าง Relate Posts ไม่ให้โพสปัจจุบันแสดง &#60;h3 class="title"&#62;&#60;span&#62; Relate Posts&#60;/span&#62;&#60;/h3&#62; &#60;div class="list"&#62; &#60;ul&#62; &#60;?php $category = get_the_category(); $category_id = $category[0]-&#62;cat_ID; $my_query = new WP_Query(array( 'showposts' =&#62; 4, //โชว์แค่ 4 พอ 'orderby' =&#62; 'rand', //แสดงผลแบบสุ่ม 'cat' =&#62; $category_id, //หมวดหมู่ปัจจุบัน [&#8230;]</p>
<p>The post <a href="https://www.tsupaman.com/2015/12/wordpress-relate-posts-without-current-post">WordPress : สร้าง Relate Posts ไม่ให้โพสปัจจุบันแสดง</a> appeared first on <a href="https://www.tsupaman.com">TsupamaN.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>เอาโค้ด<strong>การเขียน theme wordpress</strong> แบบง่ายๆ มาฝากอีกหนึ่งชุดครับ เพราะว่าผมต้องเขียนโปรแกรมแทบจะทุกวัน ฟังก์ชั่นหรือโค้ดต่างๆ ที่ไม่ค่อยได้ใช้ ก็อาจจะลืมไปบ้าง จึงคิดว่า เอามาเขียนไว้ใน blog ดีกว่า เวลาต้องการจะใช้ ก็จะได้ไม่ต้องไป search หาจากที่ไหนอีก</p>
<h3>WordPress : สร้าง Relate Posts ไม่ให้โพสปัจจุบันแสดง</h3>
<pre class="lang:php decode:true ">&lt;h3 class="title"&gt;&lt;span&gt; Relate Posts&lt;/span&gt;&lt;/h3&gt;
&lt;div class="list"&gt;
	&lt;ul&gt;
	&lt;?php 
		$category = get_the_category();
		$category_id = $category[0]-&gt;cat_ID; 
							
		$my_query = new WP_Query(array(
			'showposts' =&gt; 4,                    //โชว์แค่ 4 พอ
			'orderby' =&gt; 'rand',                 //แสดงผลแบบสุ่ม
			'cat' =&gt; $category_id,               //หมวดหมู่ปัจจุบัน
			'post__not_in' =&gt; array($post-&gt;ID)   //ไม่ให้โชว์โพสปัจจุบันที่มันแสดงอยู่
		));;
		while ($my_query-&gt;have_posts()) : $my_query-&gt;the_post();
	?&gt;
		&lt;li&gt;
			&lt;a href="&lt;?php the_permalink() ?&gt;"&gt;&lt;?php if ( has_post_thumbnail() ) { the_post_thumbnail('thumb_relate'); } ?&gt;&lt;/a&gt;
			&lt;p&gt;&lt;a href="&lt;?php the_permalink() ?&gt;"&gt;&lt;?php title_short('...',  120); ?&gt;&lt;/a&gt;&lt;/p&gt;
		&lt;/li&gt;
	&lt;?php
		endwhile;
	?&gt;
&lt;/ul&gt;
&lt;/div&gt;</pre>
<p>ลองเอาไปใส่ในไฟล์ single.php ดูครับ ส่วนเรื่องการปรับแต่ง CSS ก็ตัวใครตัวมันนะ 555+</p>
<p><strong>บทความโดย TsupamaN</strong></p>
<p>The post <a href="https://www.tsupaman.com/2015/12/wordpress-relate-posts-without-current-post">WordPress : สร้าง Relate Posts ไม่ให้โพสปัจจุบันแสดง</a> appeared first on <a href="https://www.tsupaman.com">TsupamaN.com</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>การเขียน Theme WordPress ตอนที่ 1</title>
		<link>https://www.tsupaman.com/2013/07/how-to-create-theme-wordpress-1</link>
					<comments>https://www.tsupaman.com/2013/07/how-to-create-theme-wordpress-1#comments</comments>
		
		<dc:creator><![CDATA[TsupamaN]]></dc:creator>
		<pubDate>Wed, 24 Jul 2013 07:39:30 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Theme Wordpress free]]></category>
		<category><![CDATA[การทำงานของ wordpres]]></category>
		<category><![CDATA[การสร้าง Theme Wordpress]]></category>
		<category><![CDATA[การเขียน Theme Wordpress]]></category>
		<category><![CDATA[วิธีเขียน Theme Wordpress]]></category>
		<category><![CDATA[เขียน Theme Wordpress]]></category>
		<guid isPermaLink="false">https://www.tsupaman.com/?p=253</guid>

					<description><![CDATA[<p>ก่อนที่เราจะมาเริ่มเขียน Theme WordPress ใช้งานเองนั้น เรารู้จักกับ WordPress ดีพอหรือยัง สามารถใช้งานมันได้เต็มประสิทธิภาพแล้วหรือยัง เรียนรู้ระบบต่างๆภายในแล้วหรือยัง รู้จักภาษา PHP และ HTML (CSS,JavaScript) แล้วหรือยัง  เป็นต้น หากเราไม่มีข้อมูลพวกนี้อยู่เลย การเขียน Theme WordPress นี้ คงเป็นเรื่องยากแล้วล่ะครับ ยิ่งเกริ่นนำยิ่งออกทะเล เดี๋ยวจะหมดกำลังใจที่จะเขียน Theme กันก่อน เอาล่ะมาเริ่มกันเลย มารู้จักกับโครงสร้างของ WordPress ดูจากรูปโครงสร้างด้านบนแล้วงงกันมั๊ยครับ ผมจะอธิบายทีละฉากละกัน การทำงานของ wordpress หลักๆจะมี 3 ส่วนคือ หัว ตัวและขา ดังนี้ ส่วนหัว Head -&#62; header.php ส่วนตัว Content -&#62; index.php , sidebar.php , category.php , archives.php , single.php [&#8230;]</p>
<p>The post <a href="https://www.tsupaman.com/2013/07/how-to-create-theme-wordpress-1">การเขียน Theme WordPress ตอนที่ 1</a> appeared first on <a href="https://www.tsupaman.com">TsupamaN.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>ก่อนที่เราจะมาเริ่ม<strong>เขียน Theme WordPress</strong> ใช้งานเองนั้น เรารู้จักกับ WordPress ดีพอหรือยัง สามารถใช้งานมันได้เต็มประสิทธิภาพแล้วหรือยัง เรียนรู้ระบบต่างๆภายในแล้วหรือยัง <strong>รู้จักภาษา PHP และ HTML (CSS,JavaScript) แล้วหรือยัง</strong>  เป็นต้น หากเราไม่มีข้อมูลพวกนี้อยู่เลย การเขียน Theme WordPress นี้ คงเป็นเรื่องยากแล้วล่ะครับ ยิ่งเกริ่นนำยิ่งออกทะเล เดี๋ยวจะหมดกำลังใจที่จะเขียน Theme กันก่อน เอาล่ะมาเริ่มกันเลย</p>
<h3><strong>มารู้จักกับโครงสร้างของ WordPress</strong></h3>
<p><a href="https://www.tsupaman.com/wp-content/uploads/2013/07/anatomy-wordpress-yoast.png" data-rel="lightbox-gallery-vDSylwf6" data-rl_title="" data-rl_caption="" title=""><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-254" alt="anatomy-wordpress-yoast" src="https://www.tsupaman.com/wp-content/uploads/2013/07/anatomy-wordpress-yoast.png" width="570" height="3045" srcset="https://www.tsupaman.com/wp-content/uploads/2013/07/anatomy-wordpress-yoast.png 570w, https://www.tsupaman.com/wp-content/uploads/2013/07/anatomy-wordpress-yoast-56x300.png 56w" sizes="(max-width: 570px) 100vw, 570px" /></a></p>
<p>ดูจากรูปโครงสร้างด้านบนแล้วงงกันมั๊ยครับ ผมจะอธิบายทีละฉากละกัน <strong>การทำงานของ wordpres</strong>s หลักๆจะมี 3 ส่วนคือ หัว ตัวและขา ดังนี้</p>
<ul>
<li>ส่วนหัว Head -&gt; header.php</li>
<li>ส่วนตัว Content -&gt; index.php , sidebar.php , category.php , archives.php , single.php เป็นต้น</li>
<li>ส่วนขา Foot -&gt; footer.php</li>
</ul>
<p>ก็ยังงงล่ะสิท่า ดูภาพดีฟ่าครับ</p>
<p><a href="https://www.tsupaman.com/wp-content/uploads/2013/07/default-homepage.gif" data-rel="lightbox-gallery-vDSylwf6" data-rl_title="" data-rl_caption="" title=""><img decoding="async" class="aligncenter size-full wp-image-256" alt="default-homepage" src="https://www.tsupaman.com/wp-content/uploads/2013/07/default-homepage.gif" width="470" height="360" /></a></p>
<p>ที่จะบอกก็คือ คุณต้องรู้ก่อนว่าใน<strong>การเขียน Theme WordPress</strong> นั้น คุณจะต้องรู้ว่ามันมีไฟล์อะไรบ้างที่จะสร้าง Theme ขึ้นมาได้ โดย WordPress จะกำหนดไฟล์เหล่านี้มาโดยเฉพาะเลยก็ว่าได้ ไฟล์ที่ว่ามีดังนี้</p>
<ol>
<li><strong>header.php</strong> เป็นไฟล์ส่วนหัว สำหรับประกาศพวกแท็ก html , head , body อะไรก็ว่ากันไป</li>
<li><strong>footer.php</strong> หัวแล้วก็มาท้าย <strong>footer.php</strong> สำหรับปิดแท็กหรือจบทุกอย่างไว้ในส่วนท้าย</li>
<li><strong>index.php</strong> ตัวสำคัญที่จะทำให้หน้าแรกของคุณเกิดขึ้นมาได้ ประกอบไปด้วยหลายๆไฟล์มารวมกัน เช่น <strong>search.php , nav.php , sidebar.php , category.php , archives.php , tag.php , single.php , page.php</strong> เป็นต้น</li>
<li><strong>category.php</strong> สำหรับหน้าหมวดหมู่ต่างๆ หากไม่มีสามารถใช้ <strong>archives.php</strong> ทดแทนกันได้ ไม่ซีเรียสนะ</li>
<li><strong>single.php</strong> มันคือหน้าบทความที่เราอ่านๆกัน ให้นึกถึงตอนเราสร้าง Post ใน WordPress</li>
<li><strong>page.php</strong> หน้าเพจเช่นพวก about , contact ให้นึกถึงตอนเราสร้าง Page ใน WordPress</li>
<li><strong>sidebar.php</strong> มันคือข้อมูลด้านข้าง การใช้งานเอาไว้มาลงรายละเอียดกันอีกทีครับ</li>
<li><strong>comments.php</strong> สำหรับถามตอบและแสดงความคิดเห็น จะอยู่ในส่วนของ single.php</li>
<li><strong>functions.php</strong> ไฟล์นี้ค่อนข้างจำเป็นสำหรับเติมเต็มให้ WordPress มีชีวิตชีวาครับ เอาไว้มาลงรายละเอียดกันอีกทีนะ</li>
<li><strong>style.css</strong> สำหรับจัดการรูปแบบที่สวยงามของเว็บไซต์ ไม่บังคับ</li>
<li><strong>screenshot.jpg</strong> ภาพสำหรับแสดงรูปตอนเราเปลี่ยนธีมครับ</li>
</ol>
<p>หมดละครับ หลักๆก็จะมีแค่นี้เอง รู้ไว้คร่าวๆแค่นี้ก็พอ รายละเอียดลงลึกเอาไว้เจอกันใน <strong>การเขียน Theme WordPress ตอนที่ 2</strong> ครับ</p>
<p>The post <a href="https://www.tsupaman.com/2013/07/how-to-create-theme-wordpress-1">การเขียน Theme WordPress ตอนที่ 1</a> appeared first on <a href="https://www.tsupaman.com">TsupamaN.com</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.tsupaman.com/2013/07/how-to-create-theme-wordpress-1/feed</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
