วิธีเพิ่มวิดเจ็ต Audio Music Player ใน WordPress

คุณต้องการเพิ่มวิดเจ็ตเครื่องเล่นเพลงใน WordPress หรือไม่?

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

ในบทความนี้ เราจะแสดงวิธีเพิ่มเครื่องเล่นเพลงเสียงใน WordPress

ทำไมต้องเพิ่มวิดเจ็ต Audio Music Player ใน WordPress

เครื่องเล่นเพลงช่วยให้ผู้เยี่ยมชมสามารถฟังเสียงได้โดยตรงบนเว็บไซต์ WordPress ของคุณ

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

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

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

ดังที่กล่าวไว้ มาดูกันว่าคุณจะเพิ่มเครื่องเล่นเพลงเสียงใน WordPress ได้อย่างไร เพียงใช้ลิงค์ด่วนด้านล่างเพื่อข้ามไปยังวิธีที่คุณต้องการใช้

• วิธีที่ 1. วิธีเพิ่มวิดเจ็ตเครื่องเล่นเพลงโดยใช้ Audio block (อย่างง่าย)
• วิธีที่ 2 วิธีเพิ่มวิดเจ็ตเครื่องเล่นเพลงโดยใช้ปลั๊กอิน (ปรับแต่งได้มากขึ้น)

วิธีที่ 1. วิธีเพิ่มวิดเจ็ต Audio Music Player โดยใช้ Audio Block (อย่างง่าย)

ด้วยวิธีนี้ คุณสามารถสร้างเครื่องเล่นเพลงเสียงง่ายๆ โดยใช้บล็อกเสียง WordPress ในตัว คุณสามารถใช้บล็อกเพื่อเล่นไฟล์ .mp3, .m4a, .ogg หรือ .wav

เครื่องเล่นเสียงนั้นเรียบง่ายมากเมื่อเทียบกับปลั๊กอินเครื่องเล่นเสียงส่วนใหญ่ มีปุ่มเล่น/หยุดชั่วคราว ปุ่มควบคุมระดับเสียง ปุ่มดาวน์โหลด และปุ่มเปลี่ยนความเร็วในการเล่น

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

หากคุณฝังเนื้อหาจากแพลตฟอร์มของบุคคลที่สามที่รองรับ เช่น Spotify หรือ SoundCloud บล็อกเสียงจะแสดงส่วนควบคุมการเล่นสำหรับแพลตฟอร์มนั้น นอกจากนี้ยังอาจแสดงเนื้อหาพิเศษบางอย่างจากแพลตฟอร์ม เช่น ชื่อศิลปินและภาพหน้าปก

ตัวอย่างเช่น นี่คือบล็อกเสียงที่มีเนื้อหา SoundCloud ฝังอยู่

หากต้องการเพิ่มเครื่องเล่นเพลงแบบง่ายๆ ลงในเว็บไซต์ WordPress ของคุณ ให้เปิดหน้าหรือโพสต์ใดก็ได้ จากนั้นคลิกที่ไอคอน +

ในป๊อปอัปที่ปรากฏขึ้น ให้พิมพ์ "เสียง" เพื่อค้นหาบล็อกที่ถูกต้อง จากนั้นคุณสามารถคลิกที่บล็อกเสียงเพื่อเพิ่มลงในหน้าของคุณ

ณ จุดนี้ คุณสามารถเพิ่มไฟล์เสียงหรือฝังคลิปเสียงจากแพลตฟอร์มอื่นได้

หากต้องการเพิ่มไฟล์เสียงจากคอมพิวเตอร์ของคุณ ให้คลิกที่ 'อัปโหลด' จากนั้นเลือกไฟล์ที่คุณต้องการใช้ อีกทางเลือกหนึ่งคือการคลิกที่ 'ไลบรารีสื่อ' จากนั้นเลือกไฟล์จากไลบรารีสื่อ WordPress

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

คุณต้องการฝังเสียงจากแพลตฟอร์มอื่นแทนหรือไม่?

สิ่งนี้คล้ายกับวิธีที่คุณฝังวิดีโอใน WordPress โดยคุณเพียงแค่วาง URL ของวิดีโอ YouTube และ WordPress จะฝังให้โดยอัตโนมัติ

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

ในภาพต่อไปนี้ บล็อกเสียงกำลังดึงดูดผู้เยี่ยมชมไปยังเว็บไซต์ Spotify

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

หากต้องการฝังเสียงจากแพลตฟอร์มของบุคคลที่สาม ให้เริ่มด้วยการคลิกที่ 'แทรกจาก URL'

ซึ่งจะเป็นการเปิดแถบ 'วางหรือพิมพ์ URL' ขนาดเล็ก

ตอนนี้คุณสามารถป้อน URL ของคลิปเสียงที่คุณต้องการฝังในบล็อก WordPress ของคุณได้แล้ว

โดยปกติแล้ว คุณเพียงแค่ต้องไปที่เพลงหรือไฟล์เสียงที่คุณต้องการฝัง จากนั้นเปิดการตั้งค่า "แบ่งปัน"

หลังจากนั้นคุณสามารถคัดลอก URL ที่ให้ไว้

ตัวอย่างเช่น มาดูกันว่าคุณจะฝังเพลง Spotify บนไซต์ของคุณได้อย่างไร ในการเริ่มต้น ให้ค้นหาเพลงหรือเพลย์ลิสต์ที่คุณต้องการเพิ่มลงในเว็บไซต์ WordPress ของคุณ

จากนั้นเพียงคลิกที่จุดสามจุดที่ Spotify แสดงถัดจากเพลย์ลิสต์หรือเพลง

เมื่อคุณทำเสร็จแล้ว ให้คลิก แชร์ » คัดลอกลิงก์เพลง

