<?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>Thumbnail size - TsupamaN.com</title>
	<atom:link href="https://www.tsupaman.com/tag/thumbnail-size/feed" rel="self" type="application/rss+xml" />
	<link>https://www.tsupaman.com/tag/thumbnail-size</link>
	<description>ทำเว็บไซต์ด้วย Wordpress</description>
	<lastBuildDate>Thu, 23 Oct 2014 16:45:04 +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>วิธีปรับขนาดของภาพใน Gallery ของ WordPress</title>
		<link>https://www.tsupaman.com/2014/10/edit-thumbnail-size-media-settings-wordpress</link>
		
		<dc:creator><![CDATA[TsupamaN]]></dc:creator>
		<pubDate>Thu, 23 Oct 2014 16:44:08 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Edit Thumbnail Size in Media Settings]]></category>
		<category><![CDATA[Thumbnail size]]></category>
		<category><![CDATA[wordpress gallery image size]]></category>
		<category><![CDATA[ปรับขนาด Thumbnail size Wordpress]]></category>
		<guid isPermaLink="false">https://www.tsupaman.com/?p=1383</guid>

					<description><![CDATA[<p>ในการที่เราจะสร้างเว็บไซต์ให้เหมาะและรองรับกับการเป็นเว็บแสดงผลงานหรือ Gallery หากเราเขียน PHP เพียวๆ แล้วล่ะก็ คงใช้เวลาพอสมควร แต่วันนี้ WordPress + Plugin ที่ผมเคยแนะนำ ช่วยให้ผมย่นเวลาการทำงานลงมาได้มากกว่าเดิมเป็นเท่าตัว ต่อจากบทความนี้นะครับ สร้างอัลบั้มด้วย Responsive Lightbox Plugin ขั้นเทพ ในการสร้างอัลบั้มของ wordpess นั้น ภาพอัลบั้มที่ได้มักจะเป็นสี่เหลี่ยมจัตุรัสไม่มีความสวยงามเอาซะเลย ตัวอย่างเช่น หากจะปรับแต่งต้องไปแก้ที่ไฟล์ CSS เพิ่มเติมยุ่งยาก ถ้าคนที่ไม่รู้ Programming ล่ะ จะไปปรับยังงัย วันนี้ผมมีวิธีปรับเล็กๆน้อยๆมาฝากครับเกี่ยวกับ วิธีปรับขนาดของภาพใน Gallery ของ WordPress ไม่ให้มันเป็นสี่เหลี่ยมจัตุรัสอีกต่อไป มาดูกันครับ วิธีปรับขนาดของภาพใน Gallery ของ WordPress ก่อนอื่น Login เข้า Admin ของ Wordpres ก่อนเลย แล้วไปที่เมนู Settings -&#62; Media ครับ จะเห็นว่าภาพ [&#8230;]</p>
<p>The post <a href="https://www.tsupaman.com/2014/10/edit-thumbnail-size-media-settings-wordpress">วิธีปรับขนาดของภาพใน Gallery ของ WordPress</a> appeared first on <a href="https://www.tsupaman.com">TsupamaN.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>ในการที่เราจะสร้างเว็บไซต์ให้เหมาะและรองรับกับการเป็นเว็บแสดงผลงานหรือ Gallery หากเราเขียน PHP เพียวๆ แล้วล่ะก็ คงใช้เวลาพอสมควร แต่วันนี้ <strong>WordPress + Plugin</strong> ที่ผมเคยแนะนำ ช่วยให้ผมย่นเวลาการทำงานลงมาได้มากกว่าเดิมเป็นเท่าตัว</p>
<p>ต่อจากบทความนี้นะครับ <a href="https://www.tsupaman.com/2014/08/wordpress-plugin-%E0%B8%AA%E0%B8%A3%E0%B9%89%E0%B8%B2%E0%B8%87%E0%B8%AD%E0%B8%B1%E0%B8%A5%E0%B8%9A%E0%B8%B1%E0%B9%89%E0%B8%A1-responsive-lightbox"><strong>สร้างอัลบั้มด้วย Responsive Lightbox Plugin ขั้นเทพ</strong></a> ในการสร้างอัลบั้มของ wordpess นั้น ภาพอัลบั้มที่ได้มักจะเป็นสี่เหลี่ยมจัตุรัสไม่มีความสวยงามเอาซะเลย ตัวอย่างเช่น</p>
<p><a href="https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-1.jpg" data-rel="lightbox-gallery-yLmPU5pI" data-rl_title="" data-rl_caption="" title=""><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-1384" src="https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-1.jpg" alt="tsu-gallery-images-1" width="550" height="430" srcset="https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-1.jpg 550w, https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-1-300x235.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /></a></p>
<p>หากจะปรับแต่งต้องไปแก้ที่ไฟล์ CSS เพิ่มเติมยุ่งยาก ถ้าคนที่ไม่รู้ Programming ล่ะ จะไปปรับยังงัย วันนี้ผมมีวิธีปรับเล็กๆน้อยๆมาฝากครับเกี่ยวกับ วิธีปรับขนาดของภาพใน Gallery ของ WordPress ไม่ให้มันเป็นสี่เหลี่ยมจัตุรัสอีกต่อไป มาดูกันครับ</p>
<h3>วิธีปรับขนาดของภาพใน Gallery ของ WordPress</h3>
<ul>
<li>ก่อนอื่น Login เข้า Admin ของ Wordpres ก่อนเลย แล้วไปที่เมนู Settings -&gt; Media ครับ</li>
</ul>
<p><a href="https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-2.jpg" data-rel="lightbox-gallery-yLmPU5pI" data-rl_title="" data-rl_caption="" title=""><img decoding="async" class="aligncenter size-full wp-image-1385" src="https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-2.jpg" alt="tsu-gallery-images-2" width="620" height="360" srcset="https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-2.jpg 620w, https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-2-300x174.jpg 300w" sizes="(max-width: 620px) 100vw, 620px" /></a></p>
<ul>
<li>จะเห็นว่าภาพ Thumbnail size มีขนาดเริ่มต้นอยู่ที่ 150×150 Pixel ให้แก้เป็นขนาดที่ต้องการครับ</li>
<li>จากนั้นไปที่การสร้าง Gallery ในส่วนของ Add Post เมื่อสร้างเสร็จแล้ว ให้  View code ดู แก้ไขตามนี้ครับ</li>
</ul>
<p><a href="https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-3.jpg" data-rel="lightbox-gallery-yLmPU5pI" data-rl_title="" data-rl_caption="" title=""><img decoding="async" class="aligncenter size-full wp-image-1386" src="https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-3.jpg" alt="tsu-gallery-images-3" width="601" height="34" srcset="https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-3.jpg 601w, https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-3-300x17.jpg 300w, https://www.tsupaman.com/wp-content/uploads/2014/10/tsu-gallery-images-3-600x34.jpg 600w" sizes="(max-width: 601px) 100vw, 601px" /></a></p>
<ul>
<li>ใส่ size=&#8221;thumbnail&#8221; เพิ่มเติมลงไป เท่านี้ของรูปภาพในอัลบั้ม ก็ไปเป็นไปตามที่เราต้องการแล้วครับ ไม่ต้องทนเห็นมันเป็นสี่เหลี่ยมจัตุรัสอีกต่อไป</li>
</ul>
<p>หากต้องการปรับแก้ขนาดอีก ก็ทำแบบเดิมครับ เท่านี้ก็จะได้ขนาดที่ดูสวยงามกว่าสี่เหลี่ยมจัตุรัสแล้ว ลองดูตัวอย่างได้ที่เว็บไซต์ <strong><a href="http://www.firedub.com/">www.firedub.com</a> </strong>ผมใช้หลักการจากบทความนี้แหละครับ</p>
<p>ขอบคุณรูปภาพและข้อมูลจาก amethystwebsitedesign.com</p>
<p>The post <a href="https://www.tsupaman.com/2014/10/edit-thumbnail-size-media-settings-wordpress">วิธีปรับขนาดของภาพใน Gallery ของ WordPress</a> appeared first on <a href="https://www.tsupaman.com">TsupamaN.com</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
