قوالب قسم العنصر: 32 تنزيلًا مجانيًا و580+ في المكتبة

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

تحتوي هذه الصفحة على مجموعتين. الأول عبارة عن 32 قسمًا قمنا بإنشائها يدويًا وتم تجميعها كملفات JSON، ويمكنك تنزيلها هنا، والاستيراد من خلال Master Addons Widget Builder، والتحرير من الحقول المسماة بدلاً من الحاويات المتداخلة. والثاني هو مكتبة أقسام Master Addons: 583 قسمًا من أقسام Elementor يتم تثبيتها من داخل محرر Elementor، 93 منها على البرنامج الإضافي المجاني.

القفز إلى ما جئت من أجله:

• 32 قالب قسم للتنزيل كـ JSON: ملفات مجانية، مستوردة باستخدام Widget Builder
• تصفح المكتبة المكونة من 583 قسمًا حسب النوع: البطل والميزات والأسعار والأسئلة الشائعة والفريق والاتصال والمزيد
• كيفية استيراد قالب القسم: كلا الطريقين، خطوة بخطوة
• قوالب الصفحة المقصودة للعنصر مبنية من هذه الأقسام

كيفية استيراد قالب قسم العنصر

طريقان ونظامان منفصلان. تأتي التنزيلات الـ 32 في هذه الصفحة كعناصر واجهة مستخدم من خلال Widget Builder. يتم تثبيت أقسام المكتبة من داخل محرر Elementor. كلاهما ينتهي بالتصميم الموجود على صفحتك ولا يزال كل شيء قابلاً للتحرير.

المسار 1: استيراد ملف قالب JSON باستخدام Widget Builder

1. قم بتنزيل الرمز البريدي للقالب الذي تريده وقم بفك ضغطه. يوجد بالداخل عنصر واجهة المستخدم JSON وصورة المعاينة والعمل الفني التجريبي حيث يستخدم التصميم أيًا منها.
2. اذهب الى الإضافات الرئيسية → منشئ عناصر واجهة المستخدم → استيراد عناصر واجهة المستخدم في مسؤول WordPress الخاص بك وقم بتحميل widget-*.json ملف.
3. افتح Elementor، وابحث عن اسم الأداة في اللوحة، واسحبه إلى الصفحة.
4. املأ علامة التبويب المحتوى. الألوان موجودة في علامة التبويب "النمط"، وعادةً ما تكون من أربعة إلى ستة منتقيين يعيدون سمة القسم بأكمله.

ال منشئ القطعة هو جزء من Master Addons Pro. ملفات JSON نفسها لا تكلف شيئًا وتبقى ملكًا لك بمجرد تنزيلها.

تقوم العديد من السحابات بشحن أعمال فنية SVG، ويقوم WordPress بحظر تحميلات SVG افتراضيًا. قم بتحويلها إلى PNG أو WebP أولاً، أو قم بتمكين تحميلات SVG. يتم عرض عناصر واجهة المستخدم بدون صور أيضًا، لأن فتحات الصور الفارغة تخفي نفسها.

الطريق 2: قم بتثبيت قسم من مكتبة النماذج

1. تثبيت وتنشيط الإضافات الرئيسية، ثم افتح أي صفحة باستخدام Elementor.
2. انقر فوق أيقونة قالب الإضافات الرئيسية في شريط أدوات المحرر وانتقل إلى الأقسام علامة تبويب.
3. قم بالتصفية حسب الفئة، ثم قم بتمرير التصميم لمعاينته بالحجم الكامل.
4. انقر يُدرج. يسقط القسم في موضع المؤشر مع الحفاظ على الصور والتباعد وإعدادات عناصر واجهة المستخدم سليمة.
5. قم بتحريره مثل أي شيء آخر قمت بإنشائه: انقر فوق عنوان لإعادة كتابته، وافتح علامة التبويب "النمط" لتغيير الألوان.

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

32 قالب قسم Elementor يمكنك تنزيلها كـ JSON

تم تصميمها لهذا المنشور: HTML وCSS وJavaScript مكتوبة بخط اليد، ثم تم تحويلها إلى عناصر واجهة مستخدم Widget Builder. وهي ليست موجودة في مكتبة البرنامج المساعد، ويتم تنزيلها من هنا.

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

قوالب قسم الميزات والخدمات

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

1. شبكة بطاقة الأيقونات: قالب قسم ميزات العنصر

