Slider[Style1]

Style2

Style3[OneLeft]

Style3[OneRight]

Style4

Style5[ImagesOnly]

Style6

Top 10 อันดับ Content Slider Plugin สำหรับ WordPress

Top 10 อันดับ Content Slider Plugin สำหรับ WordPress

หลังจากลองสมัคร Host ฟรีขนาด 10 GB ที่ http://www.host1free.com/  มา 2-3 วัน และหันกลับมาลองเล่น WordPress ดู ก็เลยอยากลองหา Plugin น่าสนใจมาเล่นดู

และผมก็เจอกับ http://speckyboy.com/2010/06/30/top-10-content-slider-plugins-for-wordpress/ ที่ว่าด้วยเรื่องของ Conetnt Slider Plugin สำหรับ WordPress ประกอบกับตอนนี้ template ที่ลงให้กับ wordpress ของผมดันมีปัญหาเรื่อง slider   พอดี เลยได้ข้อมุลว่าจะใช้ตัวไหนมาทดอทนของเดิม

และผมก็ไปเจอตัวนี้ครับ http://www.featuredcontentgallery.com/ ดูตัวอย่างจากเว็บ แล้วชอบมาก มีวิดีโอสอนการลงด้วย(ถึงจะฟังไม่รู้เรื่อง) การใช้งานไม่ยุ่งยากมาก แต่การติดตั้งต้องใช้ความสามารถหน่อย มีการแกะโค้ดบางส่วน แต่เพราะผมเคยเล่นโค้ดจาด blogger ,ก่อน เลยไม่เป้นปัญหา สักพักก็ลองเล่น option ที่มี และพบว่ามันยอดมาก เพราะเราสามารถเอาบทความไปเป็น Slide Show ที่หน้าเว็บได้

เว้บ http://know2song.lx10.net/ เป็น host ฟรีที่สมัครจาก host1free.com และติดตั้ง wordpress 3.1.3 และ tenplate ที่ได้จาก http://www.blogging.in.th/

และเสริมเข้าไปด้วย Featured Content Gallery Plugin ก้ครบแล้วครับ blog นี้ผมจะลองเน้นไปที่รูปเป็นหลัก เนื้อหาของ blog เกี่ยวเพลงที่ผมชอบฟัง

ถ้ามี Plugin ตัวอื่นๆ จะเอามาแนะนำกันอีกทีครับ

วิดีโอแนะนำการติดตั้งและการตั้งค่า WordPress

100

วิดีโอชุดนี้เป้นการแนะนำการติดตั้ง wordpress บน localhost และบน host จริง พร้อมการตั้งค่าเบื้องต้น สำหรับมือใหม่(อย่างผม) ครับ

[WpUsers] ตอนที่ 1 ติดตั้ง WordPress บน Localhost
ใช้ XAMPP 1.7.1 ในการทดลองครับ

[WpUsers] ตอนที่ 2 ติดตั้ง WordPress บน Host ของจริง
ทดลองบน demo.know2pro.com/wpdemo

[WpUsers] ตอนที่ 4 ตั้งค่าหลังติดตั้ง WordPress
ตั้งค่าการใช้งานทั่วไป หลังลง wordpress เสร็จครับ

บันทึกการใช้งาน WordPress ตอนที่ 1


บันทึกการใช้งาน WordPress ตอนที่ 1

- ปัญหาการ Upload File ไม่ได้
เกิดจากการตั้งค่าของ WP ตอนลงใหม่ๆ
วิธีแก้ ไปที่หน้า /wp-admin > เมนูซ้าย Setting
> Media > ที่ช่อง Store uploads in this folder ให้แก้เป็น wp-content/uploads
>กด save เสร็จ

- ระบบบทความใน WordPress

=Categories
–>Post
Categories สามารถแยกย่อยได้อีก ในแต่ละ Post ควรใส่ Tag ไว้ด้วย เป็นคำสั่นๆที่อธิบายถึงเรื่องราวในบทความนั้นๆ เช่น ต้นไม้ House ในแต่ละบทความสามารถใส่ Tag ได้หลายๆอัน
หลังจากใส่ Tag แล้วควรเพิ่ม Widget : Tag Clound ไว้ที่หน้าแรกด้วย