หากต้องการเพิ่มเสียงลงในวิดเจ็ตเครื่องเล่นเพลง เพียงวางลิงก์ลงในบล็อกเสียง

ในตัวอย่าง Spotify ของเรา WordPress จะเปลี่ยนบล็อก Audio เป็นบล็อก Spotify การเปลี่ยนแปลงนี้จะเกิดขึ้นโดยอัตโนมัติ คุณจึงไม่ต้องกังวล

หลังจากเพิ่มไฟล์เสียงแล้ว คุณสามารถคลิกที่บล็อกเสียงเพื่อดูการตั้งค่าที่คุณสามารถกำหนดค่าสำหรับบล็อกนั้นได้

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

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

เมื่อคุณพอใจกับวิธีตั้งค่าการบล็อกแล้ว คุณสามารถอัปเดตหรือเผยแพร่เพจได้

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

วิธีที่ 2 วิธีเพิ่มวิดเจ็ต Audio Music Player โดยใช้ปลั๊กอิน (ปรับแต่งได้มากขึ้น)

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

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

หากคุณต้องการคุณสมบัติขั้นสูงและเครื่องเล่นเสียงที่นำกลับมาใช้ใหม่ได้ เราขอแนะนำ Html5 Audio Player ปลั๊กอินนี้สามารถเล่นไฟล์ mp3, .wav หรือ .ogg ใดๆ ก็ได้

ปลั๊กอินสามารถเล่นไฟล์เสียงได้หนึ่งไฟล์ต่อเครื่องเล่นเท่านั้น อย่างไรก็ตาม คุณสามารถสร้างเครื่องเล่นเสียงได้มากเท่าที่คุณต้องการ ดังนั้นคุณจึงยังสามารถเล่นแทร็กต่างๆ มากมายทั่วทั้งไซต์ของคุณได้

คุณสามารถเพิ่มเครื่องเล่นเสียงหลายตัวในหน้าเดียวกันได้

ก่อนอื่น คุณจะต้องติดตั้งและเปิดใช้งานปลั๊กอิน หากคุณต้องการความช่วยเหลือ โปรดดูคำแนะนำของเราเกี่ยวกับวิธีติดตั้งปลั๊กอิน WordPress

เมื่อเปิดใช้งาน คุณก็พร้อมที่จะสร้างเครื่องเล่นเสียงเครื่องแรกของคุณโดยไปที่ Html5 Audio Player » Html5 Audio Player

ที่นี่ ไปข้างหน้าและคลิกที่ปุ่ม 'เพิ่มเครื่องเล่นเสียง'

ในการเริ่มต้น ให้พิมพ์ชื่อสำหรับเครื่องเล่นเสียงลงในช่องที่แสดง 'เพิ่มชื่อ'

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

เมื่อคุณทำเสร็จแล้ว ให้เลื่อนไปที่ส่วน 'การกำหนดค่าผู้เล่น'

ที่นี่ คุณสามารถเพิ่มไฟล์เสียงไปยังเครื่องเล่นได้โดยคลิกที่ปุ่ม 'เพิ่มเสียง'

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

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

นี่คือวิธีที่ผู้เข้าชมส่วนใหญ่คาดหวังให้เครื่องเล่นเสียงดำเนินการ ดังนั้นโดยทั่วไปคุณจะต้องใช้การตั้งค่าเริ่มต้นเหล่านี้

นอกจากนี้ยังมีตัวเลือกในการปิดเสียงตามค่าเริ่มต้น เล่นอัตโนมัติ เล่นซ้ำ และอื่นๆ

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

จากนั้น คุณสามารถเพิ่มเครื่องเล่นเสียงลงในไซต์ของคุณโดยใช้รหัสย่อหรือบล็อก HTML5 Audio Player

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

สำหรับรายละเอียดเพิ่มเติมเกี่ยวกับวิธีวางรหัสย่อ คุณสามารถดูคำแนะนำของเราเกี่ยวกับวิธีเพิ่มรหัสย่อใน WordPress

หากต้องการเพิ่มเครื่องเล่นเพลงโดยใช้บล็อก ให้เปิดหน้าหรือโพสต์ใดก็ได้ ตอนนี้คุณสามารถคลิกที่ปุ่ม +

ในป๊อปอัปที่ปรากฏขึ้น ให้พิมพ์ 'HTML5 Audio Player' เพื่อค้นหาบล็อกที่ถูกต้อง เมื่อคุณคลิกที่บล็อก 'HTML5 Audio Player – แทรก' บล็อกนั้นจะเพิ่มบล็อกลงในเพจของคุณ

จากนั้น เปิดดร็อปดาวน์ที่แสดง 'เลือกผู้เล่น' เพื่อดูรายการเครื่องเล่นเสียงทั้งหมดที่คุณสร้างขึ้น

ตอนนี้คุณสามารถคลิกที่เครื่องเล่นเสียงเพื่อเพิ่มลงในหน้าหรือโพสต์

เครื่องมือแก้ไขหน้า WordPress ไม่แสดงเครื่องเล่นเสียง

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

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

ตอนนี้หากคุณไปที่หน้านี้บนเว็บไซต์ WordPress คุณจะเห็นเครื่องเล่นเสียงแสดงสด

คุณต้องการเพิ่มแทร็กเสียงอื่นๆ ลงในไซต์ของคุณหรือไม่ จากนั้นคุณสามารถทำตามขั้นตอนที่อธิบายไว้ข้างต้นเพื่อสร้างเครื่องเล่นเสียงและเพิ่มลงในเว็บไซต์ WordPress ของคุณ

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

หากคุณชอบบทความนี้ โปรดสมัครสมาชิก YouTube Channel สำหรับวิดีโอสอน WordPress ของเรา คุณสามารถหาเราได้ที่ Twitter และ Facebook