شبكة داكنة مكونة من ثلاثة أعمدة مكونة من ستة بطاقات مميزة، مبنية حول توهج متابعة المؤشر: حرك الماوس الخاص بك وسيتبعه ضوء شعاعي ناعم عبر البطاقات. البطاقات عبارة عن مكرر: أيقونة (لصق أي SVG)، وعنوان، ونص، ورابط سهم اختياري لكل بطاقة. ست بطاقات من التحليلات الخيالية SaaS تأتي مملوءة مسبقًا، والمدخل المتدرج يحرك أي عدد من البطاقات التي ينتهي بك الأمر بها.

2. صفوف الصور المتناوبة: قالب صفوف ميزات العنصر

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

3. قائمة العمليات المرقمة: قالب خطوات عملية العنصر

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

4. بطاقات عرض الصور: قالب بطاقات ميزات العنصر

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

من نحن قوالب الأقسام

الصورة على اليسار، والصورة على اليمين مع شارة عائمة، وبيان المهمة مع بطاقات القيمة.

5. الصورة المتبقية مع القصة: عنصر عنا قالب القسم

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

6. الصورة اليمنى مع الشارة العائمة: عنصر حول قالب القسم

تخطيط المرآة: نص يسار، صورة يمين، مع شارة “ عائمة لمدة 27 عامًا يتم احتسابها عند تمريرها للعرض. قائمة التحقق من بيانات الاعتماد عبارة عن مكرر، والشارة قابلة للتبديل، وكلا سطري الشارة قابلان للتحرير. استخدمه لسنوات في العمل، أو المشاريع التي يتم شحنها، مهما كان أفضل رقم لديك.

7. المهمة والقيم: قسم مهمة وقيم العنصر

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

الإحصائيات وقوالب النطاق المضاد

شريطان للعد، أحدهما فاتح والآخر داكن، للأرقام التي تثبت الحجم.

8. نطاق إحصائيات الضوء: قالب قسم عداد العنصر

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

9. نطاق الإحصائيات المظلمة: قالب نطاق إحصائيات العنصر

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

قوالب قسم الشهادة

دائري، وشبكة حجرية، واقتباس كبير، وبطاقات مراجعة ذات مجموع نقاط.

10. دائري الشهادة: قالب دائري شهادة العنصر

شريط التمرير المناسب: أزرار الأسهم، والنقاط القابلة للنقر، والتنقل في لوحة المفاتيح، والارتفاع التلقائي حتى لا تترك علامات الاقتباس القصيرة بطاقة فارغة طويلة. الشرائح عبارة عن مكرر (اقتباس، اسم، دور، صورة رمزية)، ونقاط، وتعيد تسميات “N لإجمالي نطاق الانتشار بناء نفسها من أي عدد تضيفه. يتم شحن أربع صور رمزية تجريبية في الرمز البريدي.

11. شبكة البناء: قالب شبكة شهادة العنصر

ست بطاقات في بناء أعمدة CSS مع كشف متدرج. يأخذ كل صف مكرر عرض أسعار (بالإضافة إلى فقرة ثانية اختيارية للبطاقات الطويلة)، وتقييم 1 arm5 نجوم، والأحرف الأولى من دائرة الصورة الرمزية، وتبديل “featured” الذي يمنح البطاقة معالجة اللكنة. يتم عرض النجوم من قيمة التصنيف، لذا تظهر مراجعة 4 نجوم أربعة نجوم مملوءة، وليس كل ما تم ترميزه.

12. اقتباس كبير واحد: قالب قسم شهادة العنصر

اقتباس واحد، نوع رقيق ضخم، تم الكشف عنه سطرًا تلو الآخر مع رسوم متحركة مقنعة. قمت بلصق الاقتباس كفقرة واحدة؛ يقوم JavaScript بتقسيمه إلى خطوط متوازنة وضرب الكشف، لذلك يتم تحريك الاقتباس المكون من 15 كلمة والاقتباس المكون من 40 كلمة بشكل صحيح. شريط تعريفي صغير أسفله (الغرف، التقييم، السنة) عبارة عن مكرر يمكنك إفراغه بالكامل.

13. بطاقات التقييم مع الملخص: قالب بطاقات مراجعة العنصر

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

قوالب قسم جدول التسعير

خطة مميزة ثلاثية المستويات، ومصفوفة مقارنة، ومفتاح شهري/سنوي.

14. الطبقة الكلاسيكية الثلاثة: قالب جدول تسعير العنصر

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

15. الخطة المميزة: قالب قسم تسعير العنصر

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

16. قائمة ميزات المقارنة: جدول مقارنة أسعار العناصر

مصفوفة ميزات حقيقية: ثلاثة أعمدة خطة، وصفوف ميزات بقيم نعم/لا/مخصصة (مستخدمو“5”، و“Unlimited”)، وكتلة قابلة للتوسيع تكشف عن ستة صفوف أخرى مع رسوم متحركة ذات ارتفاع سلس. اكتب نعم أو لا في الخلية ويتم عرضه كفحص أو تقاطع؛ اكتب أي شيء آخر ويتم طباعته كنص. أي خطة تحصل على تمييز عمود “ بقيمة “ هي القائمة المنسدلة. عند 38 عنصر تحكم، فهو أعمق قالب في الحزمة.

17. التبديل الشهري/السنوي: جدول تسعير العنصر مع تبديل الفواتير

معيار SaaS. يقوم مفتاح يمكن الوصول إليه بقلب كل بطاقة بين الأسعار الشهرية والسنوية مع القليل من الرسوم المتحركة لقلب السعر؛ تحمل كل خطة كلا السعرين بالإضافة إلى ملاحظات “ التي تم إصدار فاتورة بها على أنها” في صف المكرر الخاص بها. يعد نص شارة “Save 20%” حقلاً، لذا فإن تغيير الرياضيات يغير الشارة.

قوالب قسم الفريق

شبكة صور، وسيرة ذاتية للكشف عن التحويم، وشريط تمرير مزود بلوحة حيوية.

18. شبكة بطاقات الصور: قالب قسم فريق العنصر

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

19. السير الذاتية للكشف عن التحويم: قالب بطاقات أعضاء فريق Elementor

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

20. شريط تمرير الفريق: قالب شريط تمرير فريق Elementor

عضو واحد في كل مرة: صورة كبيرة، وعلامة دور، وسيرة ذاتية أكمل، وعداد “01/05” الذي يتم إعادة بنائه من عدد الأعضاء الفعلي، مثل النقاط. تعمل مفاتيح الأسهم. جيد للفرق الصغيرة حيث يستحق كل شخص أكثر من مجرد بطاقة عمل.

قوالب قسم الأسئلة الشائعة

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

21. الأكورديون: الأسئلة الشائعة حول العنصر قالب الأكورديون

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

22. الأسئلة والأجوبة المكونة من عمودين: قالب قسم الأسئلة الشائعة حول العنصر

لا يوجد نقر. تظل جميع الإجابات الستة مرئية في شبكة مرقمة مكونة من عمودين مع كشفات متداخلة. الترقيم 01 ster06 هو عدادات CSS، لذا يتم إعادة ترقيم العناصر نفسها عند إضافة سبعة. أفضل من الأكورديون عندما تكون إجاباتك قصيرة وتفضل أن يقرأها الزوار بالفعل.

23. علامات تبويب الفئة: قالب علامات تبويب الأسئلة الشائعة للعنصر

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

24. الأسئلة الشائعة مع بطاقة الدعم: قسم الأسئلة الشائعة حول العنصر مع بطاقة الدعم

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

قوالب نطاق الاتصال إلى الإجراء

تدرج جريء، وتقسيم مع صورة المنتج، ونطاق مركزي بسيط.

25. التدرج الغامق: قالب استدعاء العنصر إلى الإجراء

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

26. قم بالتقسيم مع صورة المنتج: قالب قسم Elementor CTA

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

27. الحد الأدنى المتمركز: عنصر الاتصال إلى فرقة العمل

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

قوالب قسم نموذج الاتصال

نموذج يحتوي على تفاصيل الاتصال، ونموذج يحتوي على خريطة متحركة، وبطاقة مركزية.

28. نموذج يحتوي على معلومات الاتصال: قالب نموذج اتصال العنصر

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

29. النموذج مع الخريطة: نموذج اتصال العنصر مع الخريطة

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

30. البطاقة المركزية: قسم نموذج الاتصال بالعنصر

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

قوالب شريط الشعار

شبكة ذات تدرج رمادي تتلون عند التحليق، وسرادق لا نهائي.

31. شبكة ذات تدرج رمادي ثابت: قالب شبكة شعار Elementor

ثمانية شعارات في الشبكة، تدرج رمادي حتى يتم التحليق، مع إحصائيات العد التنازلي أسفلها (تقرير“Powering لـ 1400+ فريق”). الأعمدة عبارة عن شريط تمرير، وصف الإحصائيات قابل للتبديل، ويعمل التمرير من تدرج رمادي إلى لون على أي شعارات PNG أو SVG تقوم بتحميلها.

32. شاشة التمرير: قالب دائري لشعار Elementor

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

تصفح المكتبة المكونة من 583 قسمًا حسب النوع

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

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

قوالب قسم بطل العنصر

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

حافة إشارة SaaS البطل

بطل Dark SaaS مع عنوان زمن الوصول ولوحة معلومات المنتج الموجودة أسفله.

العرض المباشر

البطل الأنظف

بطل الصورة لشركة خدمات، مع تصنيف النجوم ورقم الهاتف بجوار الزر.

العرض المباشر

بطل كرافتوفا

بطل مصور ببطاقة نتائج عائمة بجانب العنوان.

العرض المباشر

كل بطل عبارة عن حزمة حاويات، لذا يظل العنوان والصورة والزر عناصر منفصلة يمكنك سحبها.

يتميز Elementor بقوالب الأقسام

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

ميزات رفع الرصاص الشبكة

ثمانية ألوان باستيل تتميز ببلاطات تحت عنوان رقيق، صفين من أربعة.

العرض المباشر

بطاقات الموثوقية المظلمة

أربع بطاقات داكنة بأيقونات مرقمة، مصممة للضمانات واتفاقيات مستوى الخدمة.

العرض المباشر

ميزات تطبيق ClowDify للهاتف المحمول

قسم مقسم باللون الأرجواني مع نموذج بالحجم الطبيعي للهاتف وقائمة مرجعية لميزات التطبيق.

العرض المباشر

قم بتبديل الرموز من عنصر تحكم Info Box وسيظل التباعد قائمًا. النص نص حقيقي، لذلك يترجم ويفهرس.

العنصر من نحن قوالب الأقسام

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

قصة الحرف المظلمة

فرقة قصة تحريرية مظلمة مع صورة المنتج وخط التاريخ.

العرض المباشر

النظافة من نحن

مجموعة صور تحتوي على سطر وعد مميز وزر رقم الهاتف.

العرض المباشر

فيبي سبيس حول

تصميم داخلي حول الكتلة مع شبكة من أربع صور وثلاثة عدادات تحتها.

العرض المباشر

تحافظ هذه على شكلها عندما تستمر القصة لفترة طويلة، وهو المكان الذي تنهار فيه معظم الأقسام.

إحصائيات العنصر وقوالب قسم العداد

40 قسمًا للأرقام: صفوف العدادات، وأشرطة التقدم، ولوحات بينتو المترية، ولوحات المعلومات. تعمل العدادات على مكافحة يصل القطعة والتحريك على التمرير دون الإعداد.

التفاف مهرجان بينتو

لوح بينتو مكون من خمسة بلاطات مترية بأحجام مختلفة، داكنة ودافئة.

العرض المباشر

مقاييس مفتاح زابليت

شريط أرجواني غامق مع ثلاثة عدادات كبيرة وملصقات قصيرة.

العرض المباشر

أشرطة تقدم اللون الجريء

كتلة زرقاء تحتوي على ثلاثة أشرطة تقدم مُسمى لأرقام التسليم أو السعة.

العرض المباشر

تأخذ العدادات بادئة ولاحقة، لذا يتم عرض 12k+ و99.9% و$4.2M دون لمس حقل الرقم.

قوالب قسم شهادة العنصر

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

قصص عملاء كرافتوفا

يتم حظر قصص العملاء المصورة باستخدام عداد العملاء السعداء في المنتصف.

العرض المباشر

صورة قصة العميل

اقتباس تحريري داكن مع صورتين شخصيتين واقتباس سحب طويل.

العرض المباشر

شهادات كرافتوفا

بطاقات المراجعة ذات النجوم أعلى من شريط تصنيف منصة المراجعة.

العرض المباشر

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

قوالب جدول تسعير العنصر

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

تسعير رفع الرصاص

تصميم كريمي من ثلاث طبقات مع عنوان رئيسي رقيق وتبديل شهري أو سنوي.

العرض المباشر

جدول التسعير المظلم

طاولة داكنة مكونة من ثلاثة أعمدة مع خطة مميزة وأسعار لكل مقعد.

العرض المباشر

تسعير كرافتوفا

ثلاث خطط مع بطاقة وسطية ليمونية وشارة حفظ على الخيار السنوي.

العرض المباشر

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

قوالب قسم فريق العنصر

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

بينتو بورتريه فسيفساء

فسيفساء بينتو داكنة مكونة من أربع صور في إطارات غير متطابقة.

العرض المباشر

فريق كلوديفي

شريط برتقالي به خمس بطاقات شخصية وأدوار تحتها.

العرض المباشر

صف صورة متداخلة

صف متدرج أرجواني من الصور المقوسة التي تكشف عن ملاحظة أثناء التحليق.

العرض المباشر

الرموز الاجتماعية لكل عضو، لذلك يمكن لشخص واحد أن يكون لديه LinkedIn فقط ويظل الصف متوازنًا.

