كيفية إنشاء هاتف WordPress على زر الحركة
نشرت: 2022-09-15عندما نتحدث عن أزرار موقع الويب بشكل نموذجي ، يجب أن نشعر عادة من حيث جهاز تطوير المحتوى الذي تستخدمه. سيأخذنا ذلك إلى إمكانيات التخصيص لموقع الويب بشكل أساسي ولأزرار معينة. للمناسبات ، في WordPress ، تعد قدرات محرر الكتل الافتراضي (المعروف أيضًا باسم Gutenberg) للأزرار من الدرجة الأولى بحيث يمكنك بسهولة إنشاء WordPress للتواصل مع زر الإجراء .
هذا يعني أنه ليس من الصعب حقًا إضافة زر للقياس واللون المطلوبين ، وإضافة تسمية المحتوى النصي المطلوب إليه ، وفي وقت ما تخصيص موقعه.
إذا كنت تستخدم أي منشئ مواقع ويب آخر على موقع الويب الخاص بك ، فإن هذا النوع من Elementor ، على سبيل المثال ، يمكن أن يمنحك خيارات وتطبيقات متنوعة.
مكّن بنفسك حقيقة أن منشئي مواقع الويب المشهورين عادة ما يكون لديهم جيش من الامتدادات حولهم! هذا يعني أن إمكانياتك في إضافة أزرار موقع الإنترنت والعلامة التجارية الخاصة بك تعزز بشكل إضافي.
في هذا البرنامج التعليمي لـ WordPress "كيفية إنشاء أزرار هاتف للعمل على موقع الويب" ، مع ذلك ، سنستهدف محرر قوالب WordPress الأساسي وامتداده الأصلي ، كتل Getwid.
دعنا نجري بحثًا في عدد قليل من أمثلة موضوعات WordPress التي تستخدم أنواعًا مختلفة من الأزرار.
كيفية تطوير Connect with to Action في WordPress؟
لنبدأ ببعض أساليب التصميم والتسويق عبر الإنترنت الأكثر فاعلية لإنشاء الاتصال بأزرار الحركة على مواقع الويب.
ما الحاجة إلى عمل أزرار القيام به؟
- حدد أنها يمكن أن تؤدي إلى الحركة
- كن ملحوظًا بوضوح بين ميزات المحتوى المكتوبة الأخرى
- أن تكون مفهومة بوضوح (على سبيل المثال ، يجب أن تكون واضحة تمامًا عندما تحوم أو لا تحوم).
ما هو شكل التركيز الذي تريد التركيز عليه بالزر؟
- تُستخدم أزرار المحتوى النصي للحث على اتخاذ إجراء أقل أهمية
- تعتبر الأزرار المحددة أفضل من حيث التركيز المتوسط
- توفر الأزرار المضمنة تركيزًا عاليًا على عملية تحويل الهاتف إلى إجراء
- أزرار التبديل هي مجموعات أزرار للخطوات المُجمَّعة دلاليًا.
ما هي العوامل الضرورية والاختيارية للزر؟
المحتوى النصي وحده هو وسيلة تواصل مع عملية ، لذلك يمكن أن يكون الزر الخاص بك مجرد نص مرتبط. العوامل الاختيارية هي حاوية أو رمز أو تبديل .
لزيادة مستوى أداء ووردبريس للهاتف إلى زر الحركة والرؤية بشكل عام ، يُشجع عادةً على الالتزام بالآتي.
يجب أن يشتمل التخطيط الذي يظهر على الشاشة على زر فردي ملحوظ أو زوج من الأزرار (تبديل) إذا قدمت اختيارًا من الإجراءات.
للتبديل ، يمكنك الجمع بين أزرار الاتصال بالحركة الفائقة والمنخفضة التركيز .
تأكد من تحسين الأزرار لتناسب الشاشات المميزة ، على سبيل المثال ، تكييفها مع أبعاد الشاشة المميزة.
لاحظ أيضًا أن التسميات النصية يجب أن تكون فريدة من نوعها عن عوامل الزر الأخرى. على سبيل المثال ، يمكن أن تكون مكتوبة بأحرف كبيرة ، أو تستخدم لونًا فريدًا ، أو نمطًا من تسمية النص.
يمكن وضع زر دعوة إلى اتخاذ إجراء محدد في WordPress على أعلى تصنيف لمجموعة متنوعة من الخلفيات.
يمكنك استخدام مجموعة من الخلفيات للأزرار. في الأزرار المحددة ، تكون الحاوية واضحة حتى يتم تشغيل الزر ، على سبيل المثال تحوم.
الزر الموجود عبارة عن حاوية بظل مؤهلات قوي.
استخدم لوحة ألوان النموذج التي لديك لصفحة الويب للأزرار بشكل جيد (قد يكون عددًا من الألوان التكميلية).
دعنا الآن نجري بحثًا في لوحة الإدارة ونرى الخيارات المتوفرة للكتل التي تجعلها سريعة لإضافة زر الاتصال إلى الحركة على موقع الويب باستخدام WordPress.
إعدادات الحظر لكتلة الأزرار في جوتنبرج
توفر مجموعة الأزرار الافتراضية بواسطة Gutenberg مجموعة ممتازة من الخيارات ، والتي تتميز ببعض الأنماط المهمة للزر وبدائل التخصيص.
لإدراجه في الصفحة ، ما عليك سوى اتخاذ قرار بشأن حظر الزر الذي يحظى بتقدير كبير من سجل الكتل وإدراجه في موقع الويب.
أنواع الأزرار المتوفرة في مجموعة الأزرار بواسطة Gutenberg
- يملأ
- مفصل (مع تباين كبير في المخطط التفصيلي)
- هام
إعدادات الطباعة
- من صغيرة إلى كبيرة أبعاد سابقة التحديد
- قياسات شخصية
خيارات الحدود
يمكنك تعيين نصف قطر حد مخصص لتضمين أزرار كروية أو مربعة الشكل.
يمكنك تحديد ألوان موضوع محددة مسبقًا لـ:
- المحتوى النصي
- تلوين سجل المسار (يمكن أن يكون صوتًا أو متدرجًا)
بالمناسبة ، إذا كنت تريد دمج المزيد من ألوان الموضوع الافتراضية في لوحتك ، فقم بتحميل المكون الإضافي Block Editor Hues .
تكوينات العرض
يمكنك تعديل قياس الزر في شكل حاوية منطقة موقع الويب.
بالإضافة إلى ذلك ، يمكنك تنفيذ الكثير من الأشكال المصممة خصيصًا باستخدام دروس CSS ، تمامًا مثل إضافة روابط HTML.
باستخدام مجموعة الأزرار الافتراضية ، لا يمكنك ، للأسف ، إنشاء أزرار عائمة للتركيز الكبير أو أنواع أخرى أكثر صعوبة من أزرار الحركة.
ومع ذلك ، فإن الكتلة الافتراضية توفر على الرغم من ذلك الكثير من البدائل الرائعة ، مما يسلحك بمجموعة متنوعة وواسعة من التطبيقات لإنشاء زر cta مخصص.
حلول تكوين كتلة الزر لـ WordPress بواسطة Getwid
يحظر Getwid مكتبة من الكتل والنماذج الإضافية لمحرر الكتلة ، ويوفر أيضًا كتلة زر مخصصة ، والتي يمكنك استخدامها على الأرجح للتبديل ، عندما تريد زيادة الاتصال بأزرار الحركة 1 بجانب أخرى.
كل زر في الزوج هو زر Gutenberg افتراضي ويمكن تخصيصه باستخدام نفس الخيارات بالضبط كما حددنا للتو لحظر الأزرار الافتراضي.
لكنها تحتوي على إعدادات زائدة للحاوية بأكملها ، مما يتيح لك إمكانية تغيير زرين في وقت واحد ، مثل وضع عرض الزر والمسار والمحاذاة والحجم.
علاوة على ذلك ، يقدم Getwid عددًا لا بأس به من القوالب المصممة مسبقًا لأقسام الموقع المختلفة ، مما يسمح لك بإدراج الأزرار المحددة مسبقًا والغائبة المناسبة ، وتخصيص درجات الألوان والإعدادات الأخرى بسرعة.
من المزايا الرائعة الأخرى لأنماط Getwid أن تدرجات الأزرار تأخذ في الاعتبار التصميم المرئي للموضوع الذي تستخدمه. للتوضيح ، دعنا ندخل واحدًا واحدًا منهم ، وسرعان ما يدخل زر "تواصل معنا" في التصميم باستخدام سمة WordPress المثبتة (CoachZee في الرسم التوضيحي الخاص بنا).
الكلمة الأخيرة: كيفية إنشاء زر استدعاء للحركة في WordPress؟
جميع الأزرار هي في جوهرها مكالمات هاتفية للحركة ، أو أزرار عمل بشكل أساسي. يوفر لك محرر قوالب WordPress الجديد العديد من اختيارات التخصيص عندما يصل إلى إضافة WordPress مخصص ، قم بالتواصل مع زر الإجراء ، على الرغم من أن دعم المكونات الإضافية مثل Getwid يمكن أن يوفر لك الكثير من معدات الإنتاجية لوضع العلامات التجارية على الأزرار الخاصة بك.