الحلقة 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 الشروع في العمل بصفحة مقصودة لدورة LMS
• 15:37 البحث التنافسي موجود ، ما الذي يناسبهم؟
• 18:41 وجهة نظر الزبون
• 19:31 حدد المحتوى الخاص بك قبل تصميم أي شيء
• 20:43 عملك الفريد له نقطة بيع فريدة ، استخدمها
• 22:40 ضع أفضل محتوى لديك أولاً
• 25:00 Kadence هي أداة التصميم الخاصة بك
• 30:22 Shop Kit 2.0 يستعد للإطلاق ، معاينة تدريب iThemes

نسخة الحلقة 10

كاثي: مرحبًا بكم في الحلقة 10 من The Kadence Beat. لقد وصلنا إلى الحلقة 10. وبالنسبة للحلقة 10 ، أردنا أن نحظى بقليل من الحفلة. لذلك نقلنا هانا خارج البلاد إلى مكان غير معلن ، بالقرب من الشاطئ. هانا ، أين ذهبت؟

هانا: أنا في المكسيك.

كاثي: أنت! لذا فهي ليست مجرد حفلة في الحلقة 10. إنها مهرجان للحلقة 10 ، أليس كذلك؟

هانا: إنه مهرجان. نعم. أعتقد أنكم فاتكم المذكرة يا رفاق. أعني ، اعتقدت أننا كنا نحتفل في المكسيك من أجل الحلقة 10 ، لكن اتضح أنه أنا فقط.

كاثي: حسنًا ، بن ، أعتقد أني وأنت في عداد المفقودين.

بن: نعم ، الجو بارد جدًا هنا اليوم ونوع من تساقط الثلوج. لذا يبدو شاطئ المكسيك جيدًا.

هانا: كما تعلم ، هذا بالضبط سبب وجودي هنا. لأنه في الأسبوع الماضي ، سجلت بويز تساقطًا قياسيًا للثلوج ، وكنت مثل ، لا يمكنني القيام بذلك. لذلك استخدمت بعض الأميال وحجزت تذكرة سفر إلى المكسيك وأنا أكثر سعادة ، وكذلك الكثير من حروق الشمس. جسدي مقرمش جدا.

كاثي: هل هو حقا. حسنًا ، تبدو أكثر سعادة ويبدو أنك مستعد للاحتفال في الحلقة 10. لذلك أنا متحمس. سأعيش من خلالك بشكل غير مباشر إلى حد كبير طوال العام مع كل رحلاتك. لذا.

هانا: نعم ، سنقوم بدعوة الجميع هنا الآن. كانت الشمس مشرقة على الشاطئ في المكسيك. هذا هو المكان الذي وصلنا إليه في الحلقة 10 ومرحبًا بكم في الحفلة.

كاثي: ممتاز. وهانا لديك سؤال لنا عن الحلقة 10 ما هو سؤالك؟

هانا: أجل ، أنا أحب الحفلة الجيدة. أحب استضافة الحفلات ، وأعتقد أن الطريقة الرائعة لإشراك الناس في حفلة هي طرح سؤال جيد. إذن ، شخص ما فكرت فيه هو ما هي تجربة WordCamp المفضلة لديك ، إذا كنت قد ذهبت إلى WordCamp؟ حسنًا ، أعرف مرة أخرى ، أن كاثي وبن لديهما أولئك الموجودين هنا ، لقد كنا جميعًا. لذا أخبرني بتجربة WordCamp المفضلة لديك ؟.

كاثي: أعتقد أنه يمكنني الذهاب. برنامج WordCamp الذي ذهبت إليه ، كان ابني يسافر معي وكان قد بلغ من العمر 18 عامًا ، مثلما حدث في غضون أيام. وكنا في WordCamp Miami ، وقرر أحد الأشخاص الذين كنا معهم أننا يجب أن نذهب إلى ساوث بيتش. كانت عطلة الربيع وقد علقنا في سيارة مع أشخاص في كل مكان حولنا. لم نتمكن من التحرك. وقد حصل ابني البالغ من العمر 18 عامًا على تجربة ساوث بيتش ، ولم أستطع التوقف عن الضحك لأنه كان مع والدته وكان الأمر كذلك ، لم تكن هذه هي الطريقة التي تريد تجربتها ، كانت تجربة عطلة الربيع الأولى هي التسكع مع والدتك .

