AMP ช่วยให้ผู้ใช้มาจากมือถือแซงเดสก์ท็อปแล้ว

อะไรคือ AMP? เกี่ยวข้องยังไงกับบล็อกนี้?

เรื่องเล่าวันนี้เป็นเรื่องเกี่ยวกับบล็อกของตัวเองที่เขียนๆ หยุด ๆ มานานพอสมควร ถ้านับเวลาน่าจะเกิน 10 ปีได้แล้ว โพสแรก ตัวบล็อกมันอยู่ได้ด้วยตัวของมันเองโดยมีค่าโฆษณาจาก Google Ads ที่ติดไว้คอยเลี้ยงดู ไม่ได้เยอะ แต่เพียงพอที่จะจ่ายค่าโฮสและค่าโดเมนรายปีได้ ทั้ง ๆ ที่บางปีเขียนเรื่องใหม่ไปแค่ 1-2 เรื่องเท่านั้น ต้องขอบคุณคนคลิกเข้ามาดู ที่สำคัญตลอดเวลาที่ผ่านมารายได้มาจากผู้ใช้งานเดสก์ท็อปเป็นหลัก


ในยุคปัจจุบันที่คนส่วนใหญ่ไปอยู่ในแพลตฟอร์มโซลเชียลกันหมดแล้ว แต่แนวบล็อกหรือเว็บไซต์ก็ยังให้ความรู้สึกว่าชอบมากกว่า นั่งกดอ่าน feed ผ่าน RSS ก็ยังเป็นกิจวัตรประจำวันเหมือนเดิม คิดว่ายังคงต้องทำต่อไปเรื่อย ๆ

เข้าเรื่องหลักเลยแล้วกัน เมื่อราวสองเดือนก่อนตอนที่เข้าไปดูรายงานของ Google Adsense มีข้อความแนะนำจากระบบประมาณว่า
เฮ้ย…ไม่ปรับปรุงเว็บของแกให้แสดงผลให้เป็นมิตรกับคนใช้มือถือหน่อยหรอ คนใช้เยอะนะ
เอารายละเอียดของ AMP (Accelerated Mobile Pages )ไปอ่าน แล้วลองทำดูซ่ะนะ เลยลองทำตามคำแนะนำ

ซึ่งโดยปรกติแล้วอะไรที่เขานิยม ใน WordPress ก็จะมีปลั๊กอินรองรับอยู่แล้ว
จากนั้นแค่เข้าไปโหลด ปลั๊กอิน มาติดตั้ง คลิก 2-3 ที ก็เสร็จ
ง่ายเช่นกันในการเอา Google Ads ฝั่งลงไปในระบบ เข้าไปด้วย

สิ่งที่ได้หลังจากนั้นในช่วงที่ผ่านมา รายได้ใน Google Ads ผ่านมือถือแซงรายได้จากเดสก์ท็อปไปแล้ว ความจริงแล้วพอลองเข้าไปดูใน Google Analytic ดี ๆ จะพบว่าอุปกรณ์ที่เข้ามาในบล็อกนี้ก็เป็นโทรศัพท์มือถือระดับไฮเอนด์อยู่ในระดับใกล้เคียงกับเดสก์ท็อปมาได้สักพักใหญ่ ๆ แล้ว แต่เพิ่งจะมาแซงตอนปรับให้มีเพจสำหรับมือถือ

ดังนั้นในเดือนนี้ต้องขอบันทึกไว้ว่า ตลอดเวลาที่ผ่านมา 10 กว่าปี ตอนนี้รายได้จากคนใช้มือถือได้แซงฝั่งเดสก์ท็อปไปแล้ว คนอื่นอาจปรับตัวไปนานแล้ว แต่พวกไม่สนใจอะไรเพิ่งจะปรับตัวตาม (หมายถึงตัวเอง) เลยเพิ่งจะเห็นผล

แหล่งรายได้ของบล็อกนี้ จากโทรศัพท์มือถือมากกว่าเดสก์ท็อปแล้วในช่วงที่ผ่านมา

แต่ถ้าไปดูรายงานของทั่วโลกมือถือแซงเดสก์ท็อปไปตั้งแต่ปี 2016 แล้ว ลิงค์ข่าว

ปล. ในปีที่ผ่านมาเราได้เห็นแล้วว่าในอุตสาหกรรมเกม มือถือก็กำลังจะแซงเกมบนเดสก์ท็อปแล้วเช่นกัน

