ปลั๊กอิน Toombler ฟรีช่วยให้คุณเพิ่มฟลิปบุ๊ก PDF แบบโต้ตอบที่พลิกหน้าได้ลงในโพสต์หรือหน้าใดก็ได้ ด้วยบล็อก Gutenberg หรือ shortcode ง่าย ๆ
เวอร์ชัน 1.4.0 · ฟรี · สัญญาอนุญาต GPL · ใช้ได้กับ WordPress 5.8 – 7.1
ตั้งค่าการแชร์เป็น "ทุกคนที่มีลิงก์" เพื่อให้ Toombler อ่านไฟล์ได้
ค้นหา "Toombler Flipbook" ในไดเรกทอรีปลั๊กอินของ WordPress แล้วคลิกติดตั้ง
วาง [toombler id="…"] ที่ไหนก็ได้ แค่นี้ก็เสร็จ
ลากบล็อก Toombler Flipbook ไปวางในหน้าใดก็ได้ และดูตัวอย่างสดได้ในตัวแก้ไขบล็อกทันที
ใช้ได้กับ Classic Editor, Elementor, Divi, WPBakery และเพจบิลเดอร์ทุกตัวที่รองรับ shortcode
ฟลิปบุ๊กปรับขนาดตามคอนเทนเนอร์ใดก็ได้โดยอัตโนมัติ คมชัดบนเดสก์ท็อป แท็บเล็ต และมือถือ
ไม่มีสคริปต์ที่โหลดในฝั่งหน้าเว็บ มีเพียง iframe ที่ปรับตามหน้าจอหนึ่งตัว ไม่กระทบคะแนนความเร็วของหน้าเว็บคุณ
ป้องกันฟลิปบุ๊กด้วย PIN หรือกำหนดวันหมดอายุ โดยจัดการทั้งหมดได้ในแดชบอร์ด Toombler ของคุณ
ปลั๊กอินนี้ฟรีและเป็นโอเพนซอร์ส (GPL) คุณต้องมีเพียงบัญชี Toombler ฟรี
ตัวเลือก ก: ในหน้าผู้ดูแลระบบ WordPress ไปที่ ปลั๊กอิน → เพิ่มใหม่ ค้นหา "Toombler Flipbook" แล้วคลิก ติดตั้ง & เปิดใช้งาน
ตัวเลือก ข: ดาวน์โหลดไฟล์ ZIP ด้านล่าง แล้วไปที่ ปลั๊กอิน → เพิ่มใหม่ → อัปโหลดปลั๊กอิน
⬇ ดาวน์โหลด toombler-wp-plugin.zipเปิดแดชบอร์ด Toombler ของคุณ คลิก ⚙ ที่ฟลิปบุ๊ก แล้วเปิด กำหนดค่า & ฝัง คัดลอกค่าหลัง id= ใน URL สำหรับฝัง นั่นคือ File ID ของคุณ
ในตัวแก้ไขบล็อก คลิก + ค้นหา "Toombler" แล้วเพิ่มบล็อก วาง File ID ในแผงด้านข้าง คุณจะเห็นตัวอย่างสดทันที
ในโพสต์ หน้า หรือวิดเจ็ตใดก็ได้ ให้เพิ่ม:
พร้อมพารามิเตอร์เสริม:
| พารามิเตอร์ | ค่าเริ่มต้น | คำอธิบาย |
|---|---|---|
id | required | ID ของฟลิปบุ๊กจากแดชบอร์ด Toombler ของคุณ |
width | 760 | ความกว้างของการฝังเป็นพิกเซล |
height | 540 | ความสูงของการฝังเป็นพิกเซล |
nav | 1 | ลูกศรนำทาง — 1 ใช่, 0 ไม่ |
counter | 1 | ตัวนับหน้า — 1 ใช่, 0 ไม่ |
sound | 0 | เสียงพลิกหน้า — 1 ใช่, 0 ไม่ |
flipsound | 1 | เสียงพลิกหน้าแบบใด: 1 หรือ 2 |
autoplay | 0 | เล่นอัตโนมัติ — 1 ใช่, 0 ไม่ |
autospeed | 3 | จำนวนวินาทีต่อหน้าในการเล่นอัตโนมัติ (1–60) |
dl | 1 | ปุ่มดาวน์โหลด — 1 ใช่, 0 ไม่ |
fs | 0 | ปุ่มเต็มหน้าจอ — 1 ใช่, 0 ไม่ |
bg | dark | พื้นหลัง: dark, light หรือ transparent |
start | 1 | หน้าที่เปิดเมื่อเริ่มต้น |
bookmark | 1 | จดจำหน้าสำหรับผู้เข้าชมแต่ละคน — 1 ใช่, 0 ไม่ |
zoom | 1 | อนุญาตให้ซูม — 1 ใช่, 0 ไม่ |
drag | 1 | อนุญาตให้ลากมุม — 1 ใช่, 0 ไม่ |
thumbs | 0 | แถบภาพขนาดย่อ — 1 ใช่, 0 ไม่ |
duration | 650 | แอนิเมชันการพลิกหน้าเป็นมิลลิวินาที (100–3000) |
spine | 0 | เงาสันหนังสือ (แสงเรืองตรงกลาง) — 1 ใช่, 0 ไม่ |
borderless | 0 | ไม่ใช้มุมโค้งมน — 1 ใช่, 0 ไม่ |
closed | 1 | เริ่มด้วยหนังสือที่ปิดอยู่ (แสดงเฉพาะปก) — 1 ใช่, 0 ไม่ |
hardcover | 1 | ปกหน้า & ปกหลังแบบแข็ง — 1 ใช่, 0 ไม่ |
corners | 1 | มุมกระดาษม้วนเมื่อเลื่อนเมาส์ผ่าน — 1 ใช่, 0 ไม่ |
mscroll | 0 | เลื่อนบนมือถือ (ปัดเพื่อเลื่อนแทนการพลิกหน้า) — 1 ใช่, 0 ไม่ |
adreplace | 0 | แทนที่หน้า 2 ด้วยหน้า Toombler แทนการแทรก — 1 ใช่, 0 ไม่ |
text | 0 | เวอร์ชันข้อความแบบพับได้ที่เข้าถึงได้ใต้ฟลิปบุ๊ก (ดีต่อ SEO) — 1 ใช่, 0 ไม่ |
ปลั๊กอินคือสิ่งที่คุณอนุญาตให้เข้ามาอยู่ในระบบของคุณเอง จึงควรถามว่ามันนำอะไรเข้ามาด้วย ปลั๊กอินนี้ตั้งใจให้เล็กมาก ฝั่งหน้าเว็บจะแสดงผลเพียง <div> หนึ่งตัวที่มี <iframe> หนึ่งตัวอยู่ข้างใน โดยกำหนด loading="lazy" ไว้ ทำให้ฟลิปบุ๊กที่อยู่ลึกลงไปในหน้ายาว ๆ จะถูกดึงมาเมื่อผู้อ่านเลื่อนไปถึงเท่านั้น
ปลั๊กอินไม่โหลดสไตล์ชีตและ JavaScript ใด ๆ ในฝั่งหน้าเว็บ ไม่สร้างตารางในฐานข้อมูล และไม่เพิ่มเมนูผู้ดูแลระบบ ไม่ส่งข้อมูลกลับไปยังเรา ไม่นับสถิติใด ๆ และไม่ขอ API key ทุกอย่างที่ทำให้ฟลิปบุ๊กทำงานได้อยู่ภายใน iframe ฝั่งของเรา ซึ่งเป็นเหตุผลที่คะแนนความเร็วของหน้าเว็บคุณไม่เปลี่ยนเมื่อเพิ่มฟลิปบุ๊ก
การปิดใช้งานก็เรียบง่ายไม่แพ้กัน shortcode จะไม่ถูกรู้จักอีกต่อไป [toombler id="…"] จึงปรากฏเป็นข้อความธรรมดาในโพสต์ของคุณจนกว่าจะลบออก ไม่มีอะไรหลงเหลืออยู่ในฐานข้อมูล เพราะไม่เคยมีอะไรถูกเก็บไว้ที่นั่น
ฟลิปบุ๊กคือภาพของหน้ากระดาษของคุณ ซึ่งไม่เป็นปัญหาสำหรับผู้อ่านที่มองเห็นและใช้เมาส์ได้ แต่ไร้ประโยชน์สำหรับโปรแกรมอ่านหน้าจอ ที่เจอเพียงเฟรมและไม่มีอะไรให้อ่าน การเพิ่ม text="1" ใน shortcode จะแสดงแผงพับได้ อ่านเวอร์ชันข้อความ ไว้ใต้หนังสือ ซึ่งมีข้อความจริงจากเลเยอร์ข้อความของ PDF ของคุณ
การดึงข้อมูลเกิดขึ้นบนเซิร์ฟเวอร์ของคุณ ไม่ใช่ในเบราว์เซอร์ของผู้เข้าชม และผลลัพธ์จะถูกเก็บไว้ใน transient ของ WordPress เป็นเวลา 12 ชั่วโมงเมื่อพบข้อความ และ 1 ชั่วโมงเมื่อไม่พบ ดังนั้นฟลิปบุ๊กที่ข้อความยังอยู่ระหว่างการดึงออกมาจะได้ข้อความในไม่ช้า แทนที่จะรอถึงวันถัดไป เก็บข้อความสูงสุด 60,000 ตัวอักษร ซึ่งมากกว่าโบรชัวร์ทั่วไป และป้องกันไม่ให้คู่มือ 400 หน้าทำให้ตาราง options ของคุณเต็ม
ยังมีเหตุผลที่สองที่ควรใช้ ซึ่งอาจไม่สูงส่งนักแต่เป็นจริง ข้อความนั้นอยู่บนหน้าของคุณ ใน HTML ของคุณ ภายใต้โดเมนของคุณ เสิร์ชเอนจินที่อ่านโพสต์จะเห็นว่าเอกสารนั้นพูดถึงอะไรจริง ๆ แทนที่จะเห็นเฟรมที่เข้าไม่ได้ หากคุณเผยแพร่แคตตาล็อกหรือจดหมายข่าวที่อยากให้ค้นเจอ แอตทริบิวต์เดียวนี้ช่วยได้มากกว่าสิ่งอื่นใดในหน้านี้
ใช้ได้เฉพาะกับ PDF ที่มีข้อความจริง ภาพสแกนที่ไม่มี OCR ไม่มีเลเยอร์ข้อความ แผงนี้จึงจะไม่ปรากฏ แทนที่จะแสดงกล่องว่าง
ปลั๊กอินต้องใช้ WordPress 5.8 ขึ้นไป และ PHP 7.4 ขึ้นไป และได้รับการทดสอบกับ WordPress รุ่นปัจจุบัน ข้อกำหนดเหล่านี้ตั้งใจให้ต่ำ เพราะโค้ดไม่ได้ใช้สิ่งพิเศษใด ๆ จึงยังทำงานได้บนโฮสติ้งที่ล้าหลังไปไม่กี่ปี
เนื่องจาก shortcode เป็น shortcode ธรรมดา จึงใช้ได้ในตัวแก้ไขบล็อก ตัวแก้ไขแบบคลาสสิก วิดเจ็ตข้อความ และเพจบิลเดอร์ เช่น Elementor, Divi, Beaver Builder และ Bricks รวมถึงทุกที่ที่แสดงผล shortcode ได้ บล็อก Gutenberg เป็นเพียงความสะดวกเสริม ไม่ใช่ข้อบังคับ
ปลั๊กอินเป็นซอฟต์แวร์เสรีภายใต้ GPL เวอร์ชัน 2 หรือใหม่กว่า ซึ่งเป็นสัญญาอนุญาตเดียวกับ WordPress คุณอ่านโค้ด แก้ไข และรันฟอร์กของตัวเองบนเว็บไซต์ของคุณเองได้
ทุกอย่างที่ไปอยู่ใน HTML ของหน้าเว็บควรได้รับการตรวจสอบอย่างระมัดระวัง นี่คือสิ่งที่เกิดขึ้นกับแอตทริบิวต์ของคุณ File ID ต้องตรงกับ [A-Za-z0-9_-] และมีความยาวระหว่างสิบถึงหกสิบตัวอักษร ค่าอื่นจะถูกปฏิเสธพร้อมข้อความที่มองเห็นได้ แทนที่จะถูกนำไปใส่ใน URL ความกว้างและความสูงผ่าน absint() ดังนั้นตัวอักษรที่พิมพ์ผิดจะกลายเป็นค่าเริ่มต้นแทนที่จะทำให้เลย์เอาต์พัง URL ที่ประกอบเสร็จจะถูกเอสเคปก่อนถึง src
มีเรื่องหนึ่งที่ควรรู้เพราะทำให้หลายคนแปลกใจ WordPress จะทิ้งแอตทริบิวต์ของ shortcode ที่ไม่รู้จักโดยไม่แจ้งเตือน หากเขียน hight="600" จะไม่มีอะไรผิดพลาด แต่คุณจะได้ความสูงเริ่มต้นโดยไม่มีคำเตือนใด ๆ หากตัวเลือกไหนดูเหมือนไม่ทำงาน ให้ตรวจการสะกดกับตารางด้านบนก่อนหาสาเหตุอื่น
ปลั๊กอินส่งคำขอจากเซิร์ฟเวอร์ของคุณมายังเซิร์ฟเวอร์ของเราเพียงครั้งเดียวเท่านั้น และเฉพาะเมื่อตั้งค่า text="1" เพื่อขอข้อความของฟลิปบุ๊กเล่มนั้น ไม่มีข้อมูลเกี่ยวกับผู้เข้าชมของคุณถูกส่งไป เพราะปลั๊กอินไม่รู้อะไรเกี่ยวกับผู้เข้าชมเลย
ทั้งสองแบบแสดงผล HTML เหมือนกัน จึงขึ้นอยู่กับว่าคุณชอบทำงานแบบไหน บล็อกให้ดูตัวอย่างสดในตัวแก้ไขและมีแถบด้านข้างที่แสดงตัวเลือกเป็นตัวควบคุมจริง ซึ่งสะดวกเมื่อลองปรับขนาด ส่วน shortcode เป็นข้อความ จึงคัดลอกระหว่างโพสต์ วางลงในเพจบิลเดอร์ และค้นหาภายหลังได้ง่ายเมื่อต้องการหาฟลิปบุ๊กทุกอันบนเว็บไซต์
หากคุณดูแลเว็บไซต์ให้ผู้อื่น shortcode มีข้อดีเชิงปฏิบัติอย่างหนึ่ง คือยังใช้ได้เมื่อเปลี่ยนธีม เปลี่ยนตัวแก้ไข หรือย้ายเพจบิลเดอร์ โดยไม่ต้องสร้างใหม่ หากต้องการเปรียบเทียบปลั๊กอินกับวิธีฝังอีกสามแบบ ได้แก่ iframe ธรรมดา สนิปเป็ต JavaScript และ oEmbed ดูได้ที่คู่มือ การฝัง PDF ใน WordPress
สร้างบัญชี Toombler ฟรี แปลง PDF จาก Drive, Dropbox หรือ OneDrive หรือ Google Docs หรือชุดสไลด์ Google Slides ให้เป็นฟลิปบุ๊ก แล้วฝังได้ภายในไม่กี่นาที