วิธีสร้างหน้าพอดคาสต์ที่สวยงามด้วย Divi

คุณมีพอดคาสต์ที่ยอดเยี่ยม แต่เว็บไซต์ของคุณอาจต้องใช้งานบ้าง มันทำงานได้ แต่มันไม่โดดเด่น ไม่ต้องกลัว podcaster! ฉันมีคุณครอบคลุม

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

ผลิตภัณฑ์สุดท้ายของวันนี้: หน้าแรกของพอดคาสต์สามส่วน

ฉันต้องการให้การออกแบบเรียบง่ายและน้อยที่สุดเท่าที่จะเป็นไปได้ โดยไม่สูญเสียบุคลิกที่พอดคาสต์ที่ดีต้องรักษาไว้ การออกแบบนี้มีไว้สำหรับพอดคาสต์อินดี้สวมบทบาทที่เรียกว่า You're An All-Star ซึ่งเน้นไปที่รองเท้าและมีความสุข ฉันต้องการให้การออกแบบสะท้อนถึงธีมนั้น

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

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

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

ด้านล่างนี้ ฉันจะให้บทช่วยสอนทีละขั้นตอนเกี่ยวกับวิธีการจัดรูปแบบและสร้างแต่ละโมดูล ส่วนและหน้าของไซต์

สินทรัพย์ที่คุณต้องการ

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

รูปภาพทั้งหมดของฉันมาจาก Unsplash (รูปภาพทั้งหมดสำหรับไซต์นี้สามารถพบได้ในคอลเล็กชันนี้) ฉันใช้ Preview เพื่อแปลงบางส่วนเป็นขาวดำ แต่คุณสามารถใช้ซอฟต์แวร์แก้ไขภาพอะไรก็ได้ที่คุณต้องการ เกือบทั้งหมดให้คุณเลือกตัวเลือกระดับสีเทา/ขาวดำหรือลดความอิ่มตัวของสีเป็นศูนย์

นอกจากนั้น ทรัพยากรทั้งหมดที่คุณต้องการจะอยู่ภายใน Divi มาเริ่มกันเลยดีกว่า!

หน้าแรกของเว็บไซต์ Podcast: ส่วนแรก

เริ่มต้นด้วยการสร้างหน้าใหม่ในแดชบอร์ด WordPress และตั้งค่าให้เป็นหน้าแรกของเว็บไซต์ของคุณ (ฉันตั้งชื่อของฉันว่า “บ้าน” อย่างสะดวก)

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

อย่างแรก เราสร้างแถวสามคอลัมน์

ภายในคอลัมน์กลาง เราต้องการแทรกโมดูลตัวแบ่ง Divi

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

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

ใต้แท็บเนื้อหาของการตั้งค่าข้อความ ให้เพิ่มชื่อลงในกล่องเนื้อหา

ในแท็บ Design ให้อัปเดต Text Color เป็น "Light" และเปลี่ยน Text Orientation เป็น "Center" จากนั้นปรับแบบอักษรและขนาดข้อความ ฉันเลือกแบบอักษร “Special Elite” เนื่องจากมีลักษณะเป็นทุกข์ จากนั้นจึงกำหนดขนาดเป็น 60 และตั้งค่าความสูงของบรรทัดข้อความเป็น 1 ม.

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

ในแท็บเนื้อหา ให้อัปเดตตัวเลือกต่อไปนี้:

เนื้อหา : ป้อนข้อความของคุณสำหรับคำอธิบาย (ฉันขอแนะนำเวอร์ชันย่อของคำอธิบายที่คุณใช้บน iTunes และบริการอื่นๆ)
สีพื้นหลัง : rgba(0,0,0,0.4)

ในแท็บ Design เลือก "Light" สำหรับสีข้อความและเลือก "Center" สำหรับการวางแนวข้อความเหมือนที่คุณทำในกล่องก่อนหน้า ตั้งค่าแบบอักษรข้อความเป็น "Special Elite" ที่ขนาด 20px

สุดท้าย เพิ่มช่องว่างภายใน 10px รอบกล่องข้อความทั้งหมด

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

border-radius: 10px;

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

ผลงานยอดเยี่ยม!

อย่างไรก็ตาม เพื่อให้ดูน่าดึงดูดยิ่งขึ้นอีกเล็กน้อย เราจำเป็นต้องตั้งค่าพื้นหลังของส่วน ดังนั้นไปที่การตั้งค่าของกล่องสีน้ำเงิน (ส่วน) และอัปโหลดภาพพื้นหลัง ฉันมักจะเก็บความละเอียดไว้ที่ 1920 × 1280

คุณควรเห็นบางสิ่งที่มีลักษณะดังนี้:

ถึงตอนนี้ คุณอาจกำลังถามตัวเองว่า “แล้วพอดคาสต์ล่ะ? มันเป็นไซต์พอดคาสต์และเรายังไม่ได้ทำอะไรกับพอดคาสต์เลย!” คุณมีสิทธิ์ทั้งหมด มาดูเสียงกันโดยเลือกโมดูลเสียง (คุณเดาเอาเอง) ในคอลัมน์ที่สามของแถวของเรา

