Skip to content

العناصر

83 عنصرًا، ومحرر واحد

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

العناوين والنصوص

قلها بوضوح، ثم أضف الحياة إلى الكلمات.

عنوان

عنوان بأي مستوى، مع تعبئة متدرجة ورابط اختياريين.

نص

نص منسّق مع قوائم وروابط وحرف أول كبير اختياري.

نص متحرك

جملة تتغير فيها كلمة وحدها: بالكتابة أو التلاشي أو الانزلاق.

مُبرِز النص

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

كشف النص بالتمرير

عبارة تضيء كلمةً كلمةً كلما مرّر الزائر.

محتوى في سطر

كلمات وصور صغيرة وأزرار في سطر واحد متصل.

فاصل

خط بين الأقسام، مع عنوان أو أيقونة في الوسط إن شئت.

مسافة

فراغ دقيق، يُضبط منفصلًا للحاسوب واللوح والهاتف.

شريط أخبار

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

شريط متحرك

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

الأزرار ودعوة الزائر للتحرك

كل ما يطلب من الزائر أن يفعل شيئًا.

زر

زر بنص أو أيقونة أو صورة، بأي شكل، مع تأثيرات التمرير.

مجموعة أزرار

عدة أزرار معًا، جنبًا إلى جنب أو متراصة، وتتراص بترتيب على الهواتف.

دعوة لاتخاذ إجراء

دعوة كاملة: عنوان ونص وزر أو زران في صندوق واحد.

رمز قسيمة

رمز خصم مع زر نسخ يخبرك حين يُنسخ.

عدّاد تنازلي

يعدّ تنازليًّا حتى تاريخ، أو يمنح كل زائر مدته الخاصة من أول زيارة.

نافذة منبثقة

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

لوحة جانبية

لوحة تنزلق من الجانب للقوائم أو السلال أو معلومات إضافية.

جهاز تحكم عن بُعد

أزرار تحرّك عنصرًا آخر، كشريحة أو مبدّل، من أي مكان في الصفحة.

الصور والفيديو والحركة

اعرض عملك: صور وصوت وفيديو وعناصر متحركة.

صورة

صورة مع تعليق وخيارات للأشكال والأحجام والتحميل.

قناع صورة

صورة تُقصّ على شكل دائرة أو قوس أو سداسي أو نجمة أو بقعة.

صورة عند التمرير

صورة تُظهر عنوانًا أو نصًّا أو لونًا حين يستقر المؤشر أو الإصبع عليها.

كشف الصورة

صورة تنكشف وحدها وهي تدخل مجال الرؤية.

نقاط على صورة

صورة بنقاط يفتحها الزائر ليقرأ المزيد عن ذلك الموضع.

أكورديون صور

ألواح صور طويلة، تكبر التي تفتحها وتصغر الأخرى.

مبدّل الخلفية

خلفية كاملة تتغير حين يمرّ الزائر على قائمة عناصر.

قبل / بعد

صورتان مع مقبض للانزلاق بين «قبل» و«بعد».

صور عائمة

صور تطفو بلطف، لترويسة نابضة بالحياة.

صورة تتمرّر

صورة طويلة، كصفحة ويب كاملة، تتمرّر داخل إطار متصفح أو هاتف.

معرض صور

معرض شبكي أو متراص أو مسوّى مع مرشّح وعارض بملء الشاشة.

فيديو

فيديو من مكتبتك أو من YouTube أو Vimeo، لا يُحمَّل إلا عند تشغيله.

مشغّل صوت

مشغّل بسيط لحلقة بودكاست أو أغنية أو تسجيل.

حركة Lottie

حركة Lottie تعمل عند التحميل أو التمرير بالمؤشر أو بالتمرير.

محرّك SVG

يرسم SVG الخاص بك خطًّا خطًّا، عند التحميل أو التمرير.

مشهد Spline ثلاثي الأبعاد

مشهد ثلاثي الأبعاد تفاعلي من Spline، يُحمَّل بعد موافقة الزائر.

شعار

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

الشرائح والعروض الدوارة

سحب وأسهم ونقاط، مع تشغيل تلقائي له دائمًا زر إيقاف مؤقت.

شريحة متحركة

شرائح بصورة وعنوان ونص ورابط، من واحدة إلى ست في المرة.

عرض صور دوّار

صور تنزلق، مع تعليقات وروابط اختيارية.

عرض شعارات دوّار

شعارات عملاء أو شركاء تنزلق، رمادية حتى التمرير بالمؤشر إن شئت.