“ย้ำอีกที มือถือคืออุปกรณ์หลักของคนใช้อินเทอร์เน็ตนานแล้ว” ปรับตัวซะ

วิธีแสดงภาพขนาดใหญ่ด้วย Google Maps Viewer

ถ้าหากต้องการแสดงภาพที่มีขนาดใหญ่มากๆ อย่างเช่น ภาพพาราโนมา ภาพแผนที่ขนาดใหญ่ สไลด์ชิ้นเนื้อที่ถ่ายแบบทั้งสไลด์ เป็นต้น ต้องการแสดงผลแบบที่เห็นภาพโดยรวมของภาพทั้งหมดก่อน และเมื่ออยากดูรายละเอียดที่ชัดเจนมากยิ่งขึ้น สามารถซูมเข้าไปดูได้ พูดง่ายๆคือแสดงเหมือนแผนที่ใน Google Maps เมื่อเลือกตำแหน่งที่สนใจได้แล้ว ก็สามารถซูมเข้าไปดูใกล้ๆได้ เพื่อดูรายละเอียดที่ชัดเจนมากยิ่งขึ้น

ในความเป็นจริงถ้าเราแสดงภาพที่มีความละเอียดสูงตั้งแต่แรกจะทำให้การโหลดข้อมูลทำได้ช้ามากเพราะภาพจะมีขนาดใหญ่ วิธีดังกล่าวนี้จะเลือกโหลดภาพเฉพาะส่วนที่จำเป็นมาแสดงทำให้การแสดงผลทำได้ราบรื่นกว่ามาก เช่น ถ้าหากต้องการดูพื้นที่โดยรวมทั้งหมดก็จะโหลดภาพที่มีความละเอียดต่ำมาแสดงผล ถ้าต้องการดูส่วนที่ละเอียดมากขึ้นเมื่อกดซูมระบบจะดึงภาพที่มีความละเอียดสูงกว่ามาแสดงเฉพาะส่วนตรงจุดที่เราสนใจ เมื่อเราคลิกเลื่อนตำแหน่งไปเรื่อยๆก็จะโหลดภาพส่วนนั้นเพิ่มเข้ามาแสดงผล

ตัวอย่างเว็บไซต์ที่ใช้ Google Maps Viewer มาใช้งาน มีหลากหลายเว็บไซต์ ยกตัวอย่างเช่น https://www.pathobin.com

ขั้นตอนการใช้ Google Maps Viewer แสดงภาพขนาดใหญ่

  1. ดาวน์โหลดโปรแกรม GMap Image Cutter  ลงไว้ในเครื่อง แตกไฟล์ที่อยู่ใน zip ออกมา
  2. เปิดโปรแกรมที่ชื่อ GMapImageCutter.jar ขึ้นมา ในเครื่องจะต้องมี Java ติดตั้งไว้ด้วย ถ้าไม่มีดาวน์โหลดและติดตั้งได้ที่ https://java.com/en/download/index.jsp
  3. คลิกเลือก File → Open เลือกไฟล์ภาพที่ต้องการนำมาแสดงด้วย Google Maps Viewer ในส่วนของ Max Zoom Level ควรตั้งไว้ตามค่าเดิม แต่ถ้าต้องการเพิ่มให้ซูมได้มากยิ่งขึ้นสามารถปรับเพิ่มได้ แต่ก็จะทำให้ต้องใช้เวลาในการสร้างไฟล์นานยิ่งขึ้น จากนั้นคลิกปุ่ม Create

    Gmap cutter

  4. เมื่อโปรแกรมสร้างไฟล์เสร็จแล้ว จะได้ไฟล์ HTML และโฟลเดอร์ที่เก็บภาพที่โปรแกรมสร้างขึ้นมาใหม่จำนวนจะมากน้อยตามความละเอียดที่ตั้งไว้ สามารถแสดงผลได้ทันทีโดยการคลิกเปิดไฟล์ HTML ด้วยบราวเซอร์ท่องเว็บไซต์ทั้วไป เช่น Internet Explorer, Google chrome, Safari เป็นต้น สามารถดูในแบบ Offline ได้ทันที

    ภาพที่พร้อมใช้งาน

  5. ถ้าต้องการนำภาพดังกล่าวไปแสดงบนเว็บไซต์สามารถทำได้โดยการอัพโหลดไฟล์ HTML และโฟลเดอร์ภาพขึ้นไปไว้บนเซิร์ฟเวอร์จากนั้นเรียกการแสดงผลโดยการใช้โค้ด