- ปรับ Permalink เพื่อ SEO
ที่ setting >> Permalinks ในหน้า permalink setting จะมีแบบให้เลือกอยู่แล้ว แต่เราสามารถตั้งค่าได้เองที่ช่อง “Custom Structure” การใส่
/xxx/xxx/xxx/%postname%

รูปแบบ
%year% ปี 4 หลัก เช่น 2010
%month% เดือน 2 หลัก เช่น 05
%day% วันที่ 31
%hour% ชั่วโมง 24 ชั่วโมง เช่น 23 หรือ 08
%minute% นาที เช่น 33
%second% วินาที เช่น 44
%postname% ชื่อหัวขอ post รองรับทั้งไทยและ Eng เหมากับการ SEO มากๆ
%category% แสดงชื่อ Category
%author% ชื่อผู้เชียน Post นั้นๆ
ถ้าเป็นเวอรืชั่นเก่าหลังจากตั้งค่าตรงนี้ จะมี Code ให้ copy แล้วสร้างไฟล์ ,htaccess ไว้ในโฟลเดอร์เดียวกับที่ติดตั้ง WordPress

- เปลี่ยนตำแหน่งเก็บไฟล์
Setting > Miscellaneous เปลี่ยน path ตามต้องการ ค่า Default คือ wp-content/uploads
และให้ติ๊กตรง Organize my upload….. ด้วย จะได้แยกโฟลเดอร์ตามวันเดือนปี

- ปิด Thumbnail (ประหยัดพื้นที่ host)
ทุกครั้งที่มีการ Upload รูปขึ้น WP จะมีการย่อรูปและสร้างเป็นไฟล์ใหม่ทุกครั้ง
เช่น Upload ไฟล์ test.jpg จะได้ test.jpg, test-150×100.jpg, test-300×75.gif
เปลืองพื้นที่เกือบๆ 3 เท่า ปิดไปเลยดีกว่า
เข้า /wp-admin ไปที่ setting > Media ในช่อง Thumbnail size, Mediumsize, Largesize ให้ใส่เป็น 0 ให้หมด

- ใส่ Favicon ให้ WordPress (แบบโค้ด)
ให้ Copy ไฟล์ ico ที่ต้องการทำเป็น favicon.ico ไปไว้ใน wp-content/themes/ธีมที่ต้องการ
เปลี่ยนชื่อไฟล์เป็น favicon.ico เพื่อความง่าย
แก้ไขไฟล์ header.php โดยให้เพิ่มบรรทัดนี้ลงไป

ทดลองดูผล

- การย้าย WordPress จาก localhost ไป host จริง
เรื่องฐานข้อมูลกับไฟล์ต่างๆ ให้ Backup หรือ export ออกมา
แก้ไขไฟล์ wp-config.php ที่ค่า DB_NAME, DB_USER, DB_PASSWORD, DB_HOST
เข้าไปที่ wp-admin ถ้าเข้าได้ ให้ไปที่ setting>general เปลี่ยนค่าในช่อง wordpress address(url) และ site address(url)
ถ้าเข้าหน้า admin ไม่ได้ ให้เข้าไปที่ phpmyadmin แล้วไปที่ SQLใส่คำสั่งด้านล่างนี้ลงไป(อย่าลืมใส่ค่า URL ใหม่ด้วย)
UPDATE wp_options
SET option_value = “http://เว็บใหม่.com”
WHERE option_name = “siteurl” OR option_name = “home”

ปรับ permission ของ wp-content/upload เป็น 777
ติดตั้ง Plugin ชื่อ Velvet Blues Update URLS
ไปที่ Setting > Update URLs ป้อน URL เก่าและใหม่ กด Update
เสร็จลองทดสอบ Link ต่างๆดู

