ตอนที่ 10: การสร้างต้นแบบการออกแบบใน WordPress ด้วย Kadence

การออกแบบใหม่ทุกอย่างเริ่มต้นจากที่ใดที่หนึ่ง และเครื่องมืออย่าง Figma, Invision, Axure หรือ Adobe XD มอบวิธีใหม่ๆ ให้กับนักออกแบบในการสร้างการนำเสนอด้วยภาพของการออกแบบเว็บ อย่างไรก็ตาม ในโลกของ WordPress นวัตกรรมในตัวแก้ไขบล็อกทำให้การสร้างงานออกแบบโดยกำเนิด ในพื้นที่ที่ใกล้การนำไปใช้งานมากที่สุด ง่ายยิ่งขึ้นไปอีก ในตอนนี้ เราจะมาทำความรู้จักกับการออกแบบเว็บใน WordPress อย่างจริงจัง เครื่องมือเหล่านี้มีประโยชน์ แต่สิ่งสำคัญคือต้องให้ความสำคัญกับองค์ประกอบที่สำคัญที่สุดในการสร้างการออกแบบที่มีประสิทธิภาพใน WordPress เนื้อหาที่ไม่เหมือนใคร ความเข้าใจลูกค้าของคุณ และการสื่อสารที่มีประสิทธิภาพผ่านการออกแบบไซต์ของคุณคือสูตรสำเร็จที่ดีที่สุด

ฟังผ่านการควบคุมด้านล่าง หรือเพิ่มเราในแอพพอดคาสต์ที่คุณชื่นชอบ

ฟังในหน้าต่างใหม่

การประทับเวลาและลิงก์

• 0:00 บทนำ: ฮันนาห์อยู่บนชายหาด!
• 1:33 ประสบการณ์ WordCamp ที่ดีที่สุด: citymuseum.org
• 8:47 การสร้างต้นแบบการออกแบบใหม่ใน WordPress จะเริ่มต้นที่ไหน
• 9:51 ข้ามปัญหาหน้าว่าง
• 10:50 เริ่มต้นใช้งานหน้า Landing Page ของหลักสูตร LMS
• 15:37 การวิจัยเชิงแข่งขัน: พวกมันมีอยู่จริง อะไรใช้ได้ผลสำหรับพวกเขา
• 18:41 จุดยืนของลูกค้า
• 19:31 ทำความเข้าใจเนื้อหาของคุณก่อนที่คุณจะออกแบบอะไร
• 20:43 ธุรกิจที่มีเอกลักษณ์ของคุณมีจุดขายที่ไม่เหมือนใคร จงใช้มัน
• 22:40 ใส่เนื้อหาที่ดีที่สุดของคุณก่อน
• 25:00 Kadence เป็นเครื่องมือออกแบบของคุณ
• 30:22 Shop Kit 2.0 เตรียมพร้อมเปิดตัว iThemes ฝึกพรีวิว

Transcript สำหรับตอนที่ 10

Kathy: ยินดีต้อนรับสู่ตอนที่ 10 ของ The Kadence Beat เรามาถึงตอนที่ 10 แล้ว และสำหรับตอนที่ 10 เราอยากจัดปาร์ตี้กันสักหน่อย เราจึงบินฮันนาห์ออกนอกประเทศไปยังที่ที่ไม่เปิดเผย ใกล้ชายหาด ฮันนาห์ คุณไปไหนมา

ฮันนาห์: ฉันอยู่ในเม็กซิโก

เคธี่: คุณคือ! ไม่ใช่แค่ปาร์ตี้สำหรับตอนที่ 10 แต่เป็น Fiesta สำหรับตอนที่ 10 เหรอ?

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

Kathy: อืม เบ็น ฉันคิดว่าคุณกับฉันพลาดแล้ว

เบ็น: ใช่ วันนี้ที่นี่ค่อนข้างหนาว และเหมือนกับหิมะที่โปรยปรายลงมา ดังนั้นชายหาดเม็กซิโกจึงค่อนข้างดี

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

เคธี่: จริงเหรอ. คุณดูมีความสุขมากขึ้น และดูเหมือนพร้อมจะปาร์ตี้ในตอนที่ 10 แล้ว ฉันตื่นเต้นมาก ฉันจะอยู่แทนคุณตลอดปีด้วยการเดินทางทั้งหมดของคุณ ดังนั้น.

Hannah: ใช่ เราจะเชิญทุกคนที่นี่เดี๋ยวนี้ ที่ชายหาดในเม็กซิโกมีแสงแดดส่องถึง นี่คือที่ที่เราอยู่ในตอนที่ 10 และยินดีต้อนรับสู่ปาร์ตี้

