ทำหนังสือออนไลน์-webcomic ด้วย flippingbook
posted on 17 Nov 2009 14:18 by meisan
วันนี้จะเขียนถึง plugin wordpress ตัวหนึ่ง
ซึ่งเหมาะสำหรับคนที่จะทำ หนังสือออนไลน์/แค็ตตาล็อคสินค้า/webcomic หรือการ์ตูนออนไลน์
portfolio/ทำตัวอย่างโดจินชิ-หนังสือ ให้โหลดดูก่อน เป็นอย่างยิ่ง
plug in ตัวนี้ มีชื่อว่า flipping book ค่ะ
สำหรับคนที่ไม่รู้จัก wordpress
WORDPRESS คือ อะไีร
wordpress คือ CMS(content management system) ตัวหนึ่้ง
ที่เป็น blogging platform หรือ ทำบล็อค/เว็บไซต์ส่วนตัวนั่นเอง
แต่ว่า wordpress นั้น ด้วยความที่ใช้งานง่าย และหน้ากาก สามารถเปลี่ยนได้ตามใจ
(ถ้ามีความรู้ในการทำธีม) และปัจจัยเรื่อง seo ทำให้ wordpress เป็น blogging platform แบบ install ลง host ตัวเองเพื่อทำบล็อคส่วนตัว
ที่นิยมที่สุดในขณะนี้
เพราะถ้ามีความรู้เรื่อง wordpress คุณสามารถทำเว็บอะไรก็ได้
ไม่ว่าจะเป็น web community/เว็บรวมบทความ หรือ เว็บบล็อคส่วนตัว
WORDPRESS.ORG VS WORDPRESS.COM
บางคนสับสนระหว่าง 2 อันนี้ นึกว่าอันเดียวกัน
จริงๆผู้สร้าง เป็นคนเดียวกัน แต่ว่าวิธีใช้ต่างกัน wordpress.org คือ อันที่เราจะต้องมา install ลงhost ตัวเอง
แต่ wordpress.com คือผู้ให้บริการบล็อคฟรี เหมือน exteen แต่หลังบ้านเป็น platform ของ wordpress นั่นเอง
วิธีการติดตั้ง wordpress
ให้ไปดาวน์โหลดที่ wordpress.org แล้วก็ทำการติดตั้งตามนี้
http://www.wordthai.com/index.php?topic=2.0
ถ้าใครใช้ host ที่มี fantastico deluxe สามารถ install ได้โดยใช้ตัวติดตั้งคลิ๊ก 2-3 คลิ๊ก
ก็จะติดตั้งสำเร็จ
วิธีติดตั้ง plug-in
log-in เข้า่ไปที่หน้า admin ของเรา จะเจอ panel tab ข้างๆ
กดเข้าไปที่ tab plugin จะเห็นคำสั่ง add new ให้กดตรงนั้น
จะเข้าไปที่หน้าจอค้นหา plugin
พิมพ์คำค้นหา ของเราลงไปว่า flipping book จากนั้นจะเจอ plug-in ชื่อ
page flip image gallery

คลิ๊กที่ install จากนั้นplug-in จะ install เรียบร้อย
ไปที่หน้ารวม plug-in กด activateก็จะสามารถใช้งานได้
พอ install สำเร็จ หน้าจอข้างๆจะมี แท็บโผล่มา ชื่อ flipping book
main=หน้าจอหลัก plug-in จะมีบอกวิธี install และวิธีติดตั้งหน้าหนังสือ
manage book and page= หน้านี้จะเป็นหน้าที่เอาไว้จัดการหน้าหนังสือทั้งหมด
image= เอาไว้จัดการรูปที่อัพโหลดขึ้นไป
โดยplug-in ตัวนี้ สามารถทำงานร่วมกับ next gen image gallery ที่เปีน plugin จัดการรูปภาพในเว็บไซต์ได้ด้วย คือเราสามารถ import รูปที่ upload ลง next gen gallery เข้ามาใน plug-in ตัวนี้ได้ทันที
ทำให้ใช้งานสะดวกมาก
เวลาจะอัพหนังสือใหม่
1.ให้เราเข้าไปที่ manage book and page
2.คลิ๊กที่ add new bookจะมีหน้าจอขึ้นมาให้เซ็ทค่าต่างๆ เมื่อเซ็ทเสร็จแล้วให้เลือก addbook
3.ไปที่ add page แล้วก็อัพโหลดรูปที่เราต้องการให้เป็นหน้าต่างๆขึ้นไป
ถ้าเป็นรูปยาว หรือหน้าคู่ ให้อัพทั้งหน้าคู่เข้าไปแล้ว
คลิ๊กที่ split image จะจัดการทำหน้าคู่ให้อัตโนมัติ
ถ้าหาไม่เจอ ให้ไปที่ manage book and page
ไปที่ page listก็จะเจอลิสต์ของ รูปทั้งหมด
และหน้าที่เราต้องการให้เป็นหน้าคู่ก็กด split image อย่างที่บอก
เ้วลาจะใส่หนังสือลงในหน้า post หรือ page ของเรา
ก็ให้ใส่คำว่า
[book id='1' /]
เปลี่ยน book idไปตามตัวเลขของหนังสือที่เราสร้าง
ให้ดูว่าเป็น id ไหนจาก หน้าจอ manage book and page
แล้วกด publish ตามปกติ
เวลาดู entry จะขึ้นหน้าจอแบบนี้
สามารถกดพลิกหนังสือ ได้เหมือนหนังสือจริงๆด้วย
ลองไปดู demo ได้ที่ url ข้างล่าง
demo
ตัวอย่างหนังสือจาก plugin page flip image gallery/flipping book