- ตรวจสอบ Security ของ WordPress
ใช้ Plugin ชื่อ wp-security-scan (semperfiwebdesign.com)
ในแต่ละ folder ให้ใส่ไฟล์ index.php หรือ index.html ด้วย หรือจะใช้การแก้ .htaccess ก็ได้ (ใช้เพื่อไม่ให้เข้าถึง folder ได้โดยตรง)
ในไฟล์ .htaccess ให้ใส่
Option –Indexes
ป้องกันหน้า wp-login ไม่ให้โดน Hack
login lockdown

- WP-Page NAVI [Plugin]
เปลี่ยน next-previous ให้เป็น 1 2 3 4 >>
การใช้ หลังจากติดตั้งไปแล้ว ลแง Refresh ดูหน้าแรกว่าทำงานหรือยัง
ถ้ายังไม่ได้ให้ไปที่ index.php ใน Template ที่ใช้งานอยุ่ที่

ให้เพิ่มโค้ดนี้่แทนโค้ดเดิม

วิธีป้องกันการทำ Image Hotlink ด้วย htaccess และ Plugin ของ WordPress

วิธีป้องกันการทำ Image Hotlink ด้วย htaccess และ Plugin ของ WordPress

ปัญหานี้มาจากการทำ Blog ของผมบน Blogger เนื่องจากว่าผมเขียน Blog ด้วย Windows Live Writer และบางครั้งมันก็ดื้อ ไม่ยอมอัพโหลดรูปเข้า Blogspot จะใช้ Flickr ก็หลายขั้นตอน เลยตัดสินใจว่าจะเอารูปมาฝากไว้ที่ Know2pro เนี่ยแหละ ลิ้งคืตรงไปเลย

แต่หายนะก็มาจากการทำลิ้งค์ตรง เพราะมีคน Copy บทความของผมไป เข้าใจว่าคง Copy ไปหมดไม่เว้นแม่แต่ URL ของรุป ดังนั้น รูปที่ผมมีเลยถูก Hotlink ไปตามเว้บต่างๆ ทั่วโลก ผลคือ ภาระ Bandwidth ของ Server Know2pro หนักมาก จนทะลัก กว่าผมจะรู้ตัวก็สายไปซะแล้ว เพราะ Account โดนระงับชั่วคราว

และวิธีการแก้ปัญหา จากต้นตอคือ เขียนคำสั่งป้องกันไว้ที่ไฟล์ .htaccess ซะเลย
วิธีการได้มาจากที่นี่ http://www.davidairey.com/stop-image-theft-hotlinking-htaccess/
ข้อมูลเพิ่มเติม
http://www.htaccesstools.com/hotlink-protection/
http://altlab.com/htaccess_tutorial.html

สรุปคือ ให้ Copy โค้ดตรงนี้ไปใส่เพิ่มในไฟล์ .htaccess

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+.)?mysite.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*.(jpe?g|gif|bmp|png|jpg)$ /images/nohotlink.jpe [L]

ตรง /images/nohotlink.jpe  ผมเปลี่ยนเป็นรูปที่เอาเขียนข้อความประมาณว่า รูปนี้ถูกขโมยมาจาก Know2pro นะ
วิธีป้องกันการทำ Image Hotlink ด้วย htaccess และ Plugin ของ WordPress

คราวนี้ใครมา Copy ผมไปอีก ก็จะเจอรูปแบบนั้นตลอด

ผลคือ Bandwidth ลดไปได้มากๆ เลย เยี่ยมจริงๆ วิธีนี้

ส่วนวิธีเพิ่มเติมของคนใช้ WordPress คือ ลง Plugin
แต่ผมใช้วิธีข้างบนซะก่อน วิธีนี้เลยไม่จำเป็นต้องใช้อีก

WP-CopyProtect [Protect your blog posts]

Protect your blog content from getting copied. A simple plug-in developed to stop the Copy cats

และ

Hotlink Protection

The WordPress Automatic Image Hotlink Protection plugin is a single step script designed to stop others from stealing your images.