لقد كان مذعورًا نوعًا ما ، لكنه ما زال حتى يومنا هذا يجعلني أضحك ويعطينا قصصًا مضحكة للحديث عنها ، مثل ، ماذا عن هؤلاء الفتيات في الجزء الخلفي من الجزء الخلفي من السيارة القابلة للتحويل. إنه مثل إخفاء وجهه في مؤخرة هذه السيارة ولا مفر منه لأن هناك الكثير من الناس حوله.

هانا: أحب ذلك.

كاثي: كان مضحكًا جدًا.

بن: هذا رائع.

هانا: هذا هو الأفضل. بن ، ماذا عنك؟

بن: حسنًا ، أعتقد أن لدينا تجربة مشتركة كانت إلى حد بعيد مثل تلك التي لا تُنسى وهي سخيفة للغاية. وكان ذلك في WordCamp 2020 أو 2019. لقد أقاموا حفلة ما بعد ذلك في متحف وأنا بصراحة ، طوال الوقت الذي كنت فيه هناك ، كنت مثل ، كيف لم يتم إغلاق هذا المكان. مثل ، هذا غير آمن للغاية.

وهكذا شعرنا أننا دخلنا للتو مبنى تمت إدانته ثم دخله شخص ما وقام ببناء مجموعة كاملة من الأشياء فائقة الدقة في المبنى المحكوم عليه. وبعد ذلك كان الأمر كما لو أن الجميع يتمتعون بالحرية للجميع ويفعلون ما يحلو لهم.

هانا: وأعتقد أن هذا هو الشخص الذي ربما كان يتعاطى المخدرات. هل تقول؟

بن: الكثير من الأشياء التي كانت مثل ، ماذا ، ماذا ، حسنًا. مثل هذا لا معنى له. أعني ، من الصعب شرح هذا المتحف. وآمل أن يكون لا يزال موجودًا. لأنني أعتقد أن هناك ، يحتاج إلى مكان في هذا العالم ، لكنني أيضًا أشعر بالفضول كيف لم يتم إغلاقه لأن هناك الكثير من الأشياء التي نحبها ، حسنًا ، نعم. هذا حقا خطير. تجولنا وقضينا وقتًا ممتعًا للغاية لأننا لم نكن نعرف شيئًا عما كنا ندخله.

ولذا فقد كان يتجول حرفياً في شخص ما في شيء ما ، وكان لديه حلم مشابه ، وهذا ما صنعوه. ذات مرة كنا نتسلق طابقين. أعني ، ما الذي يعجبك بشكل أساسي ، مثل شبكة الأسلاك ، معلقة على سقف كان مثل نصف قبة.

هانا: مثل القبة.

بن: أجل. ثم كما لو خرجت من هذا السقف وكنت على سطح وكان هناك منزلق ضخم ينزل ليبدو وكأنه جزء آخر من السقف.

هانا: مع جندب عملاق. لا تنس الجندب العملاق. ماذا او ما!

بن: ثم مثل ، مثل الشريحة مثل اصطدمت بالخرسانة ، لم يكن هناك أي شيء عنها. وبعد ذلك تنزلق إلى أسفل شريحة لطيفة وتوجد نهاية رائعة. كان الأمر كما لو ، وانزلقت للتو إلى الخرسانة وقام الجميع كما لو نظر حولهم ، مثل ، هل حدث هذا حقًا لي؟ أعني ، هم ، نعم. ساعدني هانا في شرح هذا المكان.

هانا: نعم ، من الصعب شرح ذلك ، لكنه كان رائعًا. أفضل جزء كان كما قال بن ، لم يكن لدينا أي فكرة حقًا. كما لو كنا قد أمضينا أول 45 دقيقة في الطابق الأول ، تمامًا مثل التفكير في ساعة الكوكتيل ، أوه ، هذا مجرد متحف مثير للاهتمام. ومن ثم نحن ، حسنًا ، ربما يجب أن نتجول. وبعد ذلك تمر بمدخل صغير جدًا عليك أن تحبو على ركبتيك حتى تتمكن من العبور. ثم ينفتح على هذا المكان المجنون الآخر. وانت مثل ماذا؟ وهي مثل كل زاوية. أنت فقط مثل ، ماذا؟ والشيء التالي الذي تعرفه هو أنك على السطح تنزل من زحليقة الجندب هذه ومن ثم هناك مثل هذا الكاروسيل المجنون.