ยกตัวอย่างโค้ด

<iframe src="panorama.html" width="800" height="600" frameborder="0" marginwidth="0" marginheight="0" scrolling="no">
 </iframe>

หรืออัพโหลดขึ้น Dropbox ซึ่งสามารถแสดงไฟล์ที่เป็น HTML ได้เลยเช่นกัน ต้องใส่ไว้ใน public folder ยกตัวอย่าง https://dl.dropboxusercontent.com/u/1622318/Tissue-section.html

ข้อมูลจาก https://www.labnol.org

Wordmark.it เว็บนี้ช่วยคุณเลือกฟอนต์มาใช้งานได้ง่ายขึ้น

Wordmark.it เว็บเลือกฟอนต์ที่ชอบ

Wordmark.it เชื่อว่านักออกแบบต้องชอบเว็บนี้แน่เลย เป็นเว็บที่จะช่วยให้เราเลือกฟอนต์ที่จะนำมาใช้ในงานออกแบบของเราได้ง่ายขึ้นมาก เพียงพิมพ์ข้อความลงไปบนช่องด้านบนของเว็บไซต์ และกดโหลดฟอนต์ “load font” แล้วฟอนต์ที่ติดตั้งอยู่ในเครื่องเราก็จะถูกนำมาแสดงบนเว็บไซต์ ให้เราได้พรีวิวดูก่อนว่าฟอนต์ไหนจะเหมาะกับข้อความที่เราออกแบบไว้

ยังสามารถปรับแต่งข้อความเพิ่มเติมได้จาก เมนูด้านบน ได้แก่ แบบพื้นหลังสีดำตัวอักษรสีขาว พื้นหลังสีขาวตัวอักษรสีดำ รูปแบบตัวอักษร(ตัวเขียน เล็ก ใหญ่) ขนาดของฟอนต์ เป็นต้น เว็บทำงานได้ค่อนข้างเร็วเลย จะโหลดฟอนต์มาบางส่วนถ้าเลื่อนจนสุดแต่ยังไม่ถูกใจก็คลิกโหลดฟอนต์มาแสดงผลเพิ่มต่อไปเรื่อยๆ

นอกจากนั้นมันใช้กับภาษาไทยได้ด้วยนะครับ ลองพิมพ์ภาษาไทยเข้าไปก็ใช้งานได้ดีเลย

ทดสอบใช้งานภาษาไทยใน Wordmark.it

นับว่าช่วยให้การเลือกฟอนต์ทำได้ง่ายขึ้นมากๆ น่าจะเป็นประโยชน์กับมือใหม่ที่ทำงานด้านออกแบบ ทำเว็บไซต์ ทำสื่อสิ่งพิมพ์ ไม่แน่ใจว่ามืออาชีพเขามีเครื่องมืออะไรในการเลือกฟอนต์ แต่สำหรับมือสมัครเล่นอย่างเรา เว็บนี้มีประโยชน์มากครับ Bookmark ไว้เลยล่ะ

เข้าไปใช้งานได้ที่ https://wordmark.it

via: https://twitter.com/AdobeMuse/status/514512039788560384

[WORDPRESS PLUGIN] Jetpack รวมปลั๊กอินหลายตัวเป็นหนึ่งเดียว

Jetpack for WordPress

กำลังมองหาปลั๊กอินเกี่ยวกับการทำแชร์ลิงค์ไปที่ social network พวก twitter, facebook, google+ อะไรประมาณนี้อยู่ครับ ซึ่งมันก็มีอยู่เยอะมาก เลือกกันจนตาลายก็ไม่ได้ดังใจสักทีสุดท้ายมาเจอ Sharedaddy ค่อนข้างถูกใจ ง่าย ขนาดเล็ก

แต่พอติดตั้ง Sharedaddy เสร็จมันขึ้นเตือนมาว่า ต้องลงปลั๊กอิน Jetpack เพิ่มถึงจะทำงานได้ ก็เลยติดตั้งลงบล็อกไป เมื่อเปิดดูรายละเอียดของ Jetpack แล้ว ต้องบอกว่ามันสุดยอดมาก เพราะมันเป็น All in one รวมปลั๊กอินหลายตัวมาอยู่ในตัวเดียว เลยสามารถลบปลั๊กอินออกได้หลายตัวแล้วมาใช้ Jetpack แค่ตัวเดียว