โมดูลเสียงเริ่มต้นไม่ตรงกับธีมที่เราจะใช้กับไซต์นี้ทุกประการ ดังนั้นลองมาดูจากสิ่งนี้:

สำหรับสิ่งนี้:

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

(เรื่องน่ารู้: ใครก็ตามที่คลิกเล่นบนไซต์ของคุณผ่านโมดูลนี้จะนับเป็นการดาวน์โหลดในแดชบอร์ด Libsyn ของคุณด้วย คะแนน!)

จากนั้นคุณจะต้องใส่ชื่อเรื่องของตอนที่คุณเชื่อมโยงไว้ภายใต้ชื่อและชื่อของคุณภายใต้ชื่อศิลปิน (หรือสิ่งที่คุณทำในรายการของคุณสำหรับพอดคาสต์เกี่ยวกับรองเท้าของเราเกี่ยวกับรองเท้าฉันจะเลือกสิ่งอื่นที่ไม่ใช่ Chuck Taylor ได้อย่างไร ). ชื่ออัลบั้มจะเป็นชื่อพอดแคสต์ของคุณ

ต่อไป เรามาเปลี่ยนสีเขียวอมเขียวให้เป็นพื้นหลังโปร่งใสกัน สีไม่สำคัญ เพียงเลื่อนแถบความโปร่งใสไปจนสุดด้านล่าง หรือจนกว่าตัวเลขสุดท้ายของ RGBA จะเป็น 0

สำหรับภาพหน้าปก เป็นการดีที่สุดที่จะใช้ภาพขนาดย่อของตอนนี้หรือภาพพอดคาสต์ที่คุณใช้บน iTunes และที่อื่นๆ

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

เลือก "Light" สำหรับตัวเลือกสีข้อความ ตั้งค่าฟอนต์เป็น “Special Elite” โดยให้ขนาดชื่อเป็น 50px และขนาดคำบรรยายเป็น 20px

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

เนื่องจากพื้นหลังเป็นแบบโปร่งใส ไม่จำเป็นต้องปัดเศษมุมให้ตรงกับกล่องข้อความในคอลัมน์แรก ดังนั้นให้กดบันทึก

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

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

ไม่เป็นไร! อีกหนึ่งองค์ประกอบและส่วนแรกก็เสร็จสมบูรณ์ (แต่อย่ากังวลไปเลย เพราะส่วนใหญ่เกี่ยวข้องกับพวกเขาทั้งหมด)

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

สร้างบล็อกข้อความใหม่ในคอลัมน์ที่สาม เปิดการตั้งค่า แล้วพิมพ์ข้อความลิงก์ที่คุณต้องการ สำหรับตัวอย่างนี้ เป็นการอธิบายตนเองว่า "อ่านบันทึกการแสดง"

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

(หมายเหตุด้านข้าง: โดยการไม่ป้อนข้อมูลโดเมนและเฉพาะตัวบุ้ง คุณกำลังบอกให้ WordPress นำผู้ใช้ไปยังหน้านั้นโดยไม่คำนึงถึงข้อมูลโดเมน สิ่งนี้มีประโยชน์จริง ๆ ในกรณีที่คุณเปลี่ยนโดเมน และช่วยป้องกันลิงก์เสีย!)

เพียงบันทึกลิงก์นั้น คุณก็พร้อมแล้ว!

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

โว้ว! ของคุณเอง…รอ เอ่อโอ้. ลิงก์บันทึกการแสดงของคุณคือ…คือ…น่าเกลียด!

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

ไปที่ฟิลด์ CSS ที่กำหนดเองใน Divi ของคุณ -> ตัวเลือกธีม และป้อนข้อมูลนี้ที่ด้านล่าง

a:link, a:visited, a:active {
    color: #ffffff;
}
 
a:hover {
 color: #ffffff;
 font-weight: bold;
 text-decoration: underline;
}

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

อย่าลืมบันทึก และตอนนี้เครื่องเล่นพอดแคสต์ของคุณก็เสร็จเรียบร้อยแล้ว!

และสำหรับการปรับแต่งส่วนสุดท้ายในส่วนแรกนี้ ให้คลิกที่การตั้งค่าแถว (กล่องสีเขียว)

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

และนั่นคือส่วนบนของเว็บไซต์ใหม่ของพอดแคสต์ของคุณ! ตอนนี้ควรมีลักษณะเช่นนี้

บันทึกไว้ และเพียงเท่านี้ งานส่วนใหญ่ก็เสร็จเรียบร้อย! และด้วยคุณสมบัติห้องสมุดของ Divi สองส่วนถัดไปจะผ่านไปอย่างรวดเร็ว! แค่ดู.

หน้าแรกของเว็บไซต์ Podcast: ส่วนที่สอง

ส่วนนี้จะแสดงตอนที่เลือกของพอดคาสต์ของเราและอนุญาตให้ผู้ใช้เยี่ยมชมที่เก็บถาวร (ซึ่งเหมือนกับหน้าบันทึกย่อที่มาในส่วนที่ 2)

