ภาพรวมและบทวิจารณ์ปลั๊กอิน Google Web Stories WordPress Plugin

Web Stories คือหน้าที่แตะได้แบบเต็มหน้าจอซึ่งขับเคลื่อนโดย AMP ช่วยให้คุณสร้างคำบรรยายภาพแบบอินเทอร์แอคทีฟที่ยอดเยี่ยมสำหรับข้อมูลภาพ เรื่องราวมีความสมจริง แชร์ได้ และติดตามได้ คุณสามารถเพิ่มลงในเว็บไซต์ WordPress ของคุณได้แล้วโดยใช้ปลั๊กอินจาก Google ในภาพรวมและการตรวจสอบปลั๊กอินนี้ เราจะมาดูปลั๊กอิน Google Web Stories WordPress กัน และดูว่าปลั๊กอินนี้ทำอะไรได้บ้าง

Web Stories คืออะไร?

Web Stories หรือที่รู้จักกันอย่างเป็นทางการในชื่อ AMP Stories คือหน้าเว็บที่มีขนาดเท่ากับหน้าจออุปกรณ์เคลื่อนที่พร้อมเลย์เอาต์สไตล์นิตยสาร เนื้อหาประกอบด้วยข้อความขนาดใหญ่พร้อมลิงก์ไปยังเนื้อหาที่ยาวกว่า วิดีโอความยาว 15 วินาทีในโหมดแนวตั้งพร้อมคำอธิบายภาพ และรูปภาพพร้อมคำบรรยาย Web Stories เป็นระบบโอเพ่นซอร์สและฟรี

มีไว้สำหรับใช้กับอุปกรณ์มือถือ โดยทั่วไปประกอบด้วย 4 ถึง 30 หน้าโดยมี 10 คำต่อหน้า เหมาะอย่างยิ่งสำหรับการผลิตเนื้อหาที่มีขนาดเล็กลง เป็นวิธีที่ยอดเยี่ยมในการจัดหาเนื้อหาแบบอินเทอร์แอกทีฟที่ใช้งานง่ายด้วยมือเดียวขณะรับประทานอาหารกลางวัน นั่งบนรถไฟใต้ดิน ฯลฯ

ทำไมต้องใช้ Web Stories กับ WordPress?

เนื้อหา Web Stories และการออกแบบมีความเหมาะสมสำหรับเนื้อหาบล็อกบนเว็บไซต์ WordPress ปลั๊กอินนี้รวมเข้ากับเว็บไซต์ WordPress ของคุณและช่วยนำการเข้าชมผ่านรูปแบบ Web Story

พวกเขายังช่วยปรับปรุง SEO ของคุณและติดอันดับสูงในการค้นหาของ Google, Google รูปภาพ, Google Discover และแอป Google ทำให้ Web Stories เป็นวิธีที่ยอดเยี่ยมในการปรับปรุงปริมาณการใช้งาน WordPress

การติดตั้งปลั๊กอิน Google Web Stories

ดาวน์โหลดปลั๊กอินเบต้าฟรี นี่เป็นปลั๊กอินเบต้าสาธารณะ ดังนั้นคุณสมบัติหลักส่วนใหญ่จึงอยู่ที่นั่น เวอร์ชันเต็มจะออกในช่วงปลายฤดูร้อนนี้ จะมีความเสถียร ประสิทธิภาพ และการแก้ไขข้อบกพร่องที่ดีขึ้น รวมถึงการสนับสนุนภาพเคลื่อนไหวและไฟล์แนบของหน้า

เนื่องจากเป็นรุ่นเบต้า คุณจะต้องดาวน์โหลดไฟล์และติดตั้งด้วยตนเองตามขั้นตอนเหล่านี้:

1. ไปที่หน้า Stories Github และดาวน์โหลดปลั๊กอินเบต้า
2. ในแดชบอร์ด WordPress ให้ไปที่ Plugins > Add New
3. คลิก อัปโหลดปลั๊กอิน
4. เลือกไฟล์ซิปจากคอมพิวเตอร์ของคุณ
5. คลิก ติดตั้งทันที
6. เมื่อคุณเห็น “ติดตั้งปลั๊กอินสำเร็จ” ให้คลิก เปิดใช้งานปลั๊กอิน

เมนูเรื่องราวบนเว็บ

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