เคธี่: ยอดเยี่ยม และฮันนาห์ คุณมีคำถามสำหรับเราในตอนที่ 10 คุณมีคำถามอะไร

Hannah: ใช่ ฉันชอบปาร์ตี้ดีๆ ฉันชอบจัดงานปาร์ตี้ และฉันคิดว่าวิธีที่ดีในการดึงดูดผู้คนในงานปาร์ตี้คือการถามคำถามที่ดี อืม ใครบางคนที่ฉันนึกถึงคือประสบการณ์ WordCamp ที่คุณชอบที่สุด หากคุณเคยไปที่ WordCamp มาก่อน ฉันรู้อีกครั้งว่า Kathy และ Ben มีพวกเราที่อยู่ที่นี่ เราทุกคนต่างก็เคยไป ดังนั้นบอกฉันประสบการณ์ WordCamp ที่คุณชื่นชอบ?

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

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

ฮันนาห์: ฉันรักสิ่งนั้น

Kathy: มันตลกดี

เบ็น: เยี่ยมมาก

ฮันนาห์: นั่นดีที่สุด เบ็น แล้วคุณล่ะ?

เบ็น: อืม ฉันคิดว่าเรามีประสบการณ์ร่วมกันที่น่าจดจำที่สุดและไร้สาระมาก และนั่นคือที่งาน WordCamp ปี 2020 หรือ 2019 พวกเขามี After Party ที่พิพิธภัณฑ์แห่งหนึ่ง ซึ่งฉันพูดตามตรงว่าตลอดเวลาที่ฉันอยู่ที่นั่น ฉันแบบว่า ที่นี่ไม่ปิดตัวลงได้ยังไง แบบนี้มันไม่ปลอดภัยหรอก

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

Hannah: และฉันคิดว่านั่นคือคนที่น่าจะเสพยา คุณจะพูด?

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

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

ฮันนาห์: เหมือนโดม

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

Hannah: กับตั๊กแตนยักษ์ อย่าลืมตั๊กแตนยักษ์ อะไร!

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

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

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

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

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

มันเป็นสถานที่ที่บ้า ผู้ที่ทำ After Party ซึ่งเป็นองค์กรของ WordCamp US นั้นยอดเยี่ยมมาก WordCamp Europe จะเกิดขึ้นในอีกไม่กี่สัปดาห์ข้างหน้า และนั่นอาจจะเป็นอีกปาร์ตี้ที่ยิ่งใหญ่ ฉันไปที่เบอร์ลินเมื่อสองสามปีก่อน และพวกเขามีนักแสดงที่น่าทึ่ง เหมือนกับมาดอนน่าปลอมตัว มันเหมือนกับมาดอนน่าอยู่ที่นั่น มันบ้า อย่างไรก็ตาม WordCamps นั้นยอดเยี่ยมมาก งาน After Party นั้นคุ้มค่าแน่นอน และคุณจะได้พบปะผู้คนอย่างเบ็นและฮันนาห์ และบางครั้งฉัน

Hannah: แม้ว่าเราทุกคนจะอยู่ที่นั่นและฉันก็ไม่คิดว่าเราจะพบกัน ซึ่งฉันเสียใจกับเรื่องนั้น

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

ฮันนาห์ : ค่ะ ค่ะ ณ จุดนั้น มีเพียงเบ็นกับฉัน และไม่มีใครรู้ว่าเราเป็นใคร

Kathy: คนที่ดูอยู่ก็หยิบขึ้นมาอย่างรวดเร็ว และดูว่าวันนี้เราอยู่ที่ไหน ค่อนข้างน่าตื่นเต้น

Hannah: ใช่ ตอนที่ 10 เรามาไกลมากแล้ว เรามีพอดคาสต์!

Kathy: คุณมีพอดคาสต์! และตอนนี้ฉันบอกคุณแล้วว่าไม่ง่ายกว่าหรือว่าให้อยู่กับมันจนถึงตอนที่ 10 และมันง่ายกว่านี้จริง ๆ เหมือนนั่งคุยกันเรื่องเจ๋งๆ และฉันแก้ไขสิ่งที่โง่ทั้งหมดออก

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

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

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

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

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

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

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

คุณจะเริ่มต้นที่ไหน

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

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

คุณต้องการเริ่มต้นด้วยเป้าหมายของฉันคืออะไร และถ้าเราทำหน้าหลักสูตร เป้าหมายคือพวกเขาสมัครหลักสูตร และคุณอาจมีตัวเลือกสำหรับสิ่งนั้น คุณอาจมีแพ็คเกจหลักสูตรพื้นฐานและแพ็คเกจ VIP ที่มาพร้อมกับการให้คำปรึกษาฟรี 30 นาที และคุณรู้ไหมว่าส่วนเสริมที่คุณมักจะเห็นในหลักสูตรที่เหมือนกับการเข้าถึงกลุ่ม Facebook ส่วนตัว

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