สิ่งแรกที่เราจะทำคือสร้างส่วนใหม่โดยคลิกที่ + สีน้ำเงินที่ด้านล่างของส่วนและเพิ่มส่วนปกติ การทำเช่นนั้นจะสร้างกล่องสีน้ำเงินอีกกล่องในตัวสร้างภาพ เพิ่มในแถวคอลัมน์เดียว

เมื่อเรามีสิ่งนั้นแล้ว ให้เพิ่มพื้นหลังแบบเดียวกับที่เราทำด้านบน แต่คราวนี้ เราต้องการเลือก “ใช้ตัวเลือกพารัลแลกซ์” ในการตั้งค่าส่วน เก็บดรอปดาวน์ไว้ที่ “True Parallax” แทน “CSS”

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

บันทึกแล้วแทรกกล่องข้อความใหม่ลงในแถว พิมพ์ "ตอนที่เลือก" ให้ตรงกลางเครื่องมือแก้ไขแบบ WYSIWYG และไปที่การตั้งค่าเพื่อสร้างแบบอักษรข้อความเป็น "ยอดพิเศษ" และขนาดข้อความ 50px คุณควรเห็นสิ่งนี้ตอนนี้:

ด้านล่างนั้น ให้สร้างแถวสามคอลัมน์ใหม่โดยคลิกที่เครื่องหมาย + สีเขียว และในคอลัมน์แรก ให้ป้อน "เพิ่มจากแท็บไลบรารี" (คุณจะไม่มีตัวเลือกห้องสมุดทั้งหมดในขณะนี้ แต่จะเลือกในภายหลัง!)

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

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

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

เปิดการตั้งค่าโมดูลปุ่มและป้อน URL กระสุนสำหรับหน้าที่จะเป็นไฟล์เก็บถาวรของคุณ ฉันใช้ "/archives" ที่ชัดเจน ใช้ข้อความ "Browse the Archives" แล้วจัดปุ่มให้อยู่ตรงกลาง

ในแท็บการตั้งค่า เราคลิก “ใช้สไตล์ที่กำหนดเองสำหรับปุ่ม” และจะตั้งค่าสีพื้นหลังเป็น “#ffffff” และสีข้อความเป็น “#000000” (สีขาวและสีดำตามลำดับ)

จากนั้นเราจะต้องการปัดเศษมุมของปุ่มโดยตั้งค่ารัศมีเส้นขอบเป็น 10px ตั้งค่าแบบอักษรเป็น "ยอดพิเศษ" และเปลี่ยนไอคอนปุ่มเพิ่มจาก "ค่าเริ่มต้น" เป็น "ไม่"

สุดท้าย เปลี่ยนรัศมีเส้นขอบของปุ่มโฮเวอร์เป็น 10px เพื่อให้เป็นวงกลมเมื่อวางเมาส์ไว้เหนือปุ่ม

ฉันบันทึกสิ่งนี้ลงในห้องสมุดของฉันเพื่อที่ฉันจะได้ใช้สไตล์ในปุ่มอื่นๆ ได้

และด้วยเหตุนี้ ส่วนที่สองของคุณก็เสร็จสิ้น ใกล้เสร็จแล้ว podcaster! คุณกำลังปัดเศษที่สามอย่างแท้จริง!

หน้าแรกของเว็บไซต์ Podcast: ส่วนที่สาม

นี่เป็นเพียงโมดูลเดียวบนพื้นหลังแบบคงที่
ขั้นแรก ให้สร้างกล่องสีน้ำเงินใหม่ที่มีคอลัมน์แบบ double-width เหมือนที่เราทำในส่วนที่สอง แล้วเลือกโมดูล "Email Optin" จากเมนู

คุณจะเห็นไฟนี้ ซึ่งไม่เหมาะกับการออกแบบของเราเลย แม้ว่าจะเป็นการแก้ไขที่ง่ายมาก

ไปที่การตั้งค่าของโมดูลและอัปเดตตัวเลือกต่อไปนี้:

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

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

เมื่อคุณมีคีย์แล้ว ไปที่แดชบอร์ด WordPress ของคุณ ตรงไปที่ Divi -> Theme Options อีกครั้ง และป้อนคีย์ Mailchimp API ของคุณในฟิลด์ "Mailchimp API key" ที่เหมาะเจาะ

หลังจากบันทึกแล้ว ขั้นตอนเดียวที่คุณเหลือไว้ก่อนที่คุณจะมีหน้าที่สวยงามและเสร็จแล้วคือการตั้งค่าพื้นหลังสำหรับส่วนที่สาม ผลิตภัณฑ์ขั้นสุดท้ายควรมีลักษณะดังนี้:

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

พรุ่งนี้: การสร้างคลังเก็บที่สวยงามและแสดงหน้าบันทึกย่อสำหรับพอดคาสต์ของคุณ

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

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

เจอกันพรุ่งนี้!

แสดงหน้าหมายเหตุ:

หน้าเอกสารสำคัญ: