إذا كنت بحاجة إلى موقع الويب الخاص بك لجذب انتباه زوارك ، فقد يكون وجود نص متحرك هو ما تحتاجه تمامًا.
ستجعل إحدى الوظائف الإضافية لـ Elementor من السهل جدًا القيام بذلك.
ما هو النص المتحرك؟
يعد العنوان المتحرك طريقة رائعة لجذب انتباه القارئ وجذب انتباهه إلى بقية المحتوى. تعرض العناوين الرئيسية المتحركة عنوانًا ثابتًا جزئيًا به كلمة أو عبارة لا تزال تتغير.
أثناء إنشاء مثل هذه العناوين الرئيسية يتطلب الكثير من المعرفة الفنية في الماضي ، أصبح الآن من السهل جدًا القيام بذلك باستخدام مزيج من الإصدار المجاني من Elementor و Ultimate Addons for Elementor ، أو Elementor Pro فقط .
الآن ، يعد إنشاء عناوين جذابة مثل هذه عملية سحب وإفلات بسيطة!
لماذا يجب إضافة نص متحرك إلى موقع ويب؟
يمكن أن يساعد النص المتحرك في إضفاء الحيوية على موقع الويب الخاص بك من خلال جذب انتباه الزوار وجعل المحتوى الخاص بك أكثر جاذبية.
تعد إضافة نص متحرك إلى موقعك طريقة رائعة لإضافة اهتمام بصري. يمكن أن يساعد أيضًا في إبراز المعلومات المهمة أو شرح المفاهيم المعقدة بطريقة سهلة الفهم.
يمكن أيضًا استخدام النص المتحرك بشكل فعال كجزء من عبارة تحث المستخدم على اتخاذ إجراء ، أو للفت الانتباه إلى العروض الترويجية والعروض الترويجية الخاصة.
إذا كنت تريد أن يبرز موقع الويب الخاص بك عن الآخرين ، فإن إضافة نص متحرك هي طريقة رائعة للقيام بذلك!
كيفية إضافة نص متحرك باستخدام Elementor
تعد إضافة نص متحرك إلى موقع Elementor الخاص بك طريقة رائعة لإضافة بعض الإثارة والشخصية.
هناك عدة طرق مختلفة يمكنك من خلالها القيام بذلك ، لكننا سنستخدم Ultimate Addons for Elementor هنا.
تقدم الكثير من الكتل التفاعلية الجديدة لتصميم صفحاتك. اشتراكك في الإمارات العربية المتحدة صالح على عدد غير محدود من المواقع وهناك أيضًا خطة مدى الحياة متاحة!
إلى جانب عناوين الرسوم المتحركة المتقدمة ، تقدم:
- نص فقرة متحرك
- توقيت العد التنازلي الديناميكي
- مقاطع فيديو خلفية متحركة
- خرائط جوجل سريعة الاستجابة
- الرموز المتحركة
- جداول التسعير
- منتجات WooCommerce
يمكنك العثور على قائمة كاملة بكتل Ultimate Addons for Elementor من خلال النقر على Widgets من قائمة الصفحة الرئيسية.
دعنا الآن ننتقل إلى إنشاء نص متحرك باستخدام Elementor و Ultimate Addons for Elementor!
الخطوة 1: قم بتثبيت وتفعيل الإضافة
الخطوة الأولى هي تثبيت Ultimate Addons for Elementor. تضيف هذه الإضافي وظائف أكثر بكثير إلى Elementor مما يجعله أكثر قوة من ذي قبل!
- قم بتثبيته من موقع Ultimate Addons for Elementor .
- بعد تسجيل الدخول إلى حسابك ، يمكنك تنزيل الملف المضغوط لـ Ultimate Addons.
- انتقل الآن إلى لوحة معلومات WordPress الخاصة بك > المكونات الإضافية > إضافة جديد.
- هنا ، انقر فوق الزر تحميل البرنامج المساعد في الجزء العلوي من صفحتك.
- اختر الملف المضغوط الذي قمت بتنزيله للتو وانقر فوق تثبيت .
لمعلومات أكثر راجع دليلنا الشامل عن تثبيت إضافات ووردبريس
هذا هو! سيتم الآن تثبيت Ultimate Addons for Elementor على موقع الويب الخاص بك. انطلق وقم بتنشيط الإضافة لبدء استخدامها.
الخطوة 2: قم بإضافة عنصر واجهة مستخدم العنوان الرائع إلى الموقع المطلوب
هذا ما يبدو عليه العنوان الرائع!
يحتوي النص باللون الأصفر مع المؤشر في النهاية على رسوم متحركة جذابة للكتابة تجذب انتباه المستخدم على الفور.
دعونا نرى كيف يمكننا إضافة هذه الأداة إلى صفحاتنا.
- ابدأ بتحرير أي من صفحاتك باستخدام Elementor
- في مربع البحث عن عناصر Elementor ، ابحث عن عنوان Fancy
- بمجرد العثور عليه ، قم بسحبه وإفلاته على الصفحة
- ثم قم بتحرير النص الذي يجب أن يكون ثابتًا والجزء الذي يجب أن يكون ديناميكيًا.
- بمجرد الانتهاء من ذلك ، يمكنك البدء في تخصيصه.
الخطوة 3: صمم عنوانك المتحرك
هناك أنواع متعددة من الرسوم المتحركة التي يمكنك إضافتها إلى العناوين والإعدادات.
ما عليك سوى النقر فوق قسم التأثير أسفل قسم العنوان المتحرك والبدء في تخصيص الرسوم المتحركة.
يمكنك ضبط كيفية تبديل النص بين الأجزاء المختلفة عن طريق تحديد التأثير. يمكنك أيضًا ضبط السرعة ووقت التوقف المؤقت بين كل تغيير.
ستمنحك هذه الخيارات التأثير المثالي لموقعك على الويب وتساعدك على جعله يبدو بالطريقة التي تريدها بالضبط!
إضافة نص متحرك باستخدام Elementor Pro
بدلاً من ذلك ، يمكنك أيضًا إنشاء عناوين متحركة باستخدام عنصر واجهة مستخدم Animated Headline الجديد من Elementor Pro.
تعتبر أداة Animated Headline واضحة ومباشرة ، لذا إليك الخطوات السريعة للبدء.
1: قم بتثبيت وتنشيط ترخيص Elementor Pro الخاص بك
2: في لوحة إدارة WordPress الخاصة بك ، انتقل إلى Pages > Add New
3: انقر فوق تحرير باستخدام Elementor
4: ابحث عن عنصر واجهة مستخدم Animated Headline في قائمة الأدوات المتاحة. الآن قم بسحبها وإفلاتها على صفحتك
الخطوة 5: أدخل نص العنوان الخاص بك عن طريق تقسيمه إلى “قبل النص” و “النص المميز” و “بعد النص” . النص المميز هو النص الذي يتم فيه تنشيط الرسوم المتحركة الخاصة بك
الخطوة 6: تخصيص نوع الرسوم المتحركة من خيارات القائمة المنسدلة
الخطوة 7: معاينة ونشر التغييرات الخاصة بك!
هذا كل ما في الامر!
يمكنك الآن بسهولة إضافة عنوان متحرك إلى موقع الويب الخاص بك باستخدام Elementor Pro .
سواء كنت ترغب في جذب انتباه زوارك أو جعل المحتوى الخاص بك أكثر جاذبية ، فإن هذه الأداة القوية تجعل القيام بذلك سريعًا وسهلاً.
فلماذا تنتظر؟
ابدأ في إضافة عناوين متحركة إلى موقعك اليوم ، وشاهدها لأنها تساعد في تعزيز التفاعل وزيادة التحويلات!