ثم هناك شريحة تنطلق من الطابق العلوي ، والتي كانت مثل ، كم عدد القصص التي يمكن أن تقولها؟ خمسة؟ على طول الطريق إلى أسفل. إنه بري. لقد كانت بصراحة أكثر متعة كانت إلى حد بعيد أفضل تجربة WordCamp حصلت عليها أيضًا.

بن: أجل. أعني ، أن WordCamps ممتعة إذا لم تكن كذلك ، فهناك الكثير من المرح للجمهور. أنت تقابل الكثير من الناس. ستكون في مثل هذه الجلسات حيث تتعلم الكثير من الأشياء ، لكن الحفلات اللاحقة رائعة حقًا أيضًا ، لأنها عادة ما تكون في مكان عشوائي. حتى في العام الذي سبق ذلك ، كانت هناك قبة سماوية كانت جزءًا من الحفلة اللاحقة ، وكانت تلك تجربة ممتعة للغاية ومذهلة للغاية. إنه وقت جيد. بالتااكيد. إذا كان بإمكانك الوصول إلى WordCamp ، فهذا يستحق وقتك.

كاثي: وكان ذلك المتحف في سانت لويس. إنه يسمى متحف المدينة. إذا ذهبت إلى citymuseum.org ، يمكنك التعود على غرف التعذيب التي عاشها هانا وبن هناك. لم أقم حتى بالصعود إلى تلك الشريحة ، أحب ضرب ركبتي في الطريق واستدرت للتو. اعتقدت أنه لا شيء جيد يمكن أن يأتي من هذا ، لكن لديهم في الواقع عجلة فيريس على السطح.

إنه مكان مجنون. الأشخاص الذين يقومون بما بعد الحفلات ، منظمة WordCamp US ، مذهلون تمامًا. WordCamp Europe أيضًا ، وسيحدث في غضون أسبوعين. ومن المحتمل أن يكون ذلك حفلة ملحمية أخرى. ذهبت إلى واحد في برلين منذ عامين وكان لديهم ، مجرد فنانون رائعون ، مثل مادونا المقلدة. كان الأمر كما لو كانت مادونا هناك. لقد كان جنونيا. على أي حال ، نعم ، WordCamps مذهلة. تستحق حفلات ما بعد ذلك العناء بالتأكيد وستلتقي بأشخاص مثل بن وهانا. وأحيانا أنا.

هانا: على الرغم من أننا كنا جميعًا هناك ولا أعتقد أننا التقينا ، وأنا حزين لذلك.

كاثي: لقد أمضيت معظم وقتي في الانتقال من محادثة إلى أخرى وأسفل الأنفاق والستائر في منطقة الراعي ، لقد كان وقتًا مزدحمًا ومشغولًا ومزدحمًا ، ولكن ، نعم ، هذا نوع من حيث بدأت Kadence بالفعل في الحصول على بعض سمعة سيئة في WordCamp US 2019. عندها بدأ الناس يتحدثون حقًا عن مدى ابتكار بعض هذه الأدوات التي جمعتها معًا.

هانا: أجل ، أجل. في تلك المرحلة كنا أنا وبن فقط ، ولم يعرف أحد من نحن.

كاثي: حسنًا ، الأشخاص الذين كانوا يشاهدون ذلك التقطوه بسرعة كبيرة ، وانظروا إلى ما نحن عليه اليوم. مثيرة جدا.

هانا: نعم ، الحلقة 10. لقد قطعنا شوطًا طويلاً. لدينا بودكاست!

كاثي: لديك بودكاست! أليس من الأسهل الآن أن أخبرتكم أن تعلقوا بها حتى الحلقة 10 وهي أسهل ، أليس كذلك. مجرد نوع من مثل التسكع والدردشة حول أشياء رائعة. وأقوم بتحرير كل الأشياء الغبية.

لذلك كنت أعمل في مشروع سري ، وشيء قاله بن في عرض تقديمي قام به داخليًا قبل بضعة أشهر ، بدأ يبدو حقيقيًا حقًا. وبدأت أقول ، نعم ، فهمت بالضبط ما قصده بن.

لقد تحدثت يا بن ، عن كيفية جعل النماذج الأولية قريبة من المكان الذي ستنشره منطقية للغاية. وأنا أتناول ذلك الآن لأنني آخذ نموذجًا أوليًا تم إنشاؤه في مكان آخر وأقوم ببنائه في WordPress ، في عناصر Kadence ، باستخدام الحقول المخصصة وكل شيء. والكثير من الأشياء في النموذج الأولي لا تفعل ذلك. علي فقط أن أتخذ قرارات وأنا أقوم بالبناء ، حسنًا ، هذا سوف يعمل بهذه الطريقة ، لأن هذه هي الطريقة التي يعمل بها WordPress ، وهذه هي الطريقة التي يعمل بها Kadence.

