أداة جدول العنصر المجانية
لا يحتوي Elementor على عنصر واجهة مستخدم جدول خاص به، في الإصدار المجاني أو الإصدار الاحترافي. Dynamic Table عبارة عن عنصر واجهة مستخدم Master Addons مجاني يملأ هذه الفجوة: يمكنك إضافة خلايا الرأس وخلايا الجسم في لوحة Elementor، ويقوم بإنشاء جدول HTML حقيقي يمكنك تصميمه بدون تعليمات برمجية. يمكن للخلايا الاحتفاظ بالنص أو الرمز أو الصورة والدمج عبر الأعمدة أو الصفوف وسحب القيم من العلامات الديناميكية. غالبًا ما يتم استخدامه للجداول الزمنية وأوراق المواصفات وقوائم الأسعار والأدلة.
بناء الصفوف والأعمدة في اللوحة
الجدول يأتي من مكررين. خلية رأس الجدول يحمل عنصرًا واحدًا في كل عمود، و خلية جسم الطاولة يحمل كل خلية في ترتيب القراءة، مع صف جديد؟ التبديل الذي يبدأ الصف التالي. يمكنك سحب العناصر لإعادة ترتيبها، أو تكرار خلية، أو إخفاء صف الرأس باستخدام رأس الطاولة يُحوّل.
- الخلايا المدمجة: امتداد العمود على خلايا الرأس والجسم، وامتداد الصف على خلايا الجسم.
- عرض العمود: قم بتشغيل العرض المخصص في علامة التبويب خيارات الخلية لتعيين عرضها.
- خيارات النص لكل خلية: المحاذاة (يسار، وسط، يمين أو تبرير) والزخرفة (تسطير، تسطير أو خط من خلال).
تصميم الرأس والجسم
نمط رأس الجدول يضبط خلفية الرأس (البحرية الداكنة افتراضيًا)، ولون النص، وحجم الأيقونة ولونها، والمحاذاة، والطباعة، وحشو الخلية الداخلية. جسم الطاولة لديه نفس عناصر التحكم لخلايا البيانات، بالإضافة إلى الحشو حول الرموز.
- رأس: الخلفية وألوان النص والأيقونات وحجم الأيقونات والمحاذاة والطباعة وحشو الخلايا.
- جسم: الخلفية وألوان النص والأيقونات وحجم الأيقونة والحشو والمحاذاة والطباعة وحشو الخلية.
- المحاذاة لكل جهاز: يمكن أن تتغير محاذاة الرأس والجسم على الجهاز اللوحي والهاتف المحمول.
النص والأيقونات والصور والعلامات الديناميكية في الخلايا
تحتوي كل رأس وخلية جسم على يكتب الخيار: لا شيء، أيقونة أو صورة. تأتي الأيقونات من مكتبة أيقونات Elementor، وتحصل الصور على حجم الصورة بالبكسل. تقبل حقول النص العلامات الديناميكية، بما في ذلك العلامات المجانية العلامات الديناميكية الامتداد، بحيث يمكن للخلية إظهار عنوان منشور أو حقل مخصص أو تفاصيل المؤلف. كل علامة تملأ خلية واحدة. لا تتكرر الأداة عبر المنشورات لإنشاء صفوف لك.
- الرموز كعلامات اختيار: استخدم رمز العلامة أو التقاطع في مقارنات الخطة أو الميزات.
- صور صغيرة: أضف صورة أو شعارًا بجوار الاسم بحجم بكسل.
- العلامات الديناميكية: اسحب القيم الفردية مثل عنوان المنشور أو الحقل المخصص.
النمط العالمي: الخطوط والحدود والزوايا
النمط العالمي ينطبق على الجدول بأكمله. طاولة مخططة؟ يتم تشغيله افتراضيًا بلون شريطي رمادي فاتح (#eee) يمكنك تغييره. يمكنك أيضًا تعيين لون خلفية الجدول، وحشوة الخلية الداخلية، وحدود من النوع والعرض واللون، ونصف قطر الحدود للزوايا المستديرة.
- صفوف الحمار الوحشي: استمر في وضع الخطوط على الطاولات الطويلة حتى يسهل متابعة الصفوف.
- الحدود: خطوط صلبة أو متقطعة أو منقطة أو مزدوجة حول الخلايا.
- زوايا مدورة: يعمل نصف قطر الحدود على تليين حافة الطاولة.
رمز جدول HTML مقابل أداة الجدول الديناميكي
بدون عنصر واجهة مستخدم الجدول، الطريقة المعتادة لإضافة جدول في Elementor هي كتابة HTML بنفسك في عنصر واجهة مستخدم HTML. وإليك كيفية مقارنة ذلك مع عنصر واجهة المستخدم.
| ميزة | أداة HTML مع الكود الخاص بك | جدول ديناميكي للإضافات الرئيسية |
|---|---|---|
| سعر | مجاني (عنصر أساسي) | حر |
| بناء الصفوف والأعمدة | كتابة علامات الجدول وtr وtd | كرر العناصر في اللوحة |
| التصميم | Css الخاص بك | عناصر التحكم في علامة التبويب |
| الخلايا المدمجة | سمات Colspan وrowspan | حقول امتداد العمود وامتداد الصف |
| الأيقونات والصور في الخلايا | لصق العلامات | مكتبة الأيقونات أو مكتبة الوسائط |
| العلامات الديناميكية | لا | نعم، قيمة واحدة لكل خلية |
| تخطيط الهاتف | استفسارات الوسائط الخاصة بك | الصفوف مكدسة في البطاقات |
| الفرز والبحث واستيراد CSV | يحتاج إلى برنامج نصي أو مكون إضافي | لا |
إذا كنت بحاجة إلى الفرز أو البحث أو ترقيم الصفحات أو استيراد CSV، فإن المكون الإضافي المخصص للجدول مثل TablePress هو الخيار الأفضل. بالنسبة للجدول المصمم الذي تقوم بتحريره داخل Elementor، فإن الأداة توفر عليك كتابة HTML وCSS.
ذات صلة: جدول التسعير (مجاني)، جدول المقارنة (برو) و العلامات الديناميكية (مجاني).
كيفية عمل جدول في العنصر
في لوحة Elementor، تسمى الأداة Dynamic Table.
- قم بتثبيت الإضافات الرئيسية لـ Elementor وتحقق من ذلك الجدول الديناميكي يتم تشغيله في إعدادات عناصر واجهة المستخدم Master Addons.
- قم بتحرير صفحتك باستخدام Elementor، وابحث عنها الجدول الديناميكي واسحبه للداخل. يبدأ بنموذج جدول مكون من أربعة أعمدة.
- في رأس الطاولةأضف واحدة خلية رأس الجدول لكل عمود واكتب كل منهما اسم العمود.
- في جسم الطاولةأضف عنصرًا واحدًا لكل خلية من اليسار إلى اليمين. تشغيل صف جديد؟ على الخلية الأولى من كل صف بعد الأولى.
- يستخدم امتداد العمود أو امتداد الصف في علامة التبويب خيارات الخلية لدمج الخلايا.
- قم بتصميم الجدول في علامة التبويب "النمط" واتركه الجدول المستجيب؟ في هذه الصفوف تكدس على الهواتف، ثم قم بتحديث الصفحة.
الأسئلة المتداولة للجدول الديناميكي
هل هناك عنصر واجهة مستخدم للجدول في Elementor؟
ليس في Elementor نفسه، مجانًا أو احترافي. تضيف Master Addons واحدة مجانًا: تقوم أداة Dynamic Table ببناء الجدول من خلايا الرأس والجسم في اللوحة.
هل الجدول مستجيب على الأجهزة المحمولة؟
نعم، مع الجدول المستجيب؟ قيد التشغيل، وهو الافتراضي. على الأجهزة التي يصل عرضها إلى 768 بكسل، يتم تكديس كل صف في بطاقة وتظهر كل خلية اسم العمود الخاص بها كتسمية. قم بإيقاف تشغيله للحفاظ على تخطيط الجدول العادي على الهواتف.
هل يمكنني استخدام البيانات الديناميكية في الخلايا؟
نعم، قيمة واحدة لكل خلية. يقبل الرأس والنص الأساسي العلامات الديناميكية، بما في ذلك العلامات الديناميكية المجانية لـ Master Addons مثل عنوان المنشور والحقل المخصص ومعلومات المؤلف. لا تقوم الأداة بإنشاء صف لكل منشور، لذلك لا يزال كل صف يتم إنشاؤه يدويًا.
ماذا يحدث إذا أضفت نصًا طويلًا جدًا في الخلية؟
يلتف النص داخل الخلية. قم بتشغيل العرض المخصص في علامة التبويب خيارات الخلية لإصلاح عرض العمود، ورفع حشوة الخلية الداخلية إذا شعرت الصفوف بالضيق.
هل يمكنني تسليط الضوء على عمود واحد، مثل خطة شعبية؟
ليس بإعداد واحد. تنطبق الألوان على الرأس بأكمله أو الجسم بأكمله. بالنسبة لجداول الخطة، جدول التسعير تحتوي الأداة (المجانية) على خيار التمييز، و جدول المقارنة تم تصميم الأداة (Pro) لإجراء مقارنات بين الخطط.
هل يمكنني فرز ملف CSV أو البحث عنه أو استيراده إلى الجدول؟
لا. لا تحتوي الأداة على فرز أو بحث أو ترقيم صفحات أو استيراد CSV. بالنسبة لهؤلاء، استخدم مكونًا إضافيًا لجدول البيانات مثل TablePress ووضع الرمز القصير الخاص به على الصفحة.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
ناسخ البريد/الصفحة