عرض آراء دوّار

اقتباسات العملاء تنزلق، مع نجوم وصور.

البطاقات والصناديق والأشخاص

قطع الخدمات والمزايا وفِرق العمل والآراء.

بطاقة تعريف

أيقونة أو صورة بجانب عنوان ونص قصير أو فوقهما.

أيقونة

أيقونة واحدة، دائرية أو مربعة، مربوطة أو عادية.

صندوق أيقونة

صندوق ميزة بأيقونة وعنوان ونص، بعدة أشكال.

قائمة أيقونات

قائمة لكل سطر فيها أيقونته، كعلامات الصح أو الأسهم.

بطاقة تنقلب

بطاقة تنقلب لتُظهر ظهرها عند التمرير أو التركيز أو اللمس.

بطاقة عند التمرير

بطاقة صورة تكشف نصًّا أكثر حين يمرّ المؤشر عليها.

بطاقة مائلة

بطاقة تميل ثلاثية الأبعاد لتتبع المؤشر.

بطاقات متراكمة

بطاقات تتراكم فوق بعضها كلما مرّر الزائر.

دائرة تفاعلية

عناصر حول دائرة، يفتح كل منها شرحه.

شخص

عضو فريق أو كاتب مع صورة ودور ونبذة قصيرة وروابط.

رأي عميل

اقتباس واحد لعميل مع اسم ودور وصورة وتقييم.

محتوى يُفتح ويتبدّل ويحكي قصة

ضع الكثير في الصفحة دون جدار من النصوص.

أكورديون

أسئلة وأجوبة تُفتح واحدًا تلو الآخر، مع بيانات محركات البحث.

تبويبات

محتوى في تبويبات تصير قائمة مرتبة على الهواتف.

مبدّل محتوى

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

خط زمني

خطوات أو تاريخ على امتداد خط، في قائمة مرتبة حقيقية.

تبويبات زمنية

سنوات أو مراحل كتبويبات، لكل منها صورة ونص.

تنبيه

رسالة ملونة للمعلومة أو النجاح أو التحذير أو المشكلة.

الأرقام والجداول والأسعار

حقائق سهلة القراءة وسهلة الوثوق.

عدّاد

رقم يعدّ تصاعديًّا حين يظهر.

أشرطة نسب

أشرطة معنونة تمتلئ حتى نسبة مئوية.

مخطط

مخططات أعمدة وخطوط ومساحات ودائرية وحلقية ترسمها من أرقام تكتبها.

جدول

جدول نظيف يتمرّر أو يتراص على الشاشات الصغيرة.

جدول بيانات

جدول يبحث فيه الزائر ويرتّبه ويتنقل بين صفحاته.

قائمة أسعار

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

جدول أسعار

خطة بسعر وقائمة مزايا وزر، مع مفتاح شهري وسنوي.

ساعات العمل

ساعات الدوام مع إبراز اليوم، وبيانات محركات البحث.

تقييم بالنجوم

نجوم تمتلئ حتى التقييم، بما فيها جزء من نجمة.

النماذج والخرائط والآراء

استمع إلى الزوار وأرِهم أين أنت.

نموذج اتصال

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

خريطة

خريطة بمكان أو عدة أماكن، لا تُحمَّل إلا عند الحاجة.

تقييمات Google

تقييمات Google الخاصة بك مع المتوسط، مرشّحة بحد أدنى من النجوم.

المقالات وأجزاء الصفحة

قوائم وأجزاء تمتلئ من محتواك وحدها.

المقالات

شبكة أو قائمة بالمقالات أو الصفحات أو أي نوع محتوى، مرشّحة ومرتّبة كما تشاء.

شبكة التصنيفات

شبكة بتصنيفاتك أو مجموعات أخرى، مع أعدادها.

عنوان الصفحة

عنوان الصفحة المعروضة، للقوالب.

محتوى الصفحة

محتوى الصفحة المعروضة، للقوالب.

صورة الصفحة

الصورة البارزة للصفحة المعروضة، للقوالب.

تفاصيل الصفحة

تاريخ الصفحة المعروضة وكاتبها وتصنيفاتها، للقوالب.

المتجر

للمتاجر التي تستعمل WooCommerce.

أضف إلى السلة

زر إضافة منتج إلى السلة، مع السعر والكمية.

السلة

أيقونة سلة بعدد العناصر والمجموع تفتح السلة.

جرّبها على تصميم حقيقي

كل تصميم مصنوع من هذه العناصر، فافتح واحدًا وانظر كيف رُكّب.