Plugin ต่างๆที่อยู่ใน Jetpack

Plugin ที่อยู่ Jetpack

เยอะมาก และยังมีแนวโน้มที่จะเพิ่มขึ้นเรื่อยๆ ในการติดตั้งต้องมี account ของ WordPress.com ด้วยนะครับ เพือเชื่อมระหว่างบล็อกของเรากับ WordPress

มาดูปลั๊กอินตัวเด่นๆที่น่าใช้ครับ

WordPress.com Stats

เก็บสถิติของบล็อก

ตัวเก็บสถิติใช้ตัวเดียวกันกับ WP.com มันเก็บข้อมูลได้ละเอียดกว่าตัว StatPress Reloaded ที่ใช้อยู่ ดังนั้นเลยถอนตัวปลั๊กอินตัวนี้ที่ใช้มานานแล้วทิ้งไปอย่างไม่ลังเล

Sharing Buttons

Sharing

ปุ่มสำหรับกดแชร์บล็อกไปที่ Social network ที่ต้องการ มีตัวหลักๆครบถ้วน หรือจะเพิ่มเองก็ได้ มีรูปแบบให้เลือกหลายอัน เรียบ ง่าย และสวย ควบคุมให้แสดงเฉพาะ Home, Page หรือ Post ได้ ตรงตามความต้องการพอดี จึงลบตัวที่เคยใช้มาก่อนหน้านี้คือ Social Sharing Toolkit ทิ้งไป

Subscriptions widget

Subscriptions widget

ระบบแจ้งเตือนผ่านทางอีเมลเมื่อมีโพสใหม่ เป็นระบบของ WordPress เอง และมีการเก็บสถิติได้ด้วย แต่ตอนนี้ใช้ของ Feedburner อยู่เลยไม่ได้เปลี่ยน หากใครสนใจใชระบบของ WordPress ก็น่าใช้ไม่น้อยเหมือนกัน

Gravatar Hovercards

Gravatar Hovercards

ระบบทำรายละเอียดของผู้เขียน โดยดึงของมูลมาจาก Gravatar เหมาะสำหรับบล็อกที่มี Author หลายคน บล็อกนี้มีคนเดียวเลยไม่ได้ใช้งาน

Spelling and Grammar demo

ระบบแนะนำคำถูกต้อง

ปลั๊กอินตัวนี้เหมาะสำหรับคนที่เขียนบล็อกเป็นภาษาอังกฤษ เพราะมันจะช่วยให้ดูคำผิดทั้งการสะกดผิดหรือแกรมมาผิดได้ง่ายขึ้น มันจะแนะนำคำที่ถูกต้องมาให้ เหมือนอยู่ใน MS Office เลย

Contact Form

Contact Form

ใครที่ใช้ Contract Form 7 ตัวนี้ก็ทำงานในแบบเดียวกัน ปรับแต่ง field ได้ และตั้งค่าอีเมลรับข้อความได้

Custom CSS

CSS editor

ตัวแก้ไข ปรับแต่ง CSS เพิ่มเติม แบบแสดงสีสัน ที่ไม่ได้มีแค่โค้ดเหมือน default ของ WordPress

Mobile Theme

Mobile Theme

ปรับแต่งให้บล็อกแสดงผลในอุปกรณ์มือถือ แท็ปเล็ต ได้สวยงามยิ่งขึ้น ดูดีมาก แต่ก่อนใช้ WPtouch เลยเปลี่ยนมาใช้ของ Jetpack แทน และสามารถปรับแต่การแสดงผลได้อีกนิดหน่อย

ส่วนอื่นๆที่ไม่ได้กล่าวถึง

  • Jetpack Comments
  • Carousel Gallery
  • VaultPress
  • WP.me Shortlinks
  • Shortcode Embeds
  • Beautiful Math
  • Extra Sidebar Widgets
  • Enhanced Distribution

แต่ที่ชอบมากเพราะมันไม่ได้ทำให้บล็อกโหลดช้าเลย อาจจะเพราะปลั๊กอินส่วนใหญ่ที่มีใน Jetpack เราใช้อยู่แล้ว ก็เป็นได้

 ดูรายละเอียด และ ดาวน์โหลด Jetpack for WordPress 

