วิธีการเอา issuu มาโพสใน wordpress

เป็น post เกี่ยวกับ how to อีกครั้ง ซึ่งก็เป็น หนึ่งในการทำ workshop wordpress อีกเช่นเคยครับ

จริง ๆ แล้วเรื่องมีอยู่ว่า ก่อนหน้านี่ผมได้ไปเป็นที่ปรึกษาให้กับหนังสือพิมพ์ท้องถิ่นแห่งหนึ่ง Phuket Ecomnews ซึ่งเป็นหนังสือพิมพ์รายสัปดาห์ โดยที่เค้าแจ้งว่าจะต้องมีการนำหนังสือพิมพ์มา review เป็นหน้าเว็บไซต์ได้ด้วย ดังนั้นผมจึงแนะนำให้ใช้ issuu.com ดีกว่า เนื่องจากเป็น App ที่ฟรี และยังตอบสนองความต้องการของทาง Phuket Ecomnews ได้อย่างดีอีกด้วย

แล้วปัญหาที่เกิดขึ้นก็คือ ทางพนักงานที่ดูแลเกี่ยวกับ artwork มีความรู้เกี่ยวกับ coding (Embed Code) น้อยมาก อีกทั้งยังไม่มีความคุ้นเคยกับการปรับแต่ Embed Code ของ Issuu.com อีกต่างหาก

ดังนั้นผมคิดว่าปัญหานี้คงเป็นปัญหาที่หลาย ๆ ท่านอาจจะต้องประสบจึงมาทำการสอนเป็น Step step ไปเลยดีกว่า

  1. เปิดหน้า dashboard ของ wordpress ขึ้นมาก่อน ซึ่งเลือกไปที่บนความเลยนะครับ

    wordpress dashboard
    wordpress dashboard
  2. เลือกที่ปุ่ม HTML ด้านบนขวาของช่อง WYSIWYG

    HTML DASHBOARD
    HTML DASHBOARD
  3. เปิดหน้า issuu.com ขึ้นมาจากนั้นไปยังหนังสือที่ต้องการนำมา embed บน บทความของเรา

    เลือกฉบับที่ต้องการมาไว้ในเว็บเรา
    เลือกฉบับที่ต้องการมาไว้ในเว็บเรา
  4. จากนั้นไปที่ปุ่ม embed code สัญลักษณ์ตามแบบ

    issuu.com embed code button
    issuu.com embed code button
  5. จากนั้นปรับแต่ขนาด หรือหน้าที่ต้องการจะให้แสดงได้เลยครับ
    customize embed code
    customize embed code

    ซึ่งสามารถปรับแต่งรายละเอียดต่าง ๆ ได้ดังนี้

    Embed Code : เป็น Code สำหรับเอาไปวางเพื่อให้แสดงผลเป็น E-Book
    Link to : เป็น Code สำหรับ link ไปยังหน้า page ของ issuu.com ที่เราฝากหนังสือเอาไว้ หรือหน้าใด หน้าหนึ่งด้านในหนังสือนั้น
    Misc : ปรับแต่งว่าจะให้ หนังสือที่แสดงผลออกมามีปุ่มสำหรับ เปลี่ยหน้าหนังสือหรือไม่
    Layout : เป็นตัวเลือกสำหรับจัดประเภทสำหรับการอ่าน ซึ่งมี 3 ตัวเลือกด้วยกัน Browsing, Presentation และ Reading
    Size : ซึ่งสามารถปรับขนาดได้ตามต้องการ ไม่ว่าจะเป็น เล็ก กลาง หรือใหญ่ หรือสามารถปรับขนาดได้ตามที่หน้า page เราต้องการเลย

  6. Copy Embed Code ของ issuu.com มา

    get embed code
    get embed code
  7. มาวางใน HTML Space ของ WordPress ของเรา

    แปะ ไว้ใน HTML
    แปะ ไว้ใน HTML
  8. จากนั้นกด Publish เท่านั้น
  9. ตามไปดูที่หน้าเว็บของเรา
  10. โป๊ะเช๊ะ ทุกอย่างโอเชแล้ว…….

 

เห็นไหมครับ wordpress ง่ายนิดเดียว….

tudut