وأردت إجراء هذه المحادثة حول أفضل الممارسات لعمل نماذج أولية لمشاريع WordPress وتصميماته ، أم ، الأدوات المختلفة التي يستخدمها الناس. متى تكون منطقية؟ متى لا معنى لها؟ وكيف يمكنك تجاوز مشكلة "الصفحة الفارغة". هل هذا يبدو وكأنه شيء يمكن أن نتحدث عنه اليوم؟

بن: نعم ، بالتأكيد. أعتقد أن مشكلة الصفحة الفارغة هي طريقة رائعة لصياغة هذا لأنني أعتقد أن كل شخص يمكنه الارتباط بذلك. أنت تظهر وأنت تريد ، أحتاج إلى إنشاء أيًا كان ، صفحة مقصودة ، صفحة مبيعات ، كما تعلم ، وأنت تحدق في صفحة فارغة وتذهب ، حسنًا ، ماذا أفعل بعد ذلك؟ وهذا سبب صعب كهذا ، هذه هي النقطة وغالبًا ما يكون الأشخاص الذين يذهبون بعد ذلك هو أنهم يمرون بوقت صعب للغاية ، وقت محبط ، وقت حيث يفعلون 10 أشياء ويتراجعون عن 10 أشياء ويفعلون 10 أشياء أخرى ويلغيون كل شيء من هؤلاء. وفي نهاية الأمر ، نادرًا ما يكونون راضين عما ينتهي بهم الأمر.

ولذا أعتقد ، أنه أكثر مما تقوله أيضًا ، من الجيد التفكير مليًا. هناك إستراتيجيات أفضل من الظهور على صفحة بيضاء فارغة والمضي قدمًا ، أحتاج إلى إنشاء تصميم. لذا ، مثل الاحتفاظ بنسخة احتياطية قليلاً قبل البدء في استخدام بعض هذه الأدوات ، ولكن مثل المضي قدمًا.

لذلك دعونا نتحدث عن كيفية الانتقال من صفحة فارغة إلى النهاية. ولذا أقترح أننا تحدثنا للتو عما إذا كنت بحاجة إلى إنشاء صفحة مقصودة لدورك على الإنترنت. بهذه الطريقة ، لدينا شيء يمكننا التحدث فيه والتفكير فيه مثل ما يجب فعله بالفعل وكيف نجمع هذا المحتوى معًا؟

كاثي: رائع. أعتقد أن هذه طريقة رائعة للتركيز على منطقة معينة حيث قد يكون لدينا الكثير من الأشخاص الذين يعملون مع LearnDash أو أنظمة LMS الأخرى و ... ربما لم يكونوا هناك حتى الآن في تحديد أداة LMS التي سيستخدمونها. لكنهم مثل ، لدي المعرفة ، يجب أن يكون هناك شخص يستمع إلى هذا ولديه معرفة أنه يمكنه نقله إلى شخص آخر واستثمار ذلك بطريقة ما.

من أين تبدأ؟

بن: أعتقد أن شيئًا واحدًا ، عندما تبدأ صفحة جديدة ويمكن أن يمتد هذا في كل مكان ، هل عليك الذهاب ، ما هو الهدف الأساسي لهذه الصفحة؟ أعتقد أننا تحدثنا عن هذا عندما تحدثنا عن إنشاء صفحة رئيسية للقبالة في هانا. وأعتقد ، عليك أن تبدأ من هناك. عليك أن تقول ، حسنًا ، ما هو الهدف؟

لأن كل شيء يحتاج إلى أن يقود نحو هذا الهدف. وكلها بحاجة إلى أن يتم توصيلها بأكبر قدر ممكن من الوضوح حتى لا يتم الخلط بين الزبون ، هل من المفترض أن أذهب إلى هنا أم أنه من المفترض أن أذهب إلى هنا مع أشياء متنافسة أو مع أشياء ليست في لغتهم أو ليست كذلك منحهم طريقا مباشرا.

تريد أن تبدأ ، ما هو هدفي. وإذا كنا نقوم بصفحة الدورة التدريبية ، فإن الهدف هو الاشتراك في دورة تدريبية. وربما لديك خيارات لذلك. قد يكون لديك حزمة الدورة الأساسية ثم حزمة VIP التي تأتي مع استشارة مجانية لمدة 30 دقيقة. وتعلم ، تلك الوظائف الإضافية التي تراها عادةً مع الدورات التدريبية حيث يشبه الوصول إلى مجموعة خاصة على Facebook ، تلك الأشياء نوعًا ما.