[WordPress Plugin] SimpleReach Slide เพิ่มความสนใจให้คนอยู่ในบล็อกนานขึ้น

ไปเจอ plugin สำหรับ WordPress ตัวหนึ่ง ชื่อ SimpleReach Slide เมื่อติดตั้งมันจะสร้าง Slide แนะนำโพสที่เกี่ยวข้องกับเนื้อหาที่ผู้ใช้กำลังเปิดอยู่ให้ เมื่อเราเลื่อนอ่านเนื้อหาจนสุดด้านล่าง หรือจะ scroll ลงไปเลยก็ได้นะ มันจึงจะโผล่ออกมา

ที่น่าสนใจอีกอย่างคือ มันจะยังไม่โผล่มาจนกว่าคนใช้จะเลื่อนลงไปข้างล่างจนจบเนื้อหาที่เปิดอ่านอยู่ แต่เมื่อมันปรากฏขึ้นมาแล้วเวลาเราเลื่อนหน้าเว็บขึ้นมันก็จะหุบให้เล็กลง(แต่ไม่หายไปนะ) ถ้าใครยังนึกภาพไม่ออกว่ามันแสดงผลยังไงก็ดูตัวอย่างรูปด้านล่าง หรือไม่ก็เลื่อนหน้านี้ลงไปให้สุดด้านล่าง แล้วสังเกตุที่มุมขวาล่าง นั้นแหละความสามารถของมัน

เรียกได้ว่าถูกใจมากเลย จึงเอามาบอกต่อครับ

SimpleReach Slide ปลั๊กอินสำหรับ WordPress

ที่ดาวน์โหลดปลั๊กอิน SimpleReach Slide

Developer เขียนในคำอธิบายว่ามันจะเพิ่มจำนวน pageviews กับ time on site ให้เว็บไซต์ของคุณได้ พอดูแล้วก็อาจช่วยได้ส่วนหนึ่งเพราะตอนที่มันเด้งขึ้นมา ทำได้น่าสนใจทีเดียว เหมือนมีอะไรตอบสนองตอนเราเลือนจอ สรุปว่าชอบก็แล้วกันครับ

เปลี่ยนธีมอันใหม่ให้บล็อก

ธีมตัวเก่า Wide Blog Happens Theme โดย @imenn

ธีมตัวเก่าใช้มาเกือบจะ 4 ปี แล้ว ใช่ว่าไม่อยากเปลี่ยนธีมใหม่ให้ทันสมัยนะ แต่เหตุผลหลักๆที่ทำให้ไม่ได้เปลี่ยนสักที พอสรุปได้ดังนี้ครับ

  • Hard code ลงในธีมเยอะมาก ทั้งใน header.php , page.php, post.php จะเปลี่ยนทีต้องใช้เวลานานพอสมควรเลย
  • ภาพที่ใช้ประกอบในบล็อก ค่อนข้างทำ size ให้เหมาะกับธีมเดิม ต้องหาธีมที่กระทบกับโพสอันเก่าให้น้อยที่สุด คงไม่มีทางมานั่งแก้โพสเกือบ 500 โพสให้เข้ากับธีมใหม่แน่ๆ ตัวเลือกเลยน้อยลงไปอีก
  • โพสอันเก่าไม่ได้ทำ feature image ไว้เลย แต่ใช้ plugin เป็นตัวช่วยดึงมา ธีมสมัยใหม่จะใช้ข้อมูลอันนี้เกือบหมดแล้ว เป็นอีกหนึ่งเหตุผลที่จะทำให้โพสอันเก่ามีปัญหา
  • คิดว่าธีมอันเก่านั้นค่อนข้างโอเคในระดับที่ยังยอมรับได้อยู่

