مسرد Elementor من الألف إلى الياء

مسرد Elementor — 140 تعريفًا

جميع المصطلحات المعرفة في أقسام الدليل الـ28، مرتبة أبجديًا.
تلميح: Ctrl + F للبحث عن مصطلح في الصفحة.

إمكانية الوصول (Accessibility): جعل الموقع قابلاً للاستخدام من قِبل الجميع، بمن فيهم ذوو الإعاقة (ضعاف البصر، قارئ الشاشة، التنقل بلوحة المفاتيح). قضية أخلاقية، وغالبًا قانونية، ونافعة (بنية أفضل وأرشفة أفضل).
إمكانية وصول الودجات: مراعاة التنقل بلوحة المفاتيح والمحتوى المتاح؛ وعدم الإفراط (تكثير هذه الودجات يضرّ بالوضوح).
الأكورديون / التبديل (Toggle): أقسام قابلة للطيّ/الفتح (النقر على عنوان يفتح محتواه) — مثالي لأسئلة شائعة، تفاصيل تُعرض عند الطلب، توفير مساحة. يُخفي المحتوى المطويّ.
إجراءات ما بعد الإرسال: ما يحدث عند الإرسال: إرسال بريد (إشعار، إقرار)، إعادة توجيه، عرض رسالة، حفظ، والربط بخدمات (تكاملات). قابلة للتسلسل. النقطة الحاسمة (يجب أن يؤدّي النموذج إلى نتيجة).
المحاذاة (justify / align): موضع العناصر: على المحور الرئيسي (justify: بداية، وسط، نهاية، متباعدة) والمحور الثانوي (align: أعلى، وسط، أسفل، ممدودة). يتحكّم في التوسيط والتوزيع والمحاذاة العمودية.
المراسي (روابط المرساة): روابط تنقل إلى قسم محدّد في نفس الصفحة (تمرير إلى موضع في الصفحة). مفيدة في الصفحات الطويلة / أحادية الصفحة. تُوضع مرساة ويشير إليها رابط (#اسم).
حركات الدخول: عنصر يظهر بتأثير (تلاشٍ، انزلاق، تكبير…) عند دخوله الشاشة أثناء التمرير — يجذب الانتباه ويُضفي حيوية على الصفحة.
المعاينة المتجاوبة: التبديل بين عروض الحاسوب واللوح والجوّال (أيقونات أسفل اللوحة) لرؤية العرض وتكييفه على كل حجم شاشة.
الخلفية (background): خلفية الحاوية (تبويب Style): لون صريح، تدرّج (خطّي/شعاعي)، صورة (بموضع وتكرار وحجم وتثبيت ثابت/parallax)، فيديو، أو عرض شرائح (Pro). تُلبس الأقسام.
التثبيت (parallax): إعداد لصورة الخلفية: «ثابت» يُنشئ تأثير parallax (تبقى الصورة ثابتة بينما يتمرّر المحتوى فوقها). تأثير غامر.
السمات المخصّصة: إضافة سمات HTML (أزواج مفتاح/قيمة) إلى عنصر — لدمج السكربتات، وظائف الطرف الثالث، إمكانية الوصول (سمات ARIA)، أو الاستهداف.
مكتبة القوالب: مجموعة من الكُتَل (أقسام جاهزة: بانر، تسعير، شهادات…) وصفحات كاملة مُصمَّمة مسبقًا تُدرَج وتُخصَّص — للانطلاق من قاعدة احترافية بدل صفحة بيضاء.
كتلة مقابل صفحة مقابل كِت: كتلة = قسم جاهز للاستخدام. صفحة = صفحة كاملة مُصمَّمة مسبقًا. كِت = مجموعة متناسقة من القوالب (موقع كامل مُصمَّم مسبقًا، للتكييف).
بحكمة (عدم إخفاء الأساسيّ): التبويبات والأكورديونات والكاروسيلات تُخفي محتوى (يلزم النقر/الانتظار لرؤيته): لا تضع فيها المعلومة الأساسيّة التي يجب أن يراها المستخدم فورًا.
ممارسات إمكانية الوصول الجيّدة: نص ALT للصور، بنية العناوين، تباينات كافية، التنقل بلوحة المفاتيح، روابط/أزرار صريحة، عدم الاعتماد على اللون وحده، احترام «تقليل الحركات»، أحجام مقروءة.
ممارسات SEO الجيّدة (Elementor/WP): بنية عناوين صحيحة (H1 واحد، تدرّج)، محتوى جيّد + كلمات مفتاحية، صور بنص ALT ومُحسَّنة، روابط واضحة، وسوم TITLE/META (عبر إضافة SEO: Yoast، Rank Math)، أداء، جوّال.
الحلقة (loop): تكرار: عرض سلسلة من العناصر (أحدث المقالات، منتجات فئة…) بتكرار تخطيط واحد (بطاقة) لكل منها.
المتجر / الفئات (شبكات): الصفحات التي تسرد المنتجات (شبكات)، مُصمَّمة عبر Loop Builder أو ودجات المنتجات — بتصميم مخصّص.
زرّ / أيقونة: الزرّ: عنصر قابل للنقر (نص، رابط، أيقونة) لنداءات الفعل. الأيقونة / قائمة الأيقونات: عرض أيقونات (مكتبات مضمَّنة).
التخزين المؤقت والتحسين: إضافة تخزين مؤقت (تخزين الصفحات، تصغير CSS/JS، تحميل مؤجّل) تُسرّع الموقع بوضوح.
Canvas (المعاينة): منطقة العمل حيث ترى الصفحة وتبنيها مباشرةً (كما ستظهر): فيها تُسقِط العناصر وتختارها وتحرّكها.
التقاط جهات الاتصال: نموذج اشتراك يضيف المشترك تلقائيًا إلى قائمة؛ ونموذج اتصال يُنشئ عميلاً محتملاً في الـCRM — التقاط جهات الاتصال واستثمارها تلقائيًا.
الكاروسيل / عرض الشرائح: تمرير عناصر (صور، شهادات، بطاقات) في مساحة صغيرة. مفيد لكن يُستخدم بحذر (محتوى مخفيّ، تمرير، SEO/إمكانية الوصول).
الحقول المخصّصة (ACF): بيانات منظَّمة مخصّصة تُضاف إلى محتويات WordPress (مثلاً السعر والمساحة لعقار؛ المنصب والهاتف لعضو)، غالبًا عبر ACF (Advanced Custom Fields). يعرضها Elementor Pro ديناميكيًا.
أصناف CSS: إضافة أصناف إلى العناصر لاستهدافها في CSS وإعادة استخدام الأنماط.
الاتساق والصيانة المركزية: يشترك الموقع كله في نفس اللوحة/الخطوط (انسجام)؛ تغيير عنصر عامّ يُحدّث تلقائيًا كل العناصر التي تستخدمه (تعديل واحد للموقع كله).
الاتساق والإعدادات العامّة: تحديد الألوان والخطوط العامّة (Site Settings — المستوى 2-3) المطبَّقة على الموقع كله (انسجام)، بدل الضبط عنصرًا عنصرًا. تباعدات منتظمة.
التوافق والتحديثات: التأكّد من إصدارات محدَّثة (WordPress، PHP)، وقالب متوافق (يُنصح بـ Hello Elementor)؛ وإبقاء Elementor وWordPress محدَّثَين (أمان، ميزات).
مكمِّل، لا الوضع العادي: الـCSS/السمات مكمِّل للحالات المتقدّمة التي لا تتيحها الواجهة — لا طريقة العمل العادية (Elementor مصنوع للبناء دون برمجة؛ الخيارات تغطّي الأساسيّ).
الشروط والقواعد: أين تظهر النافذة المنبثقة (أي صفحات/أجزاء من الموقع) ولمن / وبأي تواتر (الزوّار، المصدر، عدم إعادة العرض كثيرًا).
شروط العرض: أين يُطبَّق قالب (ترويسة، تذييل…): الموقع كله، أو صفحات/أنواع محتوى بعينها. يتيح مثلاً ترويسة مختلفة للصفحة الرئيسية.
شروط العرض (المحتوى): أين يُطبَّق كل قالب: قالب Single على كل المقالات أو على فئة محدّدة؛ قالب الأرشيف على صفحة المدونة أو على فئة…
الحاوية (Container): «صندوق» يُنظّم الصفحة ويحتوي العناصر الأخرى (ودجات أو حاويات متداخلة). هيكل التخطيط؛ يدير ترتيب محتواه (عبر Flexbox).
الحاويات (Flexbox) مقابل الأقسام/الأعمدة: حاويات Flexbox (حديثة، مرنة، عالية الأداء) تحلّ محلّ نظام الأقسام/الأعمدة القديم. النظام الحالي المُوصى به (لكن مواقع قديمة ما زالت تستخدم الأقسام/الأعمدة).
الحاويات المتداخلة: حاوية داخل حاوية (لتخطيطات معقّدة). مفيدة، لكن دون إفراط.
المحتوى الديناميكي (Dynamic Content, Pro): عرض بيانات تتغيّر حسب السياق (عنوان/صورة المقال الحالي، حقل مخصّص، بيان الموقع) بربط ودجة بمصدر بيانات — بدل قيمة ثابتة (ساكنة).
المحتوى الديناميكي (القوالب): يعرض القالب تلقائيًا بيانات كل مقال (عنوانه، صورته، محتواه…) — قالب واحد يخدم كل المحتويات (المستوى 4).
تحكّم كامل مقابل ودجة Posts: على عكس ودجة Posts (تخطيط مُعرَّف مسبقًا)، يمنح Loop Builder تحكّمًا كاملاً في تصميم كل بطاقة (تصميم حرّ).
الألوان: لون النص والخلفية والحدود والأيقونات (تبويب Style). استخدام متّسق (لوحة محدودة، تباينات كافية) لتصميم منسجم ومقروء.
الألوان العامّة: لوحة مُعرَّفة على مستوى الموقع (رئيسي، ثانوي، نص، تمييز…)، مطبَّقة على العناصر. تغيير لون عامّ يُحدّث الموقع كله دفعةً واحدة.
CSS مخصّص (Pro): إضافة كود CSS (تبويب Advanced → CSS مخصّص) على عنصر أو صفحة أو الموقع كله، لتخصيصات لا تغطّيها الخيارات المرئية (تحكّم أقصى). يتطلّب معرفة بالـCSS.
المُطلِقات (triggers): متى تظهر النافذة المنبثقة: عند التحميل (بعد X ثانية)، عند التمرير (X% من الصفحة)، عند نيّة الخروج (exit intent)، عند النقر على عنصر، بعد الخمول…
التمرير السلس (smooth scroll): تمرير متحرّك وناعم نحو مرساة (بدل قفزة مفاجئة) — يحسّن التجربة في الصفحات الطويلة.
حدّد مبكّرًا وطبّق في كل مكان: حدّد لوحتك وأنماطك منذ البداية، ثم طبّق تلك العناصر العامّة على العناصر (بدل قيم ثابتة)؛ والإعدادات المحلّية استثناء.
عرض الشرائح (Slides): عرض شرائح غنيّ (صورة خلفية، نص، أزرار لكل شريحة) لبانرات متحرّكة — يُستخدم باعتدال (محتوى مخفيّ، كالكاروسيلات).
الاتجاه (صفّ/عمود): تصطفّ العناصر في صفّ (أفقيًا، جنبًا إلى جنب — للأعمدة) أو في عمود (عموديًا، متراكمة). الخيار الأساسيّ للترتيب.
اتجاه Flexbox حسب الجهاز: تغيير الترتيب حسب الشاشة: صفّ على الحاسوب (أعمدة متجاورة) يصبح عمودًا على الجوّال (تراكم) — شائع جدًا.
محرّر النص / الصورة: محرّر النص: فقرات غنيّة (عريض، قوائم، روابط). الصورة: من مكتبة الوسائط، بحجم ومحاذاة ورابط ونص بديل (alt — إمكانية الوصول/SEO).
التأثيرات: الظلال (box-shadow)، الحدود، الاستدارة (border-radius)، المرشّحات (ضبابية، سطوع)، تأثيرات التمرير فوقها (hover) — تضيف عمقًا وتفاعلية. تُستخدم باعتدال.
تأثيرات التمرير (Pro): عناصر تتحرّك أثناء التمرير (parallax، إزاحة، دوران، شفافية، مقياس حسب الموضع) — تأثيرات غامرة وعصرية.
تأثيرات التمرير فوقها (hover): تغيّر عند مرور الفأرة (لون، ارتفاع، تكبير، ظهور) — للتفاعلية (أزرار، بطاقات، صور).
عنصر الحلقة (قالب العنصر): قالب بطاقة واحدة (صورة، عنوان، مقتطف، سعر، زرّ…)، مُصمَّم بحرّية بمحتوى ديناميكي (بيانات كل عنصر). يُكرَّر لكل محتوى.
Elementor: أشهر مُنشئ صفحات (page builder) لـ WordPress: إضافة تتيح إنشاء المواقع وتخطيطها بصريًا، بالسحب والإفلات، دون كود (تحرير مباشر/WYSIWYG).
Elementor Free: النسخة المجانية: محرّر بصريّ، حاويات Flexbox، ودجات أساسية (~30: عنوان، نص، صورة، زرّ…)، تجاوب، ألوان/خطوط عامّة. تكفي لبناء صفحات بسيطة.
Elementor Pro: النسخة المدفوعة (اشتراك): Theme Builder (ترويسات/تذييلات/قوالب)، ودجات Pro (نماذج، مقالات، عروض شرائح…)، نوافذ منبثقة، محتوى ديناميكي، Loop Builder، WooCommerce Builder. مُنشئ موقع كامل.
العناصر العامّة (Pro): ودجات/عناصر عامّة (Pro): عنصر مُعاد استخدامه يُحدَّث في كل مكان عند تعديله مرّة واحدة (مثل «رمز»).
الترويسة (header): الجزء العلويّ الحاضر في الموقع كله (الشعار، قائمة التنقل، أزرار). مع Theme Builder (Pro) تُصمَّم في Elementor؛ وفي Free تأتي من القالب.
ترويسة لاصقة (sticky) ومتجاوبة: قد تكون الترويسة لاصقة (تبقى أعلى عند التمرير)، شفّافة، ومتجاوبة (قائمة هامبرغر على الجوّال عبر ودجة قائمة التنقل Pro).
التباعد (gap) والالتفاف (wrap): Gap: المسافة بين العناصر. Wrap: هل تنتقل العناصر إلى سطر جديد إن لم تتّسع؟
التباعدات (هوامش / حشوات): الهوامش (مسافة خارجية حول عنصر) والحشوات (مسافة داخلية لحاوية)، تُضبط في تبويب Advanced. تُهوّي الصفحة وتُنظّمها — حاسمة لمظهر احترافيّ.
Flexbox: النظام (CSS الحديث) الذي يدير ترتيب العناصر داخل حاوية، عبر إعدادات قليلة: الاتجاه، المحاذاة، التباعد، الالتفاف. قلب التخطيط في Elementor.
التدفّق الأساسيّ: سحب ودجة من اللوحة إلى الـCanvas → اختيارها → ضبطها عبر اللوحة، مع رؤية النتيجة مباشرةً (تحرير WYSIWYG).
نموذج متقدّم (Pro): أبعد من الاتصال البسيط: حقول متنوّعة (بما فيها الرفع والتاريخ)، تحقّق، منطق شرطيّ (إظهار/إخفاء حسب الإجابات)، خطوات متعدّدة، وقبل كل شيء إجراءات ما بعد الإرسال.
Free + Pro معًا: يُثبَّت Elementor Pro فوق Elementor Free (يلزم الاثنان: Free = الأساس، Pro = الوظائف المتقدّمة).
الاستضافة والقالب الخفيف: استضافة جيّدة (موارد، PHP حديث) هي الأساس؛ وقالب خفيف (Hello Elementor) وإضافات قليلة تُقلّل الوزن (كل إضافة تزيده).
التداخل: يمكن تداخل الحاويات (حاوية داخل حاوية) لإنشاء تخطيطات معقّدة. الصفحة تسلسل هرميّ من الحاويات التي تحتوي ودجات.
تداخل الحاويات: حاوية «صفّ» تحتوي حاويات «عمود» (كلٌّ ينظّم محتواه) — لإنشاء تخطيطات معقّدة.
تثبيت Elementor Free: من لوحة تحكّم WordPress: الإضافات → أضف إضافة → ابحث عن «Elementor» → ثبّت → فعّل. بضع نقرات من المستودع المجاني.
تثبيت Elementor Pro: Pro ليس في المستودع المجاني: اشترِ الاشتراك، نزّل ملف .zip من حسابك، ثبّته بالرفع (الإضافات → أضف → رفع)، فعّله، واربط الترخيص.
التكامل مقابل إضافات الطرف الثالث: ودجات Pro (نماذج، سلايدرات، مقالات…) تُدمج بتناسق وظائف كانت ستتطلّب دون Pro إضافات طرف ثالث — إضافات أقلّ تراكمًا، وتناسق أكبر.
تكاملات التسويق / CRM: ربط النموذج بأدوات خارجية: خدمات بريد/نشرة (إضافة البريد إلى قائمة)، CRM (إنشاء جهة اتصال)، أدوات تسويق، WEBHOOKS. يربط الموقع باستراتيجية التسويق.
كِتات Elementor: تصدير/استيراد تهيئة كاملة (أنماط، قوالب، إعدادات) — لبدء مشروع، أو استنساخ قاعدة، أو الاستفادة من مشروع إلى آخر.
التبويبات الثلاثة: التنظيم المنهجيّ للوحة إعدادات كل عنصر تقريبًا: المحتوى (الماذا)، Style (المظهر)، Advanced (الدقيق/التقنيّ). دليل استعمال Elementor الشامل.
رابط التصميم ↔ البيانات: المحتوى الديناميكي يربط التصميم (قالب Elementor) بالبيانات (محتوى WordPress): قالب واحد يعرض تلقائيًا بيانات كل محتوى.
الروابط: قد تشير الأزرار والودجات إلى صفحات، روابط URL، مراسٍ (#)، بريد، ملفّات… يجب التحقّق منها (لا روابط مكسورة؛ روابط صحيحة على نداءات الفعل).
المقروئية والتباينات: التفكير في المقروئية (خطوط مقروءة، تباعد أسطر مريح) وتباينات كافية (نص على خلفية) — مهمّ لإمكانية الوصول.
مقروئية النص فوق صورة: مشكلة متكرّرة: النص فوق صورة خلفية غالبًا غير مقروء. الحلّ = طبقة فوقية (overlay) داكنة/مُلوّنة بين الصورة والنص.
التسليم للعميل: تسليم موقع نظيف ومُختبَر (تجاوب، أداء، روابط، نماذج، SEO)، وتدريب/توثيق العميل (تحديث محتواه)، وتوقّع الصيانة (عقد صيانة).
منطق منهجيّ: التبويبات الثلاثة تصلح لكل العناصر تقريبًا: تعرف دائمًا أين تجد إعدادًا (المحتوى → Content، المظهر → Style، التباعدات/التجاوب/التأثيرات → Advanced). يصبح Elementor متوقَّعًا.
Loop Builder (Pro): أداة لعرض قوائم/شبكات من المحتوى (مقالات، منتجات، بطاقات) بتصميم مخصّص بالكامل: تُصمِّم بطاقة-قالب وتُكرِّرها لكل محتوى.
Loop Grid (الشبكة): الودجة التي تعرض الشبكة/القائمة بتكرار بطاقتك المخصّصة لكل محتوى من المصدر (مقالات، منتجات…)، مع ترقيم ومرشّحات ممكنة.
الصيانة: صيانة الموقع على المدى الطويل: التحديثات (WordPress، Elementor، الإضافات، القالب)، النسخ الاحتياطية المنتظمة، الأمان، المراقبة، الإصلاحات. الموقع المُسلَّم ليس «منتهيًا».
القوائم: التنقل الرئيسيّ للموقع (قائمة الترويسة)، يُدار في WordPress (المظهر → القوائم). الترويسة قابلة للتخصيص بـ Elementor Pro (Theme Builder)؛ وفي Free تأتي من القالب.
قالب الأرشيف: تخطيط الصفحات التي تسرد المقالات (المدونة، الفئات، الوسوم، البحث): شبكة/قائمة بطاقات المقالات (عنوان، مقتطف، صورة، رابط). مُصمَّم في Elementor (Pro).
قالب Single (مقال/محتوى مفرد): التخطيط المُصمَّم في Elementor (Pro) لعرض مقال واحد (عنوان، صورة بارزة، تاريخ، كاتب، محتوى، فئات، تعليقات…)، مطبَّق على كل المقالات عبر المحتوى الديناميكي.
الاعتدال («الأقلّ هو الأكثر»): المبدأ الموجِّه: الحركات تُحسِّن باعتدال؛ وفي الإفراط تُشتِّت وتُتعِب وتُبطِّئ وتبدو هاوية. تأثيرات خفيفة، متناسقة، بهدف.
التحرير بـ Elementor: الزرّ (من صفحة/مقال WordPress) الذي يفتح محرّر Elementor البصريّ، بديلاً عن محرّر WordPress الكلاسيكيّ.
التنقل على الجوّال: يجب أن تلائم القائمة الجوّال (غالبًا قائمة «هامبرغر» منسدلة)، يديرها القالب أو ودجة قائمة متجاوبة (Pro).
عدم الإفراط (قابلية الصيانة): الإفراط في CSS مخصّص متناثر يجعل الموقع صعب الصيانة (تضيع ميزة البصريّ)؛ فضِّل خيارات Elementor حين تكفي، ونظّم/وثّق الـCSS، وافحص التجاوب والتعارضات.
عدم الاقتحام: القاعدة الذهبية: تجنّب نافذة منبثقة فور الوصول، اجعل إغلاقها سهلاً (علامة × ظاهرة)، حُدّ التواتر، قدّم قيمة — وإلا أزعجت ونفّرت.
مستوى العنوان (H1-H6): اختيار المستوى الدلاليّ الصحيح (H1 للعنوان الرئيسيّ، واحد لكل صفحة؛ H2/H3 للعناوين الفرعية) — لأجل SEO وإمكانية الوصول، لا لأجل الحجم فقط (يُضبط على حدة).
تبويب Advanced: الإعدادات الدقيقة والتقنية: الهوامش والحشوات، تحديد الموضع، تأثيرات الحركة، الظهور المتجاوب، السمات/CSS المخصّصة (Pro)، الحركات. الضبط الدقيق.
تبويب Content: المحتوى والخيارات الوظيفية للعنصر (نص ومستوى عنوان، صورة ورابط، شرائح كاروسيل…). الـ«ماذا».
تبويب Style: مظهر العنصر: الألوان، الطباعة، الخلفية، الحدود، الظلال، التباعدات الداخلية… الـ«كيف يظهر» (التصميم).
التبويبات (Tabs): تنظيم المحتوى في تبويبات قابلة للنقر (التبديل بين عدّة ألواح) — لعرض معلومات مصنّفة دون إثقال. يُخفي المحتوى غير النشط.
تحسينات Elementor: حاويات Flexbox (كود أخفّ من الأقسام/الأعمدة)، خيارات أداء Elementor للتفعيل، تجنّب فرط التعقيد (تراكم الحاويات، ودجات/تأثيرات ثقيلة)، تقليل الخطوط/السكربتات.
تحسين الصور (الرافعة رقم 1): الصور غالبًا السبب الأول للبطء: ضغطها، تحجيمها لحجم العرض، استخدام صيغة WebP والتحميل المؤجّل (lazy loading). الرافعة الأكثر جدوى.
أدوات المحرّر: مكتبة القوالب، التنقل بالبنية (Navigator)، المعاينة المتجاوبة (حاسوب/لوح/جوّال)، نشر/تحديث، السجلّ (تراجع/إعادة)، إعدادات الصفحة والموقع (Site Settings).
Page builder: أداة بناء بصريّ لصفحات الويب (إسقاط عناصر، تنسيقها عبر لوحات) دون كتابة HTML/CSS — في مقابل البرمجة أو تخطيطات القالب المحدودة.
صفحة المنتج (single product): قالب صفحة منتج واحد (صور، عنوان، سعر، وصف، زرّ إضافة للسلّة، مراجعات، منتجات مرتبطة)، مطبَّق على كل المنتجات عبر المحتوى الديناميكي. حيث يُحسَم التحويل.
اللوحة (Panel): اللوح (على اليسار) الذي يعرض إمّا مكتبة الودجات (للسحب إلى الـCanvas)، أو إعدادات العنصر المختار (محتوى، نمط، متقدّم).
فوق WordPress: يعمل Elementor مع WordPress (لا يحلّ محلّه): WordPress يدير المحتوى والإدارة، وElementor التصميم البصريّ للصفحات.
رحلة الشراء: من المتجر إلى المنتج إلى السلّة إلى الدفع (checkout): يجب أن تكون سلسة وواضحة ومطمئِنة (ثقة، معلومات، أمان). التجاوب والأداء حاسمان (يؤثّران في المبيعات).
الأداء (السرعة): سرعة تحميل الموقع — قضية كبرى: الموقع البطيء يُنفّر الزوّار، ويضرّ بالـSEO (تفضّل المحرّكات المواقع السريعة)، ويعطي صورة سيّئة.
أداء الحركات وإمكانية الوصول إليها: كثرة الحركات (خاصةً التمرير/الفأرة) تُبطّئ، لا سيّما على الجوّال (قلّل/اختبر). إمكانية الوصول: احترم تفضيل «تقليل الحركات»، وتجنّب الحركات العنيفة.
تخصيص القوالب: تكييف قالب مُدرَج مع هويتك (ألوان/خطوط عامّة، محتوى حقيقيّ) لتفادي موقع «عامّ»؛ والتحقّق من جودته/أدائه (بعض القوالب ثقيلة).
التذييل (footer): الجزء السفليّ الحاضر في الموقع كله (معلومات، قوائم ثانوية، إشعارات). مُصمَّم في Elementor بـ Theme Builder (Pro).
الخطوط / أنماط النص العامّة: طباعات نمطية مُعرَّفة عالميًا (عنوان رئيسيّ، عناوين فرعية، متن…)، مُعاد استخدامها في كل مكان — اتساق وصيانة مركزية.
النافذة المنبثقة (Popup Builder, Pro): نافذة تظهر فوق الصفحة، مُصمَّمة بصريًا (Popup Builder في Elementor Pro). استخداماتها: التقاط بريد، عروض، رسائل، نماذج، كوكيز…
المتطلّبات المسبقة: WordPress عامل (استضافة + WordPress مثبَّت). Elementor إضافة تُضاف إلى WordPress، لا تُثبَّت وحدها.
الحذر على الجوّال (الفواصل الاعتراضية): انتبه للنوافذ المنبثقة على الجوّال (مُزعجة، وقد تُعاقَب من المحرّكات إن أعاقت الوصول إلى المحتوى — «فواصل اقتحامية»). واحترم أيضًا اللائحة العامة لحماية البيانات (GDPR) (التقاط البريد).
إعدادات الموقع (Site Settings): الإعدادات العامّة المطبَّقة على الموقع كله (قائمة هامبرغر في المحرّر): ألوان عامّة، خطوط/أنماط نص عامّة، هوية (شعار، favicon)، أزرار، تخطيط افتراضيّ…
إعدادات حسب الجهاز: معظم الإعدادات (أحجام، تباعدات، ترتيب) يمكن تحديدها بشكل مختلف حسب الجهاز، دون التأثير في العروض الأخرى — مؤشّر يُشير إلى إعداد خاصّ.
التجاوب (التصميم المتكيّف): موقع جميل وقابل للاستخدام على كل الشاشات (حاسوب، لوح، جوّال). لا غنى عنه (الجوّال يمثّل حصّة كبيرة من الزيارات).
التجاوب والبنية: بنية نظيفة ومنطقية تُسهّل التكيّف مع الشاشات (Flexbox: اتجاه حسب الجهاز، صفّ → عمود). فكّر في التجاوب منذ البنية، واختبر على العروض الثلاثة.
اللائحة العامة لحماية البيانات (GDPR) / الموافقة: التقاط البريد والإضافة إلى القوائم يتطلّبان الموافقة (opt-in، إعلام بالاستخدام) — التزام قانونيّ (يتفاوت بحسب البلد)، يجب احترامه حتمًا.
النسخ الاحتياطية: النسخ بانتظام وقبل أي تدخّل (تحديث، تعديل) — لإمكانية الاستعادة عند حدوث مشكلة. ممارسة أمان أساسية.
SEO (التحسين لمحرّكات البحث): تحسين الموقع ليحتلّ مرتبة جيّدة في محرّكات البحث (الظهور). يرتكز على محتوى جيّد، بنية عناوين، صور (alt)، وسوم (title/meta)، أداء، جوّال.
SEO ↔ إمكانية الوصول: الاثنان يلتقيان: بنية واضحة (عناوين)، نص alt، محتوى جيّد، وأداء جيّد تخدم الأرشفة وإمكانية الوصول معًا.
قوالبك الخاصّة: حفظ أي قسم/صفحة أنشأتَها كقالب قابل لإعادة الاستخدام، لإدراجه في مكان آخر (صفحات أخرى، مشاريع أخرى) — اتساق وتوفير وقت.
البساطة: أبسط بنية تعطي النتيجة المرجوّة (دون تراكم لا لزوم له). قبل التداخل، اسأل نفسك إن كان ضروريًا. Flexbox يُغني غالبًا عن التداخل.
مواقع منظَّمة / data-driven: مقرونًا بالقوالب وأنواع المحتوى المخصّصة، يتيح الديناميكيّ + الحقول المخصّصة مواقع غنيّة ومنظَّمة (أدلّة، كتالوجات، بطاقات، بورتفوليو).
ساكن مقابل ديناميكيّ: ساكن: قيمة ثابتة مُدخَلة (نص، صورة محدّدان). ديناميكيّ: قيمة مرتبطة بمصدر يتغيّر حسب المحتوى المعروض (عنوان كل مقال…).
بنية نظيفة: حاويات مدروسة جيّدًا، أبسط ما يمكن — مفتاح موقع متجاوب وعالي الأداء وقابل للصيانة.
البنية مقابل المحتوى: الحاويات تُنظّم وتُركّب (الصناديق)؛ والودجات تعرض المحتوى (داخل الصناديق). تُنشئ حاويات وتُسقِط فيها ودجات.
الطبقة الفوقية (overlay): طبقة (لون شبه شفّاف أو تدرّج) تُوضع فوق خلفية (خاصةً صورة): تُستخدم لإعتام/تلوين الصورة ليبقى النص فوقها مقروءًا.
فرط التداخل (يُتجنَّب): تراكم حاويات لا لزوم لها («صناديق داخل صناديق» بلا سبب): يُثقل الكود (الأداء)، ويُعقّد الصيانة والتجاوب. استخدم ما يلزم فقط من الحاويات.
Theme Builder (Pro): الميزة الأبرز في Elementor Pro: تصميم أجزاء القالب بصريًا (ترويسة، تذييل، قوالب المقالات/الأرشيف) في Elementor — ما لا يتيحه Free. يحوّل Elementor إلى مُنشئ موقع كامل.
الطباعة: الخط (العائلة)، الحجم، الوزن، تباعد الأسطر، تباعد الحروف، الحالة، المحاذاة (تبويب Style). الطباعة الجيّدة (خطوط مقروءة، تدرّج أحجام، تباعد أسطر مريح) أساسية للمقروئية.
قالب واحد لكل المحتوى: تُصمِّم قالبًا واحدًا يُطبَّق تلقائيًا على كل المحتوى المطابق: تعديل القالب يُحدّث كل المقالات/القوائم دفعةً واحدة — تصميم محكوم ومتّسق.
الظهور المتجاوب: إخفاء/إظهار عنصر حسب الجهاز (تبويب Advanced): مثلاً إخفاء عنصر مُزعج على الجوّال.
الودجة (Widget): عنصر محتوى ملموس يُوضع داخل حاوية: عنوان، نص، صورة، زرّ، أيقونة، فيديو، نموذج… كل ودجة تعرض نوعًا من المحتوى وتُضبط.
ودجة المقالات/Posts (Pro): عرض قائمة أو شبكة من المقالات (أحدث المقالات، من فئة…) بتصميم مخصّص — لمدونة، قسم أخبار، مقالات مرتبطة.
ودجة النموذج (Pro): إنشاء نماذج بصريًا (حقول، تحقّق، تأكيد) وتحديد إجراءات ما بعد الإرسال (إرسال بريد، حفظ، إعادة توجيه، تكاملات تسويقية). في Free تمرّ عبر إضافة طرف ثالث.
ودجة العنوان (Heading): تعرض عنوانًا بمستواه الدلاليّ (H1 إلى H6 — مهمّ للبنية وSEO وإمكانية الوصول)، وحجمه ونمطه.
الودجات الأساسية: عناصر المحتوى الشائعة، حاضرة منذ Free: عنوان، محرّر نص، صورة، زرّ، أيقونة، قائمة أيقونات، فاصل، مباعِد، فيديو، معرض… تغطّي أساسيّ الصفحة.
ودجات Pro: ودجات عديدة يضيفها Elementor Pro: نموذج، مقالات/Posts، عرض شرائح، شهادات، تسعير، عدّ تنازليّ، مشاركة اجتماعية، تنقل، معرض Pro… تُوسِّع الإمكانات كثيرًا دون برمجة.
WooCommerce: إضافة التجارة الإلكترونية المرجعية لـ WordPress (مجانية): محرّك المتجر (إدارة المنتجات، السلّة، الطلبات، المدفوعات، الضرائب…). متطلّب لـ WooCommerce Builder.
WooCommerce Builder (Pro): ميزة في Elementor Pro لتصميم صفحات متجر WooCommerce بصريًا (صفحة منتج، متجر، فئات…) — بدل القوالب الافتراضية. يتطلّب تثبيت WooCommerce.
سير العمل الاحترافيّ: الممارسات التي تفصل بين الترقيع وتسليم عمل احترافيّ: إعادة الاستخدام (كِتات، قوالب، عناصر عامّة)، المنهج (البنية/الهوية أولاً، الاختبارات)، الجودة، الصيانة، تسليم مُتقَن.