قوالب قسم الأسئلة الشائعة للعنصر

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

الأسئلة الشائعة حول توهج الظلام

أكورديون داكن مع توهج أرجواني خلف الرأس.

العرض المباشر

لوحة الأسئلة الشائعة بينتو

الأكورديون على اليسار مع بلاط الجير وبلاط الصور على اليمين.

العرض المباشر

الأسئلة الشائعة التحريرية المرقمة

الأسئلة الشائعة المرقمة باللون الأخضر العميق مع عنوان لا يزال غريبًا.

العرض المباشر

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

قوالب قسم استدعاء العنصر إلى الإجراء

27 نطاق CTA، الأقسام التي تقع فوق التذييل وتطلب النقر. بنيت على دعوة للعمل و زر الإبداع الحاجيات.

رفع الرصاص CTA

نطاق مرجاني كامل العرض مع عنوان تجريبي مجاني وخط بدون بطاقة ائتمان.

العرض المباشر

تكبارت CTA

شريط داكن الحجم مع كرة أرضية سلكية خلف النسخة.

العرض المباشر

زابليت CTA

ينقسم العرض الترويجي للتطبيق إلى شارات المتجر ونموذج الهاتف وخط التصنيف.

العرض المباشر

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

قوالب قسم نموذج الاتصال Elementor

46 قسم الاتصال والحجز وساعات العمل. النماذج تأتي من نموذج الاتصال 7 من خلال قلم CF7، لذلك تبقى الحقول ملكك ويأتي التصميم فقط من القسم.

نموذج الاتصال بالانسق

الخريطة على اليسار، ونموذج الرسالة على اليمين.

العرض المباشر

نموذج الاتصال لرفع الرصاص

شكل كريمي مركزي برأس رقيق وحقول مستديرة.

العرض المباشر

بطاقة الحجز المتداخلة

صورة مسائية مع بطاقة ساعات العمل متداخلة معها وزر الحجز.

العرض المباشر

قم بتثبيت نموذج الاتصال 7 أولاً، ثم اختر النموذج الخاص بك في الأداة. يصبح القسم فارغًا حتى يتم تحديد النموذج.

مدونة Elementor وقوالب قسم المقالات

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

مشاركة مدونة الطهي

تخطيط المجلة مع منشور مميز كبير وأربع بطاقات أصغر.

العرض المباشر

قائمة الأرشيف التحريري

قائمة أرشيف الكريم مع زر القراءة في كل صف.

العرض المباشر

مشاركة مدونة Balanciq

صف بريد مكون من ثلاث بطاقات مع التواريخ ومقدمة قسم على اليسار.

العرض المباشر

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

قوالب قسم القائمة الضخمة Elementor

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

متجر الالكترونيات ميجا القائمة

لوحة فئة المنتج مع بلاط منتج مميز وثلاثة أعمدة ربط.

العرض المباشر

قائمة متجر الأزياء الضخمة

ثلاثة أعمدة ربط فوق لافتتي بيع.

العرض المباشر

دليل القطعة القائمة الضخمة

دليل مكون من أربعة أعمدة لروابط الأيقونات لقائمة ميزات كبيرة.

العرض المباشر

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

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

كتل العناصر والأقسام وقوالب الصفحات والمجموعات

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

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

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

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

قوالب الصفحة المقصودة للعنصر: قم ببناء واحد من هذه الأقسام

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

SaaS أو منتج البرنامج

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

أعمال الخدمات المحلية

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

وكالة أو استوديو

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

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

ما هي الأقسام التي تحتاجها الصفحة بالفعل؟

تستخدم معظم الصفحات التي يتم تحويلها نفس العمود الفقري، بهذا الترتيب تقريبًا

1. بطل: ما هذا وماذا تنقر. كل صفحة.
2. الشعار أو شريط العميل: مصداقية مستعارة، ورخيصة لإضافتها.
3. الميزات أو الخدمات: ما تحصل عليه في الواقع.
4. عن: لماذا أنت بوجه إذا كان لديك وجه.
5. إحصائيات: إثبات الحجم حيث الأرقام جيدة.
6. الشهادات: دليل من شخص ليس أنت.
7. التسعير: لأي شيء مع الخطط.
8. فريق: الوكالات والعيادات والشركات المحلية.
9. الأسئلة الشائعة: الاعتراضات التي توقف النقرة.
10. فرقة CTA: السؤال الأخير قبل التذييل.
11. يتصل: النموذج والخريطة إذا كان الموقع مهمًا.

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

الأسئلة المتداولة

ابدأ بقسم واحد

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