แล้วเหตุใดจึงต้องเปลี่ยนธีมใหม่

  • อยากได้ Responsive theme ซึ่งจะทำให้บล็อกเปลี่ยนเลเอาท์ให้เหมาะสมกับขนาดหน้าจอของอุปกรณ์ที่เปิดใช้งาน คิดว่าตอนนี้คนเข้าดูเว็บไม่ได้ดูผ่านทางคอมพิวเตอร์อย่างเดียวแล้ว แม้จะมี plugin ช่วยอยู่ก็ตาม แต่คิดว่าสู้ Responsive theme ไม่ได้หรอก เท่กว่าเยอะ
  • คิดว่าถ้าทิ้งปัญหาต่างๆของด้านบนไว้นานๆจะยิ่งทำให้การเปลี่ยนธีมในอนาคตทำได้ยากขึ้นอีก
  • บล็อกเก่ามีติด Google Adsense ไว้ใต้หัวข้อโพสก่อนจะเริ่มเนื้อหา เป็นตำแหน่งที่ตัวเองก็ไม่ชอบนัก แต่เป็นตำแหน่งที่ทำให้คลิกเยอะสุดแล้วเมื่อเทียบกับตำแหน่งอื่นๆ อยากจะเปลี่ยนแปลงตรงนี้ แต่ไม่กระทบรายได้ของบล็อกมากนัก (แต่เพราะมันเป็นตัวหล่อเลี้ยงเว็บไซต์อื่นๆที่ทำตามใจอีกกว่า 5 เว็บไซต์) ซึ่งธีมใหม่ถือว่าช่วยได้ในระดับที่น่าพอใจเลย
  • ธีมเก่าไ่ม่มี feature post เลย เคยพยายามทำแล้ว แต่ทำยังไงก็ออกมาดูไม่ดีเลย เปลี่ยนธีมใหม่ไปเลยน่าจะเป็นคำตอบ

เกณฑ์ในการเลือกธีมใหม่

  • ต้องเป็น Responsive theme
  • เลือกแบบฟรีก่อน แต่ถ้าถูกใจจริงๆจะซื้อก็ได้ แต่จะไม่เอาธีมอันที่คนอื่นทำขายมาใช้ฟรี
  • มีตำแหน่งของการติดแบนเนอร์ที่เหมาะสมไม่รบกวนตรงเนื้อหามากเกินไป
  • ต้องมีตำแหน่ง feature post ที่ดี
  • ดูดี เข้าถึงโพสล่าสุดได้ง่าย เน้นให้คล้ายแมกกาซีน หรือเว็บข่าว

พอตั้งเกณฑ์ได้ประมาณนี้เลยช่วยให้ค้นหาและเลือกธีมที่มีอยู่มากมายได้ง่ายมากขึ้น พอค้นเจอก็ลองเปิดดู demo theme นั้นก่อน ซึ่งส่วนใหญ่เว็บแจกธีมมักจะมีตัวอย่างให้ดูอยู่แล้ว พอเข้าข่ายก็ดาวน์โหลดเก็บไว้ จากนั้นติดตั้งเข้าไปเลย ตอนแรกเลือกมาประมาณ 15 ธีม แล้วก็ลองเปิดพรีวิวดูในบล็อกของตัวเอง แล้วค่อยตัดตัวเลือกออกทีละตัวจนเหลือ 3 ตัวสุดท้าย แล้วลอง activate ธีมนั้นดู ลองปรับแต่งสักเล็กน้อยดูว่าเหมาะแค่ไหน แล้วจึงเลือกเอาอันที่คิดว่าเหมาะสมที่สุด

สุดท้ายก็เลือกธีม Oxygen 

ธีมใหม่ของบล็อก

เกี่ยวกับ Oxygen theme

เป็นธีมที่ใช้ Hybrid Core framework รองรับการทำ child themes ออกแบบมาสำหรับเว็บไซต์แนวแมกกาซีน ซึ่งตัวเองดูแล้วค่อนข้างชอบ เป็นธีมฟรี แต่ฟรีไม่สมบูรณ์แบบนัก เพราะถ้าอยากได้รายละเอียดในการติดตั้ง การปรับแต่งต่างๆ จะต้องสมัครเป็นสมาชิกแบบจ่ายตังค์ของเว็บไซต์ที่เป็นคนแจก หลังๆเห็นธีมใช้โมเดลนี้เยอะเลย แต่อย่างไรก็ตาม มันไม่ได้ยากเกินไปนักที่จะปรับแต่งตามใจต้องการ ดูโค้ดธีมประกอบพอช่วยได้

รายละเอียดของการติดตั้งธีมใหม่ 

  • ลดการใช้ hard code ให้ได้มากที่สุด เน้นใช้ plugin ช่วย
  • ไม่เอา Feature post อันใหญ่ของธีม เพราะขาดใหญ่มาก คิดว่าอาจเสียเวลาโหลดนานเกินไป
  • Feature post ด้านบนใช้ Plugin WP Featured Content Slider แล้วแก้ไข css เองอีกนิดหน่อย
  • Ralated Post ใช้ Plugin Related Posts Thumbnails
  • ปรับแต่ง css อีกนิดหน่อย

