<?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>ปรับแต่งเว็บไซต์ - TsupamaN.com</title>
	<atom:link href="https://www.tsupaman.com/tag/%E0%B8%9B%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B9%81%E0%B8%95%E0%B9%88%E0%B8%87%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C/feed" rel="self" type="application/rss+xml" />
	<link>https://www.tsupaman.com/tag/ปรับแต่งเว็บไซต์</link>
	<description>ทำเว็บไซต์ด้วย Wordpress</description>
	<lastBuildDate>Fri, 30 May 2014 03:26:57 +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>ปรับแต่งเว็บไซต์ด้วย FireBug Addon ของ Firefox</title>
		<link>https://www.tsupaman.com/2014/05/%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%84%e0%b8%8b%e0%b8%95%e0%b9%8c-firebug-addon-firefox</link>
		
		<dc:creator><![CDATA[TsupamaN]]></dc:creator>
		<pubDate>Fri, 30 May 2014 03:12:21 +0000</pubDate>
				<category><![CDATA[Website]]></category>
		<category><![CDATA[Firebug Add-ons]]></category>
		<category><![CDATA[firebug addon download]]></category>
		<category><![CDATA[firebug addon firefox]]></category>
		<category><![CDATA[firebug addon for firefox]]></category>
		<category><![CDATA[ปรับแต่งเว็บไซต์]]></category>
		<category><![CDATA[ปรับแต่งเว็บไซต์ FireBug]]></category>
		<category><![CDATA[ปรับแต่งเว็บไซต์ด้วย FireBug]]></category>
		<guid isPermaLink="false">https://www.tsupaman.com/?p=912</guid>

					<description><![CDATA[<p>พูดถึงการใช้งานโปรแกรม หรือปรับแต่งเว็บไซต์ในปัจจุบัน เทคโนโลยีได้พัฒนาไปไกลจนมีเครื่องไม้เครื่องต่างๆออกมาให้ใช้เยอะแยะเต็มไปหมด อีกหนึ่งโปรแกรมที่ผมใช้ในการปรับแต่งเว็บไซต์ก็คือ FireBug ซึ่งเป็น Addons ของ Mozilla Firefox ครับ FireBug สามารถแก้ไขและตรวจสอบ CSS, HTML และ JavaScript  ในขณะที่เราอยู่ในหน้าเว็บไซต์ใดๆ ได้เลย โดยไม่จำเป็นต้องมีซอร์สโค้ดหรือดาวน์โหลดโค้ดลงมาปรับแต่งแต่อย่างใด แต่!! การปรับแต่งดังกล่าวนี้ จะไม่มีผลกับเว็บไซต์นั้นๆ นะครับ แต่มันจะแสดงผลให้เราเห็นเฉยๆ ว่าผลที่ได้จะเป็นอย่างไร หากจะทำการปรับแต่งจริงๆ เราต้องมาปรับที่ระบบของเราครับ การใช้งาน FireBug Addon ของ Firefox แน่นอนว่าการใช้งาน FireBug Addon ของ Firefox เราต้องทำการดาวน์โหลด Addons มาติดตั้งก่อน โดยการเปิดโปรแกรม Firefox ขึ้นมา และไปที่ลิงค์นี้ครับ https://addons.mozilla.org/en-US/firefox/addon/firebug/ กดเลือก +Add to Firefox ได้เลย จากนั้นก็ รอ รอ รอ [&#8230;]</p>
<p>The post <a href="https://www.tsupaman.com/2014/05/%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%84%e0%b8%8b%e0%b8%95%e0%b9%8c-firebug-addon-firefox">ปรับแต่งเว็บไซต์ด้วย FireBug Addon ของ Firefox</a> appeared first on <a href="https://www.tsupaman.com">TsupamaN.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>พูดถึงการใช้งานโปรแกรม หรือ<strong>ปรับแต่งเว็บไซต์</strong>ในปัจจุบัน เทคโนโลยีได้พัฒนาไปไกลจนมีเครื่องไม้เครื่องต่างๆออกมาให้ใช้เยอะแยะเต็มไปหมด อีกหนึ่งโปรแกรมที่ผมใช้ในการปรับแต่งเว็บไซต์ก็คือ <strong>FireBug</strong> ซึ่งเป็น Addons ของ Mozilla Firefox ครับ</p>
<p><a href="https://www.tsupaman.com/wp-content/uploads/2014/05/firebug-logo.jpg" data-rel="lightbox-gallery-qXZaZrhc" data-rl_title="" data-rl_caption="" title=""><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-914" alt="firebug-logo" src="https://www.tsupaman.com/wp-content/uploads/2014/05/firebug-logo.jpg" width="500" height="250" srcset="https://www.tsupaman.com/wp-content/uploads/2014/05/firebug-logo.jpg 500w, https://www.tsupaman.com/wp-content/uploads/2014/05/firebug-logo-300x150.jpg 300w" sizes="(max-width: 500px) 100vw, 500px" /></a></p>
<p><strong>FireBug</strong> สามารถแก้ไขและตรวจสอบ CSS, HTML และ JavaScript  ในขณะที่เราอยู่ในหน้าเว็บไซต์ใดๆ ได้เลย โดยไม่จำเป็นต้องมีซอร์สโค้ดหรือดาวน์โหลดโค้ดลงมาปรับแต่งแต่อย่างใด <span style="color: #ff0000;"><strong>แต่!!</strong> </span>การปรับแต่งดังกล่าวนี้ จะไม่มีผลกับเว็บไซต์นั้นๆ นะครับ แต่มันจะแสดงผลให้เราเห็นเฉยๆ ว่าผลที่ได้จะเป็นอย่างไร หากจะทำการปรับแต่งจริงๆ เราต้องมาปรับที่ระบบของเราครับ</p>
<h3>การใช้งาน FireBug Addon ของ Firefox</h3>
<p>แน่นอนว่าการใช้งาน FireBug Addon ของ Firefox เราต้องทำการดาวน์โหลด Addons มาติดตั้งก่อน โดยการเปิดโปรแกรม Firefox ขึ้นมา และไปที่ลิงค์นี้ครับ <a href="https://addons.mozilla.org/en-US/firefox/addon/firebug/" target="_blank"><strong>https://addons.mozilla.org/en-US/firefox/addon/firebug/</strong></a> กดเลือก <strong><span style="color: #008000;">+Add to Firefox</span></strong> ได้เลย จากนั้นก็ รอ รอ รอ มันจะ Restart Firefox 1 ครั้ง ถึงจะใช้งานได้ครับตามรูปดังนี้</p>
<p><a href="https://www.tsupaman.com/wp-content/uploads/2014/05/firebug-addon-01.jpg" data-rel="lightbox-gallery-qXZaZrhc" data-rl_title="" data-rl_caption="" title=""><img decoding="async" class="aligncenter size-full wp-image-913" alt="firebug-addon-01" src="https://www.tsupaman.com/wp-content/uploads/2014/05/firebug-addon-01.jpg" width="600" height="434" srcset="https://www.tsupaman.com/wp-content/uploads/2014/05/firebug-addon-01.jpg 600w, https://www.tsupaman.com/wp-content/uploads/2014/05/firebug-addon-01-300x217.jpg 300w, https://www.tsupaman.com/wp-content/uploads/2014/05/firebug-addon-01-110x80.jpg 110w" sizes="(max-width: 600px) 100vw, 600px" /></a></p>
<p>เมื่อเราเข้าเว็บไซต์ใดๆ ก็ตาม เจ้าแมลง FireBug จะอยู่บนมุมขวาบนของ Browser ตามรูปครับ แต่มันจะยังไม่ทำงานจนกว่าเราจะคลิกที่ไอคอนแมลง เมื่อคลิกใช้งานระบบจะเด้งหน้าซอร์สโค้ดมาให้ดังรูป เราอยากจะแก้ไขอะไรที่ส่วนไหน ไม่ว่าจะเป็น HTML , CSS , JavaScript เพื่อ DeBug เราทำได้หมดเลย ลองฝึกหัดใช้ดูนะครับ ผมเชื่อว่า มันมีประโยชน์จริงๆ อะไรๆที่ไม่เคยทำได้ ก็จะทำได้ รวมถึงการทำเรื่องต้องห้ามด้วย อิอิ ไม่ขอเอ่ยละกันมันไม่ดีกับตัวเองและเว็บไซต์ของคนอื่นครับ</p>
<p><strong>ปรับแต่งเว็บไซต์ด้วย FireBug Addon ของ Firefox</strong> ง่ายนิดเดียว</p>
<p><strong>บทความโดย : TsupamaN และภาพประกอบจาก <em>w3avenue.com</em><br />
</strong></p>
<p>&nbsp;</p>
<p>The post <a href="https://www.tsupaman.com/2014/05/%e0%b8%9b%e0%b8%a3%e0%b8%b1%e0%b8%9a%e0%b9%81%e0%b8%95%e0%b9%88%e0%b8%87%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a%e0%b9%84%e0%b8%8b%e0%b8%95%e0%b9%8c-firebug-addon-firefox">ปรับแต่งเว็บไซต์ด้วย FireBug Addon ของ Firefox</a> appeared first on <a href="https://www.tsupaman.com">TsupamaN.com</a>.</p>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Plugin WordPress ที่จำเป็นในการทำเว็บไซต์</title>
		<link>https://www.tsupaman.com/2013/04/plugin-wordpress</link>
		
		<dc:creator><![CDATA[TsupamaN]]></dc:creator>
		<pubDate>Thu, 18 Apr 2013 07:38:55 +0000</pubDate>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[Plugin Wordpress]]></category>
		<category><![CDATA[Plugin Wordpress คือ]]></category>
		<category><![CDATA[ปรับแต่งเว็บไซต์]]></category>
		<category><![CDATA[ปรับแต่งเว็บไซต์ด้วย Wordpress]]></category>
		<guid isPermaLink="false">https://www.tsupaman.com/?p=174</guid>

					<description><![CDATA[<p>ก่อนจะเริ่มปรับแต่งเว็บไซต์ด้วย WordPress เราต้องมารู้จักกับ Plugin WordPress กันซะก่อน ว่ามันคืออะไร เอาไปใช้อย่างไร ข้อดี ข้อเสียของมัน Plugin WordPress คือ ชุดคำสั่งสำเร็จรูปที่เราสามารถเอามาใช้ได้ทันที โดยการ upload เข้าไปยังระบบจัดการ โดย Plugin มีหน้าที่เป็นส่วนเสริมหรือปรับแต่งเว็บไซต์ หรืออำนวยความสะดวกตามที่เราต้องการครับ เพราะแบบนี้ไงล่ะ ผมถึงบอกว่า ไม่ต้องมีความรู้ทางด้านโปรแกรมเมอร์ ก็สามารถทำเว็บไซต์ได้ เรามาดู Plugin WordPress ที่จำเป็นในการทำเว็บไซต์กันครับ Akismet มันจะติดมากับ WordPress อยู่แล้วครับ ตัวนี้ใช้สำหรับดัก Spam ไม่พึงประสงค์ได้ดีมากๆเลย All in One SEO Pack เป็น Plugin ที่จำเป็นค่อนข้างมากสำหรับนักทำ SEO ทั้งหลาย Breadcrumb NavXT  เป็น Plugin สำหรับบอกที่อยู่แบบ Breadcrumb ของหน้านั้นๆ Share This [&#8230;]</p>
<p>The post <a href="https://www.tsupaman.com/2013/04/plugin-wordpress">Plugin WordPress ที่จำเป็นในการทำเว็บไซต์</a> appeared first on <a href="https://www.tsupaman.com">TsupamaN.com</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>ก่อนจะเริ่ม<strong>ปรับแต่งเว็บไซต์ด้วย WordPress</strong> เราต้องมารู้จักกับ <strong>Plugin WordPress</strong> กันซะก่อน ว่ามันคืออะไร เอาไปใช้อย่างไร ข้อดี ข้อเสียของมัน</p>
<p><a href="https://www.tsupaman.com/wp-content/uploads/2013/04/wordpress-plugin-01.jpg" data-rel="lightbox-gallery-2qIvHsMZ" data-rl_title="" data-rl_caption="" title=""><img decoding="async" class="aligncenter size-full wp-image-176" alt="wordpress-plugin-01" src="https://www.tsupaman.com/wp-content/uploads/2013/04/wordpress-plugin-01.jpg" width="550" height="215" srcset="https://www.tsupaman.com/wp-content/uploads/2013/04/wordpress-plugin-01.jpg 550w, https://www.tsupaman.com/wp-content/uploads/2013/04/wordpress-plugin-01-300x117.jpg 300w" sizes="(max-width: 550px) 100vw, 550px" /></a></p>
<p><strong>Plugin WordPress คือ</strong> ชุดคำสั่งสำเร็จรูปที่เราสามารถเอามาใช้ได้ทันที โดยการ upload เข้าไปยังระบบจัดการ โดย Plugin มีหน้าที่เป็นส่วนเสริมหรือปรับแต่งเว็บไซต์ หรืออำนวยความสะดวกตามที่เราต้องการครับ เพราะแบบนี้ไงล่ะ ผมถึงบอกว่า ไม่ต้องมีความรู้ทางด้านโปรแกรมเมอร์ ก็สามารถทำเว็บไซต์ได้</p>
<h3>เรามาดู Plugin WordPress ที่จำเป็นในการทำเว็บไซต์กันครับ</h3>
<ul>
<li>Akismet มันจะติดมากับ WordPress อยู่แล้วครับ ตัวนี้ใช้สำหรับดัก Spam ไม่พึงประสงค์ได้ดีมากๆเลย</li>
<li>
<p itemprop="name"><strong><a href="http://wordpress.org/extend/plugins/all-in-one-seo-pack/" target="_blank">All in One SEO Pack </a></strong>เป็น Plugin ที่จำเป็นค่อนข้างมากสำหรับนักทำ SEO ทั้งหลาย</p>
</li>
<li><a href="http://wordpress.org/extend/plugins/breadcrumb-navxt/" target="_blank"><strong>Breadcrumb NavXT</strong></a>  เป็น Plugin สำหรับบอกที่อยู่แบบ Breadcrumb ของหน้านั้นๆ</li>
<li><a href="http://wordpress.org/extend/plugins/jw-share-this/" target="_blank"><strong>Share This</strong> </a>ใช้สำหรับแชร์บทความไปยัง Social Network ต่างๆ สะดวกมากๆครับ</li>
<li>
<p itemprop="name"><a href="http://wordpress.org/extend/plugins/wp-pagenavi/" target="_blank"><strong>WP-PageNavi </strong></a>ใช้สำหรับแบ่งจำนวนหน้าตามเพจต่างๆ</p>
</li>
<li>
<p itemprop="name"><a href="http://wordpress.org/extend/plugins/wp-postviews/" target="_blank"><strong>WP-PostViews</strong></a> ใช้นับจำนวนผู้เข้าดูบทความของเว็บไซต์</p>
</li>
<li><a href="http://wordpress.org/extend/plugins/contact-form-7/" target="_blank"><strong>Contact Form 7</strong></a><strong> </strong><strong></strong>ใช้สำหรับสร้างแบบฟอรมต่างๆ ใช้งานง่าย สะดวก และประสิทธิภาพเกินตัว</li>
<li><a href="http://wordpress.org/extend/plugins/really-simple-captcha/" target="_blank"><strong>Really Simple CAPTCHA</strong> </a>ใช้สำหรับดัก Spam ส่วนใหญ่จะใช้พร้อมกับ <strong>Contact Form 7</strong> หรือ Plugin สร้างแบบฟอร์มต่างๆ</li>
<li><a href="http://wordpress.org/extend/plugins/wp-postratings/" target="_blank"><strong>WP-PostRatings </strong></a>ใช้สำหรับให้คะแนนบทความ</li>
<li><a href="http://wordpress.org/extend/plugins/yet-another-related-posts-plugin/" target="_blank"><strong>Yet Another Related Posts Plugin </strong></a>ใช้สำหรับแสดงบทความที่เกี่ยวข้องกัน มีประโยชน์สำหรับผู้อ่าน</li>
<li><strong><a href="http://www.dagondesign.com/articles/sitemap-generator-plugin-for-wordpress/" target="_blank">Dagon Design Sitemap Generator</a> </strong>ใช้สำหรับสร้าง Sitemap ของเว็บไซต์</li>
<li><a href="http://www.arnebrachhold.de/projects/wordpress-plugins/google-xml-sitemaps-generator/" target="_blank"><strong>Google XML Sitemaps </strong></a>ใช้สำหรับ Generate ไฟล์ XML เพื่อ Submit กับ Search Engine อย่างง่ายดาย</li>
<li><strong><a href="http://devel.kostdoktorn.se/limit-login-attempts" target="_blank">Limit Login Attempts</a> </strong>เป็น Plugin ที่ผมแนะนำให้มีเลยครับ เพราะจำเป็นมากสำหรับการป้องกันการ Hack เว็บไซต์</li>
<li><strong><a href="http://wordpress.org/extend/plugins/shockingly-simple-favicon/" target="_blank">Shockingly Simple Favicon</a> </strong>เป็น Plugin สำหรับจัดการ favicon ของเว็บไซต์</li>
<li><strong><a href="http://wordpress.org/extend/plugins/seo-automatic-links/" target="_blank">SEO Smart Links</a> </strong>เป็น Plugin SEO สำหรับลิงค์ภายในเว็บไซต์</li>
<li><strong><a href="http://wordpress.org/extend/plugins/seo-image/" target="_blank">SEO Friendly Images</a> </strong>เป็น Plugin SEO สำหรับรูปภาพภายในเว็บไซต์</li>
<li><strong><a href="http://wordpress.org/extend/plugins/get-the-image/" target="_blank">Get The Image</a> </strong>เป็น Plugin สำหรับดึงภาพ Thumbnail มาแสดง</li>
<li><strong><a href="http://wordpress.org/extend/plugins/syntaxhighlighter/" target="_blank">SyntaxHighlighter Evolved</a> </strong>เป็น Plugin สำหรับโปรแกรมเมอร์ ใช้สำหรับเขียนศอร์สโค้ดอธิบายบนเว็บไซต์ในรูปแบบภาษาต่างๆ</li>
</ul>
<p>นี่คือ Plugin ที่จำเป็นในการทำเว็บไซต์นะครับ หากจะลองตัวอื่นก็ลองหาเอาได้จากเว็บ <strong>WordPress</strong> เลยครับ หรือค้นหาจาก Google ก็ได้ มากมายเป็นหมื่นๆตัวเลย โดย<strong>ข้อดีของ Plugin</strong> นั้นคือ อำนวยความสะดวกและจัดการให้เว็บเราดูดีขึ้นได้ แต่หากมีเยอะเกินไปก็กลายเป็นข้อเสียครับ เพราะจะทำให้เว็บเราโหลดช้ามาก หากจะใช้อันไหนก็ลองเลือกให้ดีนะครับ</p>
<p>The post <a href="https://www.tsupaman.com/2013/04/plugin-wordpress">Plugin WordPress ที่จำเป็นในการทำเว็บไซต์</a> appeared first on <a href="https://www.tsupaman.com">TsupamaN.com</a>.</p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