لذلك من المحتمل أن يكون لديك بعض الحزم ، ربما تفكر في جدول أسعار. وبعد ذلك ، عليك أن تقول ، حسنًا ، حسنًا ، إذا كان هدفي هو حملهم على الشراء ، فأنا بحاجة إلى البدء بإعطائهم سببًا للشراء. للقيام بذلك ، عليك أن تعرف كيفية التواصل مع الشخص الذي تحاول الوصول إليه.

لذا فأنت بحاجة إلى معرفة من تتواصل معه. ويعود هذا النوع إلى ما تحدثنا عنه من قبل. ما هو هذا العميل المستهدف؟ تحتاج إلى التأكد من أنك تتحدث لغتهم مع كل ما تقوله ، ولكن في أعلى تلك الصفحة مباشرةً ، ما نحتاجه هو أننا نحتاج إلى شيء يقول في الأساس: هذا هو سبب رغبتك في أخذ هذه الدورة ، وهذا ما سيتغير في حياتك. أنت تحدد للعميل الذي يظهر على هذه الصفحة على الفور ، أنك إما تلمح إلى مشكلته أو أنك تشرحها له. وأنت تقول أن لديك هذه المشكلة ، هذه الدورة ستحلها.

وعندما تتحدث عن الدورات التدريبية على وجه الخصوص ، فأنت لا تحل مشكلة واحدة فقط. أنت تحاول في الواقع أن تحدد لهم ما هي النتيجة بالنسبة لهم كفرد ، وما الذي سيتغير بالنسبة لهم وكيف سيؤثر ذلك عليهم في المستقبل.

لكن في هذه الشروط ، لا يزال يتعين عليك التفكير ، حسنًا ، هذا الشخص لديه مشكلة. يريدون تأليف كتاب ، ويحتاجون إلى شخص لديه خبرة في كتابة الكتب لتدريبهم على تأليف كتاب. إذن لديك دورة تدريبية حول كيفية كتابة روايتك الأولى. يجب أن تتحدث إلى قاعدة العملاء هذه وأن تكون مثل كتابة رواية هو أكثر بكثير من مجرد امتلاك فكرة جيدة لرواية. يتعلق الأمر بالتخطيط. يتعلق الأمر بالمثابرة. تبدأ في شرح ذلك والقول ، وهذه الدورة لا تمنحك فقط جميع الأدوات للقيام بذلك ، ولكن لديك أيضًا مجتمع من حولك لمساعدتك والحصول على تعليقات منه ، والآن سأذهب ، على ما أعتقد أحتاج هذا.

وهذه هي الطريقة التي يمكنك من خلالها البدء في ذلك. يجب أن تكون قادرًا على اكتشاف هذه الأشياء أولاً ، قبل أن ننتقل إلى أي نوع من عناصر التصميم. ما الذي سيتواصل مع هذا الشخص؟ اسمح لي بتجميع المحتوى الذي سأحتاجه معًا. البدء ، في رأيي ، عندما تقوم بصفحة مبيعات. يجب أن تبدأ بأعلى الصفحة يجب أن يكون نصًا كبيرًا وقصيرًا جدًا وأن يكون واضحًا ومختصرًا قدر الإمكان ، عليك توضيح المشكلة بشكل أساسي وكيف أن الحل الخاص بك هو الحل لهذه المشكلة. من هناك تريد العمل من خلال القطع المختلفة التي ستجعل العرض الأولي أفضل.

لذا ، أثناء التمرير لأسفل ، فإنهم سيحصلون على المزيد والمزيد من الإعجاب ، نعم ، أحتاج إلى القيام بذلك. أجل ، أنا بحاجة للقيام بذلك. ويمكنك الحصول على زر "الشراء الآن" في جميع أنحاء الصفحة. أنت لا تريد أن يكون العميل مثله أبدًا ، أين يمكنني التسجيل؟ يمكنك أيضًا إنشاء هذه الرحلة أثناء التمرير لأسفل لإعجاب بجدول الأسعار. الشهادات هي المفتاح. عندما تفكر في كل ذلك ، لديك الآن ، يجب أن يكون لدي بعض اللغة المختصرة في الأعلى ، وأنا بحاجة إلى نوع من الصورة ، ويفضل أن يكون شخص ما يبتسم أو نتيجة لتصور النتيجة بصورة.