และสำหรับฉัน ในขั้นตอนนี้ ฉันจะผลักดันให้ผู้คนทำสิ่งนี้บน WordPress

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

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

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

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

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

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

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

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

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

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

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

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

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

เป็นจอกว้างขนาดใหญ่ พวกเขาออกแบบหน้าเว็บที่แคบจริงๆ เหล่านี้ และฉันก็แบบ แต่จะเกิดอะไรขึ้นเมื่อหน้านั้นเต็มเพียงหนึ่งในสามของหน้าจอของคุณ และคุณดึงความกว้างนั้นออก และทันใดนั้น การออกแบบก็แตกต่างไปจากเดิมอย่างสิ้นเชิง ฉันคิดว่าเครื่องมือเหล่านั้นมีประโยชน์จริง ๆ แต่ฉันมักจะหงุดหงิดกับสิ่งที่พวกเขาไม่แสดงเมื่อมีคนกำลังออกแบบและสิ่งที่นักออกแบบไม่ได้คิดและไม่สามารถคิดได้ ฉันไม่ต้องการ to think about a 27-inch wide screen here because I set my pixel width at 1400 and that's this wide it's the screen is cause that's what it is in Figma and things like that.

So, I would encourage people to try to design in WordPress when they can, but don't do it without your content because you will be so frustrated to try to do it without. It just doesn't, it just never really works.

Kathy: Okay. Well, that's a definitely an interesting discussion. We'd love to hear from you about your experiences, designing new sites or redesigning sites. What tools are you using? What works for you? Are you finding tools like Figma, Miro, and I don't know, Adobe's got stuff too. There's a whole list of things that you can use in order to design.

Do they help your process? และถ้าเป็นเช่นนั้นอย่างไร? Or do they kind of just get in the way and you'd rather just, start with a starter template or Kadence wire frames and just roll from there. เราชอบที่จะได้ยินจากคุณ Ben, you did a great training the other day was that yesterday?

Ben: That was yesterday. ใช่.

Kathy: I am so excited about Shop Kit 2.0, I know everybody who was on that training is excited for it. We're getting pinged on Twitter and other social media places. When's it dropping? When can we play with it too? Give us a good overview of what Shop Kit 2.0 includes and when we can see this in people's dashboards.

เบ็น: ครับ I mean, I think you can see it in your downloads page by the time you're listening to this, you should be able to go into your account and see it in your downloads page. Um, that'll be the beta version. Things are really close. I'm still always kind of like doing little tweaks in here about like what settings, but it very much is like a good foundation for templating inside of WooCommerce.

So what 2.0 largely brings into the equation is the ability to create templates for your product pages, your archive pages and things like that. And you can apply them to an individual product or you can apply them across a category or a tag or whatever. , that key means that like every piece of WooCommerce then got kind of put into a block with its own block settings.

So you can kind of rearrange and organize and there's some cool things you can change the way that tabs work inside of a product page, which is kind of a standard WooCommerce implementation, but you're going to get a lot more control over it. Hide and show tabs, change the order, things like that. You also get, with Shop Kit 2.0, we kind of rewrote our gallery. So the gallery extension now is a lot more robust. It does like variation galleries and has a lot more control for different layouts based on screen size, so that's pretty exciting. So yeah, it's largely going to be a tool to help you build very unique and much more interesting product pages, so it's just going to be much easier for you to do really cool stuff.

Kathy: Very exciting. And so the beta is going to be available. If you are a bundle owner full bundle or the lifetime or if you bought Shop Kit in the past, that's available to you as well. And the full version going to be ready in a couple of weeks, looks like. น่าตื่นเต้นมาก Well, if you are on our mailing list, you will get an announcement as soon as all of the stuff comes out.

And that's the big news with Kadence right now. I know you got a lot of other things going on. I don't want to put any pressure on you of when those types of things are coming. Cause I know this is a big one and big news for Kadence and WooCommerce users. Well, any final thoughts?

Ben: Well, go party up on the beach, Hannah, for us both because you're only one that's successfully is in the party zone.

Hannah: I'll do what I can.

เคธี่: ยอดเยี่ยม Yeah, we're all living vicariously through Hannah's adventures right now. So very cool. Well, we will be back in a couple of weeks. I think next time we should talk a little more about WooCommerce because there's some interesting things happening there. So thanks for tuning into the Kadence Beat and we will talk to you next time.