How is this different from Elementor's own Position setting?

Elementor’s Position setting on widgets and containers offers Default, Absolute and Fixed, with one horizontal and one vertical offset. The Master Addons extension adds Relative and Static, lets you set all four sides, adds a From Center offset, lets the position type change per device, and also works on classic sections and columns. It does not include Fixed, so use Elementor’s setting for elements that should stay on screen while scrolling.

When I use Absolute positioning, what is it positioned "relative" to?

An absolutely positioned element is placed inside the nearest parent whose position is not static. If no parent has a position set, the offsets are measured from a parent further up the page, and the element can end up somewhere unexpected. To avoid that, select the container or column that holds the element and set its Position Type to Relative first.

Will this work properly on mobile and tablet?

Yes. Position Type, all four offsets, From Center and Z-Index each accept separate values for desktop, tablet and mobile. An element placed 100px from the left on desktop can fall off a phone screen, so switch to the tablet and mobile views and adjust the numbers there. You can also set Position Type to Static on mobile to put the element back into the normal layout.

Can I use this to make a unique-shaped section or break out of a container?

Yes. Set the container to Relative, place an image or shape inside it, set that element to Absolute, and give it a negative offset such as Left: -50px. The element hangs over the container’s edge, which is how most overlapping hero and card designs are built.

تحديد موضع العنصر الحر: الموضع النسبي والمطلق لأي عنصر

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

تحديد المواقع النسبية والمطلقة والثابتة

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

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

الإزاحات من كل جانب، بالإضافة إلى من المركز

اضبط الأعلى واليمين والأسفل واليسار في px أو em أو %، بما في ذلك القيم السالبة التي تدفع عنصرًا إلى ما بعد حافة الأصل. ضع شارة “NEW” بحجم 10 بكسل من الأعلى و15 بكسل من يمين بطاقة المنتج. يقوم خيار From Center بإزاحة عنصر من المركز الأفقي لأصله، مما يساعد في تأثيرات التداخل المركزية.

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

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

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

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

كيفية تداخل العناصر في العنصر مع تحديد المواقع

يضع هذا المثال شارة “Sale” في الزاوية اليمنى العليا من صورة المنتج. نفس الخطوات تعمل مع الأشكال والأيقونات والملصقات.

تأكد من تشغيل ملحق تحديد المواقع في لوحة تحكم Master Addons.
ضع الصورة وأداة الشارة في نفس الحاوية.
حدد الحاوية، وانتقل إلى Advanced > تحديد الموضع وقم بتعيين نوع الموضع على Relative.
حدد الشارة، وقم بتعيين نوع الموضع على المطلق، ثم اضبط الأعلى واليمين على 10px.
اضبط مؤشر Z الخاص بالشارة على 2 بحيث يبقى فوق الصورة.
قم بالتبديل إلى عرض الأجهزة اللوحية والمحمولة واضبط الإزاحات لكل شاشة.

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

الأسئلة المتداولة لتحديد المواقع

تعرف على الاستعلامات الأكثر طلبًا لدى المستخدمين حول تحديد المواقع وابحث عن الإجابات في مكان واحد.

كيف يختلف هذا عن إعداد موضع Elementor؟

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

عندما أستخدم الوضع المطلق، ما هو وضعه "بالنسبة" إلى؟

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

هل سيعمل هذا بشكل صحيح على الهاتف المحمول والكمبيوتر اللوحي؟

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

هل يمكنني استخدام هذا لإنشاء قسم فريد الشكل أو الخروج من الحاوية؟

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

عناصر واجهة المستخدم والملحقات الشائعة

إنشاء مواقع متطورة في وقت أقل.

منشئ الموضوع

منشئ النوافذ المنبثقة

منشئ القطعة

منشئ القائمة الضخمة

Css مخصص

العلامات الديناميكية

شروط العرض

مكتبة الأيقونات

الرسوم المتحركة

مجموعات القالب

أقسام جاهزة

النوافذ المنبثقة جاهزة

قوالب صفحة العنصر

رأس جاهز

تذييل جاهز

إدارة WP

محرر شريط الإدارة

تسجيل الدخول

جناح رولماستر

الكتل الرئيسية

أضواء WP

تحديد موضع العنصر الحر: الموضع النسبي والمطلق لأي عنصر

تحديد المواقع النسبية والمطلقة والثابتة

الإزاحات من كل جانب، بالإضافة إلى من المركز

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

كيفية تداخل العناصر في العنصر مع تحديد المواقع

الأسئلة المتداولة لتحديد المواقع

عناصر واجهة المستخدم والملحقات الشائعة

التشكل الزجاجي

إضافات الحاويات

أنماط

ناسخ البريد/الصفحة

شريط تقدم القراءة

انضم إلى 30،000+ من منشئي الويب الذين يثقون في الإضافات الرئيسية