كما تفكر ، مثل ، كيف يمكنني بناء هذا؟ عليك أن تبدأ في جمع هذا المحتوى معًا ، والنص الذي تحتاجه ، والشهادات ، وعليك التفكير في جدول التسعير الخاص بك وما الذي ستكون عليه ميزات جدول التسعير هذا. ولذا فمن المهم حقًا أن تقوم بجمع بعض المحتوى وأن تفكر حقًا من خلال عميلك في البداية.

كاثي: بمجرد حصولك على المحتوى الخاص بك ، من الواضح أنك لا تريد مجرد نص على الصفحة. أنت لا تريد فقط مثل الزر والصورة. كيف يبدأ شخص ما في وضع بعض عناصر التصميم هذه معًا ، من أين تحصل على الأفكار؟ لأنه يمكنك الذهاب لإلقاء نظرة على منافسيك ومعرفة ما يفعلونه. ربما تقوم بالبحث عن أشخاص آخرين يقومون بدورة تدريبية حول كيفية كتابة كتاب أو كيفية كتابة رواية ومعرفة ما إذا كانت هناك منافسة وكيف يقومون بذلك. لكن من الذي سيقول إنهم يفعلون ذلك بشكل جيد. كيف تعرف ما هي القرارات التي يجب اتخاذها حول التصميم؟

بن: أجل. أعني ، أعتقد أن النظر إلى منافسيك هو استراتيجية رائعة لأنه عادة إذا كانت لديك منافسة ، فإنهم على الأقل يقومون بعمل جيد بما يكفي ليكونوا موجودين. هذا ، هذا على الأقل جيد ، كما لو كانوا موجودين. كما تعلم ، إنهم على الأقل يقومون بعمل جيد بما يكفي لوجودهم. لذلك بالتأكيد تريد الاستخلاص من المنافسة.

أنا من أشد المعجبين بالبحث عن تصميم جيد. المشكلة التي أجدها في كثير من الأحيان عندما يحب الناس ، التركيز فقط على التصميم هو أنهم في الواقع لا يبنون صفحة تحويل جيدة. لذا يمكنك الذهاب إلى جوائز التصميم لمواقع الويب ورؤية كل هذه الأشياء غير التقليدية حقًا هناك نوع من مواقع الويب التي قد لا تقوم في الواقع بتحويل مواقع الويب ، ويمكن أيضًا أن تكون خارج القاعدة ، بالنسبة للمستخدم العادي ، هذه حداثة ، لكنني في الواقع لا أعرف كيفية التنقل في هذا الموقع. لذلك سأكون حذرًا عند البحث عن أشياء مثل أفضل تصميم ويب. أعتقد أنك تريد التركيز على المشاكل التي لديك.

وباستخدام كلمات مثل التحويل في عمليات البحث الخاصة بك ، لكن حسنًا ، أعلم أنني بحاجة إلى قسم خاص بالأبطال. أعلم أنني بحاجة إلى قسم الشهادات. أعلم أنني بحاجة إلى قسم جدول أسعار. في بعض الأحيان ستحصل على أفكار تصميم أفضل عندما تبدأ في البحث عن هذه الأقسام مقابل كيف يمكنني إنشاء صفحة مقصودة جيدة للدورة التدريبية؟

أو فقط بشكل عام ، ما هو التصميم الجيد. ولذا فإنني أقوم بمرحلة إلهام وبحث. أنا ألتقط لقطات شاشة لأشياء أحبها. تحاول تدوين الملاحظات. لذلك سيكون هذا هو الوقت المناسب لشيء مثل لوحة Miro أو Figma حيث تكون فقط ، حيث تقوم بإلقاء لقطات الشاشة وتدوين الملاحظات ، وتمنح نفسك مكانًا يمكنك فيه رؤية كل قطعك تتجمع معًا شروط العناصر التي تريدها في صفحتك أو أفكار تصميمية لكيفية تنظيم المحتوى الخاص بك ، إلى جانب مراعاة نظام الألوان الخاص بك دائمًا ثم صورك الفعلية. أكثر ما أجده هو أن الناس سوف يذهبون وينظرون إلى هذه التصميمات ويكونون مثل ، أوه ، أريد إعادة إنشاء هذا. وبعد ذلك وضعوا صورهم فيه وهم مثل ، يا رجل ، هذا مقرف. وذلك لأن صورك ليست جيدة بما يكفي.