ใช้เวลานานพอสมควรเลยกว่าจะออกมาได้ประมาณนี้ ตอนนี้อาจจะยังไม่สมบูรณ์เต็มที แต่ส่วนตัวคิดว่าโอเคแล้ว อาจจะต้องปรับอีกนิดหน่อย

ว่าแล้วก็ เชิญติชมธีมใหม่ได้เลยครับ

BEST OF APPS แนะนำโปรแกรมที่สุดยอดของทุกแพลตฟอร์ม

BEST OF APPS

ในเว็บไซต์ makeuseof จะมีอยู่หัวข้อหนึ่งชื่อ BEST OF APPS เป็นหน้ารวมโปรแกรมที่ยอดเยี่ยมในหมวดต่างๆของแต่ละแพลตฟอร์มที่ใช้ๆกันอยู่ปัจจุบัน รู้สึกว่าทำได้ดีจังเลย เขาจัดทำมานานแล้วล่ะ หลายโปรแกรม หลายเว็บไซต์เราก็เจอจากหัวข้อนี้ ลองดูว่าเขาจัด BEST OF APPS ของอะไรไว้บ้าง

  • BEST WEBSITE
  • BEST WINDOWS SOFTWARE
  • BEST LINUX SOFTWARE
  • BEST MAC APPS
  • BEST ANDROID APPS
  • BEST IPHONE APPS
  • BEST IPAD APPS
  • BEST CHROME EXTENSIONS
  • BEST FIREFOX ADDONS
  • BEST WORDPRESS PLUGINS
  • BEST PORTABLE APPS
  • BEST LINUX DISTROS

เรียกได้ครบทุกแพลตฟอร์มที่สามารถติดตั้งโปรแกรมหรือส่วนเสริมลงไปได้เลยทีเดียว เมื่อคลิกเข้าไปเราจะพบรายการของ Apps ที่แยกเป็นหมวด เช่น เกี่ยวกับ ภาพ เพลง หนัง เอกสาร ป้องกันไวรัส เป็นต้น ในแต่ละ Apps มีคำอธิบายสั้นๆไว้ให้พร้อมกับลิงค์ไปดูรีวิวแบบเต็มและลิงค์ดาวน์โหลดโปรแกรม ถ้าเพื่อน ได้คอมพิวเตอร์หรือมือถือเครื่องใหม่มา แล้วถามว่า “จะลงโปรแกรมอะไรบ้าง” สามารถแนะนำหน้านี้ให้ได้เลยครับ

ลิงค์ไปที่หน้า BEST OF APPS

ปลั๊กอินควบคุม Widgets ให้แสดงเฉพาะบางหน้า

Display Widgets เป็นปลั๊กอินสำหรับ WordPress ตัวล่าสุดที่ได้ติดตั้งและใช้งานในบล็อกนี้ครับ ซึ่งปลั๊กอินตัวนี้จะทำให้เราสามารถควบคุม Widgets ให้แสดงหรือไม่แสดงในหน้าไหนก็ได้

ทำไมต้องใช้งานมัน ก็เรื่องมันมีอยู่ว่า อยากติด Google Adsense ไว้ที่ Widget ที่อยู่ด้านข้างของบล็อกนี้ด้วยอีกสักสองอัน แต่ว่าในหน้า Post, Page ติดไว้แล้ว 3 อัน ซึ่งเป็นข้อกำหนดของ Google ที่ให้ติดได้แค่หน้าละ 3 ตำแหน่งเท่านั้น แต่เพราะว่า Widget ของเรามันแสดงตลอดทุกหน้า จึงทำให้ถ้าเปิดหน้าแรกมันก็โอเคดี แต่ถ้าเปิดหน้า Post, Page มันจะผิดข้อกำหนด(ไม่แสดงผลบางอัน)

โจทย์เลยต้องการให้ Widget ของโฆษณาตัวนี้มันแสดงเฉพาะหน้าแรกเท่านั้น ก็ค้นไปเจอปลั๊กอินที่ชื่อ Display Widgets ตรงตามความต้องการของเราพอดี ก็เลยติดตั้งและลองใช้งานดู พูดได้เลยว่า ตรงใจเลย!

