عنصر واجهة المستخدم الرئيسي المتحرك Elementor: بديل مجاني للمحترفين
Animated Headlines عبارة عن أداة Master Addons مجانية تقوم بإنشاء عنوان من جزء أول ثابت وجزء ثانٍ دوار. يتضمن الإصدار المجاني أربعة تأثيرات: Rotate 1 وRotate 2 وRotate 3 وLoading Bar. يضيف Master Addons Pro ستة تأثيرات أخرى: الكتابة، والشريحة، والمقطع، والتكبير/التصغير، والتوسيع، والدفع. تحتاج أداة عنوان الرسوم المتحركة الخاصة بـ Elementor إلى Elementor Pro، لذلك يمنحك هذا نص عنوان دوار على Elementor المجاني.
10 إعدادات مسبقة للرسوم المتحركة: 4 مجانية، 6 احترافية
النمط المحدد مسبقًا يقرر كيفية دخول كل كلمة دوارة وخروجها. يستمر كل إعداد مسبق في التكرار عبر قائمة العناوين الثانية أثناء فتح الصفحة.
- تدوير 1، تدوير 2، تدوير 3 (حر): اقلب الكلمة أو أدرها في مكانها. قم بتدوير 2 وتدوير 3 لتحريك حرف بحرف، وRotate 2 له تأخير الحروف الخاص به (50 مللي ثانية افتراضيًا).
- شريط التحميل (مجاني): يوجد شريط رفيع أسفل الكلمة قبل ظهور الشريط التالي. يمكنك ضبط لون الشريط وارتفاعه وموضعه، ويستخدم تأخيرًا خاصًا به يبلغ 3800 مللي ثانية.
- الكتابة (المحترفة): حدد الكلمة الحالية، ثم اكتب الحرف التالي حرفًا بحرف، مع إعدادات تأخير كتابة الحروف ومدة التحديد.
- مقطع (برو): يكشف الكلمة من خلال حافة متحركة، مع إعدادات الكشف عن المدة والكشف عن تأخير الرسوم المتحركة.
- الشريحة والتكبير/التصغير والتوسيع والدفع (Pro): قم بتحريك الكلمة الجديدة أو تكبيرها أو قياسها أو دفعها للداخل عند مغادرة الكلمة القديمة.
إعدادات التصميم والتوقيت
علامة التبويب "النمط" منفصلة العنوان الأول و العنوان الثاني الأقسام، لذلك يمكن أن يبدو النص الثابت والكلمة الدوارة مختلفين. يحتوي كل منها على لون النص والخلفية والطباعة والحشو والهامش والحدود ونصف قطر الحدود وظل الصندوق. يبدأ العنوان الأول بنص أبيض على خلفية أرجوانية، والتي يمكنك مسحها.
- محاذاة: يسار أو وسط أو يمين، ويمكن أن يتغير لكل جهاز.
- علامة HTML: H1 إلى H6، div، span أو p، مع H3 كإعداد افتراضي.
- تأخير الرسوم المتحركة: كم من الوقت تبقى كل كلمة قبل الكلمة التالية، بالمللي ثانية.
عنوان الرسوم المتحركة Elementor Pro مقابل العناوين الرئيسية المتحركة للإضافات الرئيسية
تعد أداة عنوان Elementor المتحركة جزءًا من Elementor Pro (تم التحقق منها باستخدام Elementor 4.2.4). لا يحتوي Free Elementor على عنصر واجهة مستخدم متحرك للعنوان.
| ميزة | عنوان الرسوم المتحركة Elementor Pro | عناوين الرسوم المتحركة للإضافات الرئيسية |
|---|---|---|
| سعر | ترخيص إليمينتور برو | مجانًا مع 4 تأثيرات، Master Addons Pro لجميع التأثيرات العشرة |
| تأثيرات دوارة | الكتابة، المقطع، الوجه، الدوامة، الستائر، السقوط، الموجة، الشريحة، الانزلاق للأسفل | مجاني: قم بتدوير 1 و2 و3، شريط التحميل. Pro: الكتابة، الشريحة، المقطع، التكبير/التصغير، القياس، الدفع |
| تسليط الضوء على الأشكال | دائرة، مجعد، تسطير، مزدوج، تسطير مزدوج، تسطير متعرج، قطري، خط من خلال، X | لا |
| النص بعد الكلمة المتحركة | نعم | لا، النص قبل فقط |
| وصلة | نعم | لا |
| حلقة | يُحوّل | حلقات دائما |
| تصميم كل جزء | اللون والطباعة | اللون، الطباعة، الخلفية، الحشو، الحدود، ظل الصندوق |
يقوم Elementor Pro بالمزيد من خلال الأشكال المميزة والنص بعد الكلمة المتحركة والرابط وتأثيرات التدوير الإضافية. إذا لم يكن لديك Elementor Pro وكانت الكلمة الدوارة هي ما تحتاجه، فإن التأثيرات الأربعة المجانية في Master Addons تغطيه.
عناصر واجهة المستخدم الأخرى: عنوان التدرج (مجاني) و عنوان مزدوج (مجاني).
كيفية إضافة عنوان متحرك في العنصر
في لوحة Elementor، يُطلق على الأداة اسم Animated Headlines.
- قم بتثبيت الإضافات الرئيسية لـ Elementor وتحقق من ذلك عناوين متحركة يتم تشغيله في إعدادات عناصر واجهة المستخدم Master Addons.
- قم بتحرير صفحة باستخدام Elementor، وابحث في اللوحة عنها عناوين متحركة واسحبه للداخل.
- اكتب النص الثابت فيه العنوان الأول.
- أضف كلمتين أو عبارات أو أكثر العناوين الثانية. هذه هي الأجزاء التي تدور.
- اختر أ النمط المحدد مسبقًا ومجموعة تأخير الرسوم المتحركة بالمللي ثانية (2500 افتراضيًا).
- اختر علامة HTML، قم بتصميم كلا العنوانين في علامة التبويب "النمط"، ثم قم بتحديث الصفحة.
الأسئلة المتداولة للعناوين المتحركة
هل أداة عناوين الرسوم المتحركة مجانية؟
نعم. الأداة والتأثيرات الأربعة، Rotate 1، Rotate 2، Rotate 3 وLoading Bar، مجانية. تحتاج الكتابة والشريحة والمقطع والتكبير/التصغير والتوسيع والدفع إلى Master Addons Pro.
كيف يمكنني ضبط الكلمات الدوارة؟
اكتب النص الثابت في العنوان الأول، ثم أضف كل كلمة أو عبارة دوارة كعنصر في العناوين الثانية. الكلمات تدور حسب ترتيب القائمة.
هل يمكنني التحكم في سرعة الرسوم المتحركة؟
نعم. يحدد تأخير الرسوم المتحركة في علامة التبويب "المحتوى" مدة عرض كل كلمة، 2500 مللي ثانية افتراضيًا و3800 مللي ثانية لشريط التحميل. قم بتدوير 2، والكتابة والمقطع بإضافة حرف خاص بهما أو الكشف عن حقول التوقيت.
عنوان متحرك لا يعمل؟
تحقق من هذه بالترتيب. أضف عنصرين على الأقل في العناوين الثانية، لأن كلمة واحدة ليس لها ما تدور إليه. تظل الإعدادات المسبقة التي تحمل علامة (Pro) ثابتة ما لم يكن Master Addons Pro نشطًا. إذا تحرك العنوان الرئيسي في المحرر ولكن ليس في الصفحة المباشرة، فاستبعد البرامج النصية لـ Master Addons من JavaScript، وقم بدمج الإعدادات أو تأخيرها في البرنامج الإضافي لذاكرة التخزين المؤقت، ثم قم بمسح ذاكرة التخزين المؤقت.
كيف يختلف عن عنوان الرسوم المتحركة Elementor Pro؟
تحتاج أداة Elementor إلى Elementor Pro وتضيف أشكالًا مميزة ونصًا بعد الكلمة المتحركة ورابطًا. تعمل الإضافات الرئيسية على Elementor مجانًا وتتيح لك تصميم الأجزاء الثابتة والدوارة بشكل منفصل، مع الخلفيات والحدود والظلال.
كيف أقوم بتصميم النص الثابت والدوار بشكل مختلف؟
استخدم قسمي العنوان الأول والعنوان الثاني في علامة التبويب "النمط". ولكل منها لون النص والخلفية والطباعة والحشو والهامش والحدود وظل الصندوق.
هل يمكنني استخدام أكثر من عنوان متحرك في نفس الصفحة؟
نعم. يحتفظ كل عنوان رسوم متحركة بعباراته الخاصة ونوع الرسوم المتحركة وتوقيتها، حتى تتمكن من تشغيل عناوين مختلفة في أقسام مختلفة من نفس الصفحة.
ما هي علامة HTML التي يستخدمها العنوان؟
H3 بشكل افتراضي. يمكنك التبديل إلى H1 إلى H6 أو div أو span أو p في علامة التبويب المحتوى ضمن علامة HTML. استخدم H1 فقط للعنوان الرئيسي للصفحة.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
ناسخ البريد/الصفحة