นี่คือประเภทโพสต์เรื่องที่สามารถแสดงเป็นโพสต์เรื่องราวและสามารถเพิ่มลิงก์ไปยังโพสต์เหล่านี้ไปยังหน้าและโพสต์ปกติได้

สร้างเรื่องราว

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

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

เนื้อหา

รูปภาพและเนื้อหาอื่นๆ มาจากโฟลเดอร์สื่อของคุณ การวางเมาส์เหนือจุดหนึ่งจะแสดงจุดสามจุด การคลิกที่จุดจะเปิดตัวเลือกเพื่อแก้ไขหรือลบรูปภาพ คุณยังจัดเรียง ค้นหา และอัปโหลดรูปภาพหรือวิดีโอได้อีกด้วย การคลิกที่เนื้อหาจะเพิ่มไปยังหน้าเรื่องราว

คุณสามารถดับเบิลคลิกเพื่อเพิ่มเนื้อหาหรือลากและวางเนื้อหาในหน้าเรื่องราว ในตัวอย่างนี้ ฉันกำลังลากรูปภาพไปที่หน้า

ข้อความ

แท็บข้อความประกอบด้วยปุ่มที่กำหนดไว้ล่วงหน้าเพื่อเพิ่มหัวเรื่อง หัวเรื่องย่อย และข้อความเนื้อหา คลิกที่หนึ่งหรือคลิกเพิ่มข้อความใหม่เพื่อเพิ่มข้อความที่กำหนดไว้ล่วงหน้าในหน้า

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

คุณยังสามารถเลือกหลายรายการพร้อมกันเพื่อปรับขนาดหรือย้ายเนื้อหา

รูปร่าง

แท็บรูปร่างประกอบด้วยสี่เหลี่ยม วงกลม สามเหลี่ยม หัวใจ ดาว ห้าเหลี่ยม หกเหลี่ยม และหยด ลากและวางบนหน้า เปลี่ยนสี ความทึบ ขนาด ฯลฯ

หน้าหนังสือ

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

ลากเนื้อหาเพื่อดูตัวเลือกการจัดตำแหน่ง

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

ออกแบบ

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

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

ด้วยข้อความ ซึ่งรวมถึงตระกูลแบบอักษร การจัดรูปแบบ การจัดตำแหน่ง สี สีพื้นหลัง ช่องว่างภายใน และลิงก์

สำหรับรูปร่าง ซึ่งรวมถึงการจัดตำแหน่ง ขนาดและตำแหน่ง และสี

แท็บเอกสารมีตัวเลือกการเผยแพร่ WordPress มาตรฐานและเพิ่มอีกสองสามรายการ บันทึกเป็นฉบับร่างหรือเผยแพร่เป็นสาธารณะหรือส่วนตัว ปรับวันที่ โลโก้ของผู้จัดพิมพ์ และภาพหน้าปก ปรับลิงก์ถาวรและความก้าวหน้าของหน้า เลือกระหว่างแบบอัตโนมัติและแบบแมนนวล และตั้งเวลาการเลื่อนอัตโนมัติ

แม่แบบ

แท็บสำรวจเทมเพลตจะแสดงเทมเพลตที่คุณสามารถใช้ได้ในเรื่องราวของคุณ ขณะนี้มีเทมเพลต 8 แบบที่จะช่วยคุณเริ่มต้น เทมเพลตประกอบด้วยหลายหน้า จึงมีการออกแบบมากมายที่จะช่วยได้

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

หน้าทั้งหมดสามารถเลือกและปรับได้ เลือกองค์ประกอบใดก็ได้เพื่อเปลี่ยน

เผยแพร่เรื่องราว

เมื่อคุณคลิกเพื่อเผยแพร่เรื่องราว คุณจะเห็นตัวเลือกในการดูเรื่องราวหรือเพิ่มในโพสต์ใหม่

ดูเรื่องราว

การดูเรื่องราวจะเปิดหน้าในส่วนหน้า แต่ละหน้าสามารถมองเห็นได้ แต่มีเพียงหน้าที่อยู่ตรงกลางเท่านั้นที่สามารถอ่านได้อย่างเต็มที่ หน้าจะแสดงแถบเลื่อนที่มีลูกศรอยู่ด้านข้าง แถบนำทางใต้หน้า ปุ่มเล่นหรือหยุดชั่วคราวที่มุมขวาบน และปุ่มแบ่งปันเพื่อให้ผู้เยี่ยมชมสามารถแบ่งปันเรื่องราวบนเว็บของคุณได้อย่างง่ายดาย การคลิกปุ่มทำให้ผู้เข้าชมสามารถคัดลอก URL ได้

