عنصر واجهة مستخدم نصي متدرج للعنصر
تأخذ أداة عنوان Elementor لون نص ثابت فقط، لذا فإن النص المتدرج يعني عادةً كتابة CSS باستخدام background-clip: text. تقوم أداة عنوان التدرج في البرنامج الإضافي Master Addons المجاني بذلك من اللوحة. اكتب العنوان، واختر لونين، واختر تدرجًا خطيًا أو شعاعيًا، وتملأ الحروف به. تحصل أيضًا على تدرج تحوم منفصل، و13 وضع مزج، وظل نصي، ورابط واختيار علامة العنوان. يناسب عناوين الأبطال وعناوين الأقسام ولافتات البيع.
كيفية إضافة نص التدرج في العنصر
أنت بحاجة إلى Elementor والمكون الإضافي Master Addons المجاني. لا يوجد CSS مخصص ولا Elementor Pro.
- تثبيت وتنشيط الإضافات الرئيسية من WordPress.org.
- قم بتحرير صفحتك باستخدام Elementor، وابحث في لوحة الأدوات عن عنوان التدرج واسحبه للداخل.
- اكتب النص الخاص بك في عنوان، ثم قم بتعيين علامة HTML للعنوان ومحاذاة.
- في الأسلوب، نمط التدرج، اختر اللون الأول واللون الثاني واضبط أشرطة تمرير الموقع الخاصة بهم.
- اختر الخطي واضبط الزاوية، أو الشعاعي واضبط الموضع.
- اضبط الطباعة، وجرب وضع المزج على خلفيتك، وأضف تدرج التمرير إذا أردت.
لقطات الشاشة لكل خطوة موجودة في دليل النص التدرج.
لونين تدرجات خطية أو شعاعية
في الاسلوب، نمط التدرج، تعيين لون النص للتدرج (أو كلاسيكي للون العادي). اختر الأول لون و ال اللون الثاني، وتحريك كل منهما موقع شريط التمرير لتحديد مكان اندماج أحدهما مع الآخر. يكتب التبديل بين الخطي، مع زاوية (180 درجة بشكل افتراضي تمتد من الأعلى إلى الأسفل)، وشعاعي، مع أ موضع مثل مركز المركز. للحصول على تدرج يتحرك خلف قسم كامل بدلاً من النص، راجع الرسوم المتحركة التدرج BG تمديد (برو).
- علامات التبويب العادية والتحويم: قم بتعيين تدرج ثانٍ يظهر عندما يحوم الزائرون فوق العنوان.
- يستخدم كل تدرج توقفين للألوان. لثلاثة ألوان أو أكثر، ستحتاج إلى CSS مخصص.
- تتراوح الإعدادات الافتراضية من اللون الأرجواني (#9929ea) إلى اللون الأحمر (#FB083E)، لذا قم بتغييرها إلى ألوان علامتك التجارية أولاً.
عنوان العنصر مع CSS مقابل عنوان التدرج
يمكنك إنشاء نص متدرج باستخدام أداة العنوان الخاصة بـ Elementor إذا كنت مرتاحًا لـ CSS. إليك ما يتضمنه كل مسار.
| ميزة | عنوان العنصر + CSS | عنوان التدرج للإضافات الرئيسية |
|---|---|---|
| يثبت | أضف CSS مع مقطع الخلفية: نص في WordPress Extra CSS أو Elementor Pro Custom CSS أو الإضافات الرئيسية المجانية امتداد CSS مخصص | اختر الألوان في اللوحة |
| أنواع التدرج | أي شيء يسمح به CSS، بما في ذلك ثلاثة ألوان أو أكثر | خطي أو شعاعي، توقفين لونيين |
| تحوم التدرج | Css اضافية | علامة تبويب التمرير المضمنة |
| مزيج الأوضاع والظل | Css اضافية | 13 وضع مزج والتحكم في ظل النص |
| سعر | مجاني إذا كتبت CSS بنفسك | مجاني مع الإضافات الرئيسية |
اكتب CSS إذا كنت بحاجة إلى أكثر من لونين أو تدرج متحرك. استخدم عنوان التدرج عندما تريد إعداده بشكل مرئي خلال دقيقة. الحاجيات المجانية ذات الصلة: عنوان مزدوج و عناوين متحركة.
الطباعة وأوضاع المزج وظل النص
كل علامة تبويب لها خاصة بها الطباعة، لذلك يمكن أن يتغير الخط والحجم والوزن عند التمرير أيضًا. وضع المزج يقدم 13 خيارًا، بدءًا من العادي والضرب والشاشة وحتى الفرق واللمعان، والتي تمزج التدرج مع صورة أو لون خلف النص. ظل النص يضيف اللون والطمس والإزاحة لمزيد من العمق أو سهولة القراءة عبر الصور المزدحمة.
- التدرجات هي CSS خالصة، لذلك لا توجد صورة لتحميلها.
- تتفاعل أوضاع المزج مع كل ما يوجد خلف العنوان، لذا قم بمعاينتها على الخلفية الحقيقية.
- حافظ على تباين كافٍ بين اللونين والخلفية لسهولة القراءة.
الرابط وعلامة العنوان والمحاذاة
في علامة التبويب المحتوى، أضف أ عنوان URL لجعل العنوان بأكمله رابطًا. اختر عنوان علامة HTML (من H1 إلى H6 أو div أو span أو p) لذا فإن العنوان يناسب بنية صفحتك وضبطها محاذاة إلى اليسار أو الوسط أو اليمين.
- استخدم H1 واحدًا لكل صفحة، عادةً عنوان البطل، وH2 لعناوين الأقسام.
- يعمل العنوان المتدرج المرتبط بشكل جيد مع لافتة البيع التي تذهب إلى المتجر.
- يدعم نص العنوان التحرير المضمن في معاينة Elementor.
الأسئلة المتداولة لعنوان التدرج
هل أداة عنوان التدرج مجانية؟
نعم. إنه جزء من البرنامج الإضافي Master Addons المجاني ويعمل مع Elementor المجاني، لذلك لا تحتاج إلى Elementor Pro للحصول على نص متدرج.
هل يمكنني استخدام أكثر من لونين في التدرج؟
لا. يحتوي كل تدرج على توقفين للألوان، اللون الأول واللون الثاني. يؤدي تحريك أشرطة تمرير الموقع إلى تغيير مدى حدة المزيج أو نعومته. للحصول على ثلاثة ألوان أو أكثر، أضف CSS الخاص بك إلى عنوان عادي.
هل سيؤدي النص المتدرج إلى إبطاء موقع الويب الخاص بي؟
رقم. التدرج هو CSS عادي على نص العنوان، لذلك لا يوجد ملف صورة للتحميل.
هل يمكن تغيير التدرج عند التحليق؟
نعم. تحتوي علامة التبويب "تحريك" في نمط التدرج على ألوانها ومواقعها ونوعها وزاويتها أو موضعها وطباعةها ووضع المزج وظل النص، لذلك يمكن للعنوان التبديل إلى تدرج مختلف عندما يقوم الزائرون بتحريكه.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق 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)
ناسخ البريد/الصفحة