وأعتقد أن هذا شيء كبير آخر. تتحدث الصور كثيرًا عن التصميم العام للصفحة. أعني ، إنه مجرد جزء ساحق من التصميم. يمكنك قضاء كل الوقت الذي تريده في الحصول على التدرج اللوني الصحيح أو الخط الصحيح ، ولكن اختر الصور الخاطئة ويخرج تصميمك من النافذة.

إنه جزء مهم حقًا ، سواء كنت تبحث عن صور مخزنة أو ستذهب لالتقاط الصور ، والحصول على صور جيدة حقًا تقطع شوطًا طويلاً حقًا. إذا كنت ترغب في الحصول على تصميم جيد ، فلديك القطع المناسبة لتبدأ بها.

كاثي: هانا ، من وجهة نظر العميل ، عندما تكون على صفحة وتفكر في شراء شيء ما ، ما نوع العناصر… هل هو تدفق الصفحة؟ هل هناك شيء ينبثق داخل الصفحة؟ كيف يتردد صدى هذه التجربة معك؟

هانا: نعم ، أود أن أقول إن كل ذلك. أعني ، أنت تحاول حقًا إنشاء تجربة للناس ، أليس كذلك؟ لذا ، كما قال بن ، أعتقد أن الصور ضخمة. هل تتطابق صورك؟ كما تعلم ، إذا كان لديك صور مخزون من الواضح أنها صور مخزنة وليست كذلك ، فهي غير متطابقة ولا تتدفق ، فهذا نفر.

ولكن عندما يكون من الواضح أنك قد خلقت تجربة وأشعر أنني كذلك. أنت تعرف هناك ، أو ، كما تعلم ، تشعر وكأنك هنا في المكسيك على الشاطئ ، كما تعلم ، إذا كنت قادرًا على منح شخص ما مثله فقط من خلال رؤية موقع الويب الخاص بك أو رؤية ما تقدمه له ، انه ضخم.

بن: أعتقد أنه من المهم أن أذكر هنا ، المضي قدمًا والقفز إلى مثل التصميم الفعلي ، دعنا نقول في Figma أو التصميم الفعلي في WordPress دون معرفة المحتوى الخاص بك ، إنها وصفة للإحباط المطلق. لأنه عندما تعجبني ، سأكتشف صوري لاحقًا.

لا تفعل ذلك ، لأنك ستقضي الكثير من الوقت في العبث بمحاولة جعل التصميم يبدو جيدًا بدون المحتوى الفعلي الذي ستحتاج إلى القيام به. إنه أمر محبط فقط ، وسينتهي بك الأمر إلى إعادته مرارًا وتكرارًا ، أثناء تقدمك ، وفي النهاية تحصل على بعض من هذا المحتوى وتذهب ، واو ، لا شيء من هذا يعمل لأن صوري مختلفة عما كنت عليه مترقب. لذلك لا تتقدم على نفسك. اجمع المحتوى الخاص بك معًا ، واقض الوقت في التفكير حقًا. وهذا جزء من سبب قيامك بمرحلة الإلهام هو القول ، حسنًا ، الآن أعلم أنني بحاجة إلى ثلاث صور كهذه لأنني أريد حقًا قسمًا يتحدث من خلال هذه الميزات الثلاث أو هذه الأشياء الثلاثة التي من المهم أن يعرفها العميل.

في تلك المرحلة الأولية ، عندما تقوم بتجميع الأشياء الخاصة بك معًا ، يكون الأمر كما لو ، حسنًا ، يجب أن أفهم ما سيكون المحتوى الخاص بي قبل أن أقفز وأبدأ بالفعل في التصميم. ولا تستخدم محتوى شخص آخر لتصميمه. أنت بالتأكيد تريد الحصول على المحتوى الخاص بك أولاً.

كاثي: بالتأكيد. حسنًا ، ستكون نقطة البيع الفريدة هي المحتوى الفريد الذي لديك على موقعك. الشيء الذي يتصل بجمهورك بطريقة فريدة هو شيء لا يمكن لأحد سواك إنشاؤه. لا يمكنك رفع الصور من أماكن أخرى أو نسخها من أماكن أخرى.

فقط ، لا تفعل ذلك. هذا لن ينجح. لن يكون له صدى لأنه عندما تحاول تكرار ما ابتكره شخص آخر والتواصل مع الجمهور ، فلن يكون له صوتك الفريد. ما تقدمه إليه ، وما يجلبه عملك ، وما تجلبه علامتك التجارية هو ما يميزك على المدى الطويل وسيساعدك على الارتقاء إلى ما فوق.