เพิ่มในโพสต์ใหม่

การเลือก เพิ่มในโพสต์ใหม่ จะสร้างโพสต์บล็อกมาตรฐานโดยอัตโนมัติพร้อมรหัสสำหรับเรื่องราวที่วางไว้ในโพสต์แล้ว นี่เป็นบล็อกโพสต์มาตรฐาน จึงปรากฏในสตรีมบล็อก นี่คือลิงค์ที่เปิดหน้าของเรื่องราว เพิ่มเนื้อหาอื่น ๆ ในโพสต์ที่คุณต้องการ รหัสนี้สามารถวางในโพสต์หรือหน้าใดก็ได้ ดังนั้นคุณสามารถใช้กับโพสต์ในบล็อก เลย์เอาต์ Divi ฯลฯ ฉันใช้ตัวแก้ไขแบบคลาสสิกอยู่ แต่โค้ดนี้ก็ทำงานเหมือนกันใน Gutenberg

ด้วย Gutenberg จะขอให้แปลงรหัสเป็น HTML เรื่องราวทำงานในโหมดนี้ คุณจึงสามารถเห็นหน้าเพจเปลี่ยนไปเมื่อคุณเขียนโพสต์

วิธีเพิ่มเติมในการใช้ประเภทโพสต์เรื่องราว

คุณยังสามารถเพิ่มประเภทโพสต์ในเมนูการนำทางของคุณ ใช้กับโมดูลบล็อก Divi ตัวสร้างธีม Divi เป็นต้น

การโฆษณาใน Google Web Stories

การสร้างรายได้จำกัดอยู่ที่แพลตฟอร์ม Google และการขายในเครือ โฆษณา Story ให้บริการโดย Google Ad Manager และ Google DV360 (ซึ่งขณะนี้อยู่ในรุ่นเบต้า) การสนับสนุนเซิร์ฟเวอร์โฆษณาเพิ่มเติมจะถูกเพิ่มในอนาคต พวกเขาสามารถรวมเรื่องราวที่ได้รับการสนับสนุนและบริษัทในเครือ

โฆษณา Google แสดงแบบเต็มหน้าและปรากฏใน Web Stories โดยอาจรวมลิงก์ไปยังหน้าเว็บ หน้า AMP หรือแอป พวกเขาสามารถรวมข้อความ รูปภาพ ปุ่ม วิดีโอ แอนิเมชั่น และชุดค่าผสมใดๆ โฆษณาถูกทำเครื่องหมายเป็นโฆษณาที่มุมซ้ายบน เป้าหมายของโฆษณาคือต้องมีการออกแบบที่กลมกลืนกับ Web Stories UX

เอกสารประกอบแสดงรายละเอียดวิธีเขียนโค้ดและสร้างโฆษณา มีเทมเพลตมากมายให้คุณเริ่มต้น บางส่วนแสดงในตัวอย่างด้านบน

จบความคิด

Web Stories เป็นวิธีที่น่าสนใจในการเผยแพร่เนื้อหาสำหรับเว็บไซต์ WordPress ของคุณ เรื่องราวดูเหมือนหน้านิตยสารและทำงานเป็นตัวเลื่อน พวกเขายังรวมเข้ากับโครงสร้างการนำทางของ WordPress และเค้าโครงและโมดูลของ Divi ได้เป็นอย่างดี ทำงานได้ดีกับอุปกรณ์พกพา

ปลั๊กอิน Web Stories WordPress ของ Google ดูและให้ความรู้สึกเหมือนเครื่องมือแก้ไขกราฟิกอย่าง Canva ใช้งานง่ายและสะดวก หากคุณสนใจวิธีง่ายๆ ในการสร้างเนื้อหาง่ายๆ ที่ดูดีและปรับปรุง SEO ของคุณ เราขอแนะนำให้คุณดูปลั๊กอิน Web Stories WordPress

เราต้องการได้ยินจากคุณ คุณได้ลองใช้ปลั๊กอิน Google Web Stories WordPress แล้วหรือยัง? แจ้งให้เราทราบเกี่ยวกับประสบการณ์ของคุณในความคิดเห็นด้านล่าง

ภาพเด่นผ่าน Jemastock / shutterstock.com