[WordPress] ขี้เกียจคิด tag ให้บทความ ลองใช้ Plugin ตัวนี้

ในการเขียนบทความบางครั้งสิ่งที่ยากมันไม่ได้เป็นตอนเขียน แต่เป็นตอนคิดว่าจะให้มันมี tag อะไรบ้างนี่ละ แล้ว Plugin ที่จะมาช่วยเรื่องนี้ก็คือ Web Ninja Auto Tagging System

Web Ninja Auto Tagging System

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

[WordPress] ขี้เกียจคิด tag ให้บทความ ลองใช้ Plugin ตัวนี้ [1]
ไปที่ Settings -> Web Ninja ATS

ตัว Plugin นั้นสามารถ Settings ได้แบบนี้ครับ

[WordPress] ขี้เกียจคิด tag ให้บทความ ลองใช้ Plugin ตัวนี้ [2]
สามารถเลือกจำนวน tag ที่ต้องการใส่ได้

เราสามารถเลือกจำนวน tag ที่จะให้ตัว Plugin ใส่ให้อัตโนมัติ สามารถกำหนดให้ใส่ tag นี้ทุกครั้ง หรือกำหนดให้ไม่ใส่ tag นี้เด็ดขาดในทุก ๆ บทความ

มาทดสอบดูนะครับ สมมติเป็นบทความนี้แล้วกัน

[WordPress] ขี้เกียจคิด tag ให้บทความ ลองใช้ Plugin ตัวนี้ [3]
ตัวอย่างบทความที่เราจะใช้ plugin ตัวนี้ใส่ tag ให้อัตโนมัติ

ตัว Plugin สร้าง tag ออกมาเป็นแบบนี้ครับ

[WordPress] ขี้เกียจคิด tag ให้บทความ ลองใช้ Plugin ตัวนี้ [4]
tag ที่ตัว Plugin สร้างขึ้นมาให้

ถ้าสนใจก็ลองโหลดไปใช้งานกันดูนะครับ แล้วถ้าไม่ถูกใจก็ลบมันทิ้งไปซะ 555

PhotoSwipe : Image Gallery ใช้กับ Touch Screen

วันนี้มี Plugin ใช้ทำ Image Gallery สำหรับใช้กับ Touch Screen ได้ มาชมวิดีโอแนะนำตัว PhotoSwipe กันก่อนนะครับ

PhotoSwipe

ในเว็บของ PhotoSwipe นั้นได้อธิบายเกี่ยวกับตัว Plugin ตัวนี้ไว้ว่า

What is it?

PhotoSwipe is a FREE HTML/CSS/JavaScript based image gallery specifically targeting mobile devices.

Who is it for?

Developers and designers requiring an interactive image gallery on their mobile website with the look and feel of a native app.

Why use it?

PhotoSwipe provides your visitors with a familiar and intuitive interface allowing them to interact with images on your mobile website.

ใช้กับมือถือ platform ไหนได้บ้าง

PhotoSwipe : Image Gallery สำหรับ Touch Screeen [1]

สำหรับตัว PhotoSwipe นั้นสนับสนุน iOS, Android รวมถึง BlackBerry และใช้งานคู่กับ jQuery หรือ PhoneGap ได้ด้วยครับ

วิธีการใช้งาน PhotoSwipe

ดาวน์โหลดตัว PhotoSwipe ที่นี่เลยครับ Download PhotoSwipe หลังจากนั้นก็เพิ่ม code นี้ไปที่ส่วน head นะครับ

[html]
<script type="text/javascript" src="klass.min.js"></script>
<script type="text/javascript" src="code.photoswipe-3.0.4.min.js"></script>
[/html]

และเรียกใช้งานโดย