วิธีใช้งานปลั๊กอิน Display Widgets

เข้าไปดาวน์โหลด Display Widget ไปติดตั้ง หรือจะค้นหาแล้วติดตั้งที่หน้า install plugin ก็ได้

ติดตั้งแล้วเวลาจะใช้งาน ไปที่เมนู Widgets เมื่อคลิกที่ Widgets ในแต่ละตัว จะมีรายละเอียดด้านล่างให้ตั้งค่าได้ว่าจะเลือกให้แสดงในหน้าไหนบ้าง ดูรูปด้านล่างประกอบ

ปลั๊กอิน Display Widgets

ผลเป็นยังไงลองดูโฆษณาที่ด้านซ้ายอยู่ด้านบนของหัวข้อ “เรื่องแนะนำ” มันจะแสดงออกมาเฉพาะตอนที่อยู่หน้าแรก เท่านั้นครับ

ลองนำไปประยุกต์ใช้กลับเว็บไซต์ของคุณดูครับ หวังว่าจะเป็นประโยชน์

ดาวน์โหลดปลั๊กอิน Display Widget

WordPress Developer Night ครั้งที่ 2 มาแล้ว

WordPress Developer Night ครั้งที่ 2

WordPress Developer Night ครั้งที่ 2 มาแล้วครับ จะจัดในวันเสาร์ที่ 14 พ.ค. 2554 นี้ เวลา 13:00 น. – 19:00 น. ที่ CS Loxinfo ตึก Cyber World (ตรงข้ามโรบินสันรัชดา) ลงทะเบียน 6 พ.ค. เวลา 12:00 น. จำนวน 50 คน ใครสนใจต้องเตรียมลงทะเบียนไว้ครับ

ถ้าอยากรู้ว่ามันคืองานอะไรลองดู บันทึก WordPress WordPress Developer Night ครั้งที่ 1 จากครั้งแรกที่ได้เข้าร่วมรู้สึกว่าสนุกมาก ครั้งที่สองเลยคิดว่าจะเข้าร่วมงานด้วยครับ (ถ้าไม่มีเหตุสุดวิสัย) ตอนนี้เลย ลงปฎิทินสำหรับวันลงทะเบียน กับวันงานไว้แล้ว

ช่วงนี้ตัวเองก็มีโครงการจะทำธีมของ WordPress ไว้ใช้เอง รวมทั้งเอาไว้แจกด้วย ดูแล้วไม่น่ายากมากแต่ต้องใช้เวลา คิดว่าตอนเริ่มอาจจะต้องใช้เวลาพอควร พอได้อันแรกแล้วอันต่อๆไปคงจะทำได้เร็วขึ้น เผื่อว่าอนาคตอาจสามารถทำขายได้บ้าง

ปลั๊กอิน WordPress ทำ Sitemap แสดงบนหน้าเว็บไซต์

WP Multilingual Sitemap

WP Multilingual Sitemap เป็นปลั๊กอิน ที่เอาไว้สร้าง Sitemap ที่เป็น HTML ไม่ใช่  Sitemap ที่เป็นไฟล์ XML เอาไว้ให้ boot มาดึงไปใช้ หรือเอาไว้ submit พวก search engine ที่แทบจะทุกเว็บต้องลงไว้ แต่ตัวนี้เอาไว้แสดงหน้าเว็บไซต์ให้คนที่เข้ามาที่เว็บไซต์ง่ายต่อการค้นหา ข้อดีของมันคือ เมื่อติดตั้งปลั๊กอินตัวนี้แล้ว เราต้องการให้ Sitemap แสดงที่หน้าไหน ก็ใส่ Short code เข้าไปได้เลย โดยเลือกแสดงลิสต์ที่เป็น Page, เป็น Post, หรือแสดงลิสต์ Post แยกตาม Category ก็ได้

ตัวอย่างการใส่ค่า ในหน้า Page

WP Multilingual Sitemap

ลองใช้มาได้ 2-3 วันแล้ว แต่ยังไม่ได้เขียนถึง มันแสดงผลออกมาได้ดีตามที่อยากให้เป็น ส่วนเว็บใครที่มี sub category เยอะ คิดว่าจะถูกใจเลยทีเดียว สนใจอยากดูตัวอย่างการใช้งานดูที่นี้ได้เลยครับ https://www.amphur.in.th/sitemap/