من حيث ، حسنًا ، لنفترض أنني حصلت على Figma ولدي كل رسوماتي وكل الأشياء التي أريدها على الصفحة. ولدي مثل الأساسي ، حسنًا. لقد رأيت الجميع يستخدمون صور البطل في الأعلى ، لذا يجب أن يعملوا. كيف أبدأ بعد ذلك في تنظيم الصفحة؟ هل أقوم بتقديم الشهادات أولاً؟ هل أحتاج إلى شرح الأمور بشكل أفضل أولاً؟ كيف أعرف الطريقة التي سأقوم بها بتنظيم صفحة من أجل التواصل مع العميل حقًا؟ ماذا يأتي اولا؟

بن: أنا من أشد المعجبين بهذا الجزء العلوي من البطل ولا يجب أن يكون دائمًا صورة كاملة العرض. أحيانًا يكون نص وصورة بجانبه. تريد أن يكون هذا العنوان الكبير في الأعلى يقول بشكل أساسي ، هذا ما أنت هنا من أجله. وبعد ذلك من خلال جميع الأبحاث التي رأيتها ، لا يهم في الواقع كيفية ترتيب بقية الصفحة.

ومن المثير للاهتمام. إذا كنت ترغب في الذهاب إلى شهادات الميزات ، في النهاية ، لا يمكن لأحد أن يقول أن الشهادات التالية أكثر أهمية. أعتقد أنك تريد وضع أفضل محتوى لديك أولاً. لذا ، إذا كان لديك أكثر الشهادات المدهشة ، فأنت مثل ، أريد أن يقرأها الناس ، وضعها في المقدمة والوسط ، وضعها مباشرة تحت ذلك.

ولكن إذا لم تكن كذلك ، ولديك فقط ، نعم ، لدي شهادات وهي جيدة ، لكنها تشبه ، ما كنت تتوقعه ، ثم ضعها في الأسفل لأنك تريدها على الصفحة لتقدمها فقط هذا المستوى من ثقة العلامة التجارية بنفسك. وهذا جزء آخر ، ربما تكون في موقف تعمل فيه مع علامات تجارية معروفة ومن ثم تحتاج إلى وضع مثل هذه ، قد تقول ، تثق بنا هذه العلامات التجارية.

أو لديك عدد كبير من المستخدمين وأنت تقول ، لدي هذا العدد الكبير من المستخدمين. أنت تريد دائمًا اكتشاف طرق لجعل هذا العميل يشعر أنني أستطيع الوثوق بهذا الشخص. أنا لست مثل عميلهم الأول. يمكن القيام بذلك بطرق أكثر من الشهادات وما إذا كان ذلك يأتي أولاً أو في المنتصف أم لا ، بناءً على البحث ، إنه يشبه نوعًا ما ، إنه يتعلق أكثر بما تفعله وما تبيعه أو ما تقوم به بناء لذلك ، مثل ، هذا هو المسار الدقيق. أعتقد بشكل عام ، أن الناس يقولون تأكد من أن لديك هذا الشرح المختصر وعبارة تحث المستخدم على اتخاذ إجراء في أعلى صفحتك. عادةً ما تريد صورة هناك ثم إذا كان ذلك منطقيًا ، في بعض الأحيان يكون جدول الأسعار هذا في الجزء العلوي ، خاصةً إذا كان التنقل الثاني للمستخدم ، على سبيل المثال ، لنفترض أنهم انتقلوا إلى صفحتك الرئيسية ثم نقروا على صفحة التسعير.

ربما لا ترغب في الغوص في صفحة التسعير أدناه. إنهم يعتزمون النظر في الأسعار ، لذا أظهر لهم السعر. في مثل الصفحة المقصودة التقليدية ، يمكن أن تنخفض صفحة التسعير أدناه.

تأكد من أنك ، تحافظ على وضوح العبارة التي تحث المستخدم على اتخاذ إجراء ، وبعد ذلك أعتقد أنك مستعد للانطلاق. لذا فقد حصلت على المحتوى الخاص بك. أنت تعرف نوعًا ما الأقسام التي تريدها وأنت على استعداد لبدء التصميم الفعلي لموقعك على الويب.

وبالنسبة لي ، في هذه المرحلة ، هذا هو المكان الذي سأدفع فيه الناس للقيام بذلك في 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.