[javascript]
// Set up PhotoSwipe with all anchor tags in the Gallery container
document.addEventListener(‘DOMContentLoaded’, function(){

var myPhotoSwipe = Code.PhotoSwipe.attach( window.document.querySelectorAll(‘#Gallery a’), { enableMouseWheel: false , enableKeyboard: false } );

}, false);
[/javascript]

แต่ถ้าถนัดเป็น jQuery ก็เรียกใช้งานแบบนี้เลยครับ

[javascript]
//jQuery version
$(document).ready(function(){

var myPhotoSwipe = $("#Gallery a").photoSwipe({ enableMouseWheel: false , enableKeyboard: false });

});
[/javascript]

และในส่วน HTML เพื่อใช้ประกอบให้ตัว PhotoSwipe ทำงานได้นั้น ก็มีลักษณะแบบนี้ครับ

[html]
<ul id="Gallery">
<li><a href="images/full/01.jpg"><img src="images/thumb/01.jpg" alt="Image 01" /></a></li>
<li><a href="images/full/02.jpg"><img src="images/thumb/02.jpg" alt="Image 02" /></a></li>
<li><a href="images/full/03.jpg"><img src="images/thumb/03.jpg" alt="Image 03" /></a></li>
<li><a href="images/full/04.jpg"><img src="images/thumb/04.jpg" alt="Image 04" /></a></li>
<li><a href="images/full/05.jpg"><img src="images/thumb/05.jpg" alt="Image 05" /></a></li>
<li><a href="images/full/06.jpg"><img src="images/thumb/06.jpg" alt="Image 06" /></a></li>
</ul>
[/html]

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

ที่มา : PhotoSwipe

Plugin WordPress : Social Metrics

Plugin ที่มาแนะนำในครั้งนี้ จะรวมข้อมูลว่ามีคนกด Like มีคน tweet หรือมีคนกด +1 ให้แต่ละ Post ของเราเป็นจำนวนเท่าไหร่ โดยมีลักษณะหน้าตาเป็นแบบนี้ครับ

Plugin WordPress : Social Metrics [1]
หน้าตาของ Social Metrics

โดยเมื่อเราดาวน์โหลด Plugin มาติดตั้งแล้ว จะปรากฎเมนูที่ด้านซ้ายแถว ๆ หัวข้อ Dashboard ของเรา

Plugin WordPress : Social Metrics [2]
เมนูของ Social Metrics

ในส่วน Settings ของ Plugin มีหน้าตาเป็นแบบนี้

Plugin WordPress : Social Metrics [3]
Settings ของ Social Metrics

แต่ในเวอร์ชั่นที่เราใช้อยู่จะเป็นแบบฟรี ทำให้ปรับแต่งให้งานอะไรไม่ได้มาก ซึ่งทาง Social Metrics จะมีแบบ Pro ให้เราได้ใช้งานในราคา 69.90 USD

ถ้าใครสนใจจะดาวน์โหลดมาใช้งาน ก็ไปที่หน้า Plugin ของ Social Metrics ตามนี้เลยครับ

Plugin WordPress : Social Metrics

[Plugin WordPress] : ใช้จัดการ File เพื่อให้ Download

วันนี้มี Plugin สำหรับคนที่อยากจัดการ File เพื่อให้คนเข้าเว็บ Download File ที่เราเตรียมไว้ Plugin ตัวนี้มีชื่อว่า WP-Filebase Download Manager

Plugin WordPress : WP-Filebase Download Manager

หลังจากที่เราลงตัว Plugin แล้วที่เมนูด้านซ้าย จะมีเมนูเพิ่มขึ้นที่ด้านล่างแบบนี้

Plugin WordPress : ใช้จัดการ File ให้ Download [1]
เมนูของ WP-Filebase

ซึ่งตัว WP-Filebase จะมีส่วนที่ให้เราอัพโหลด File เพื่อนำไปใช้แบบนี้

[Plugin WordPress] : ใช้จัดการ File เพื่อให้ Download [2]
หน้าสำหรับอัพโหลด File ไปใช้งาน

ผมลองอัพโหลด File ให้ดูเป็นตัวอย่างว่าจะไปปรากฎที่ด้านหน้ายังไงนะครับ

[Plugin WordPress] : ใช้จัดการ File เพื่อให้ Download [3]
ผมอัพโหลด File ชื่อ Sublime.Zen.Coding.1.1.3.zip นะครับ

กรอกข้อมูลต่าง ๆ ในส่วนของ Post ID คือ เลือกว่าจะให้ File ตัวนี้ไปปรากฎที่ Post ไหน

[Plugin WordPress] : ใช้จัดการ File เพื่อให้ Download [4]
ผลลัพธ์ที่ได้จากการอัพโหลดด้วย WP-Filebase

ซึ่งรูปแบบของมัน เราสามารถตกแต่งเพิ่มเติมได้ และมีรูปแบบให้เลือกอยู่หลากหลายทีเดียว ถ้าสนใจลองไปดูที่

Plugin WordPress : WP-Filebase Download Manager

Plugin WordPress : Lazyest Stylesheet

ในการทำเว็บของเราด้วย WordPress นั้น คงต้องมีการเปลี่ยน Theme กันบ้าง แต่ปัญหาคือ มันจะมี Stylesheet บางตัว ที่เราเพิ่มเติมเข้าไปใน Theme เก่า มันไม่ได้ตามมา Theme ใหม่ด้วย เราก็ต้องไปหาว่า เราเพิ่มอะไรตรงไหนบ้าง เพื่อนำมาใช้กับ Theme ใหม่ของเรา ปัญหานี้จะหมดไป เมื่อคุณใช้ Lazyest Stylesheet

Lazyest Stylesheet

หลักการทำงานมันไม่ได้มีอะไรซับซ้อนหรอกครับ ก็เหมือนเราเขียน CSS ทั่วไป เพียงแต่ถ้าเราเปลี่ยน Theme ตัว Lazyest Stylesheet ก็จะดึง CSS ตัวที่เราเขียนไว้ เพื่อใช้งานกับ Theme ใหม่ทันที

Lazyest Stylesheet
Appearance >> Lazyest Stylesheet
Lazyest Stylesheet [2]
หน้าตาของ Plugin

ยกตัวอย่างก็สมมติว่า เรามีตารางสีแดง เป็นตารางที่มีชื่อ class ว่า table-red แล้วกัน คราวนี้ถ้าเราจะเปลี่ยน Theme เราก็ต้องไปหาว่าเราเขียน .table-red ไว้ที่ไหนบ้าง จะได้เอามาแปะไว้ที่ CSS ของ Theme เรา แต่ถ้าใช้ Lazyest Stylesheet เราก็ไปเขียน .table-red ในนั้น ทีนี้เวลาเราเปลี่ยน Theme .table-red ที่เราเขียนไว้ ก็จะตามไปในทุก ๆ Theme ของเราเอง

ตามไปโหลดมาใช้งานได้ที่ : Lazyest Stylesheet