أداة جدول العنصر المجانية
لا يحتوي Elementor على واجهة جدول خاصة به ، في الإصدار المجاني أو الإصدار الاحترافي. Dynamic Table هي أداة إضافات رئيسية مجانية تملأ هذه الفجوة: يمكنك إضافة خلايا رأس وخلايا الجسم في لوحة Elementor ، وتقوم بإنشاء جدول HTML حقيقي يمكنك تصميمه بدون رمز. يمكن للخلايا الاحتفاظ بنص أو رمز أو صورة ، ودمجها عبر الأعمدة أو الصفوف ، وسحب القيم من العلامات الديناميكية. غالبًا ما يتم استخدامه للجداول الزمنية وأوراق المواصفات وقوائم الأسعار والدلائل. فكر في الأمر على أنه جدول بيانات بسيط للصفوف التي تدخلها يدويًا. لا يقوم بفرز أو البحث أو استيراد الملفات.
بناء الصفوف والأعمدة في اللوحة
الجدول يأتي من مكررين. خلية رأس الجدول يحمل عنصرًا واحدًا في كل عمود، و خلية جسم الطاولة يحمل كل خلية في ترتيب القراءة، مع صف جديد؟ التبديل الذي يبدأ الصف التالي. يمكنك سحب العناصر لإعادة ترتيبها، أو تكرار خلية، أو إخفاء صف الرأس باستخدام رأس الطاولة يُحوّل.
- الخلايا المدمجة: امتداد العمود على خلايا الرأس والجسم، وامتداد الصف على خلايا الجسم.
- عرض العمود: قم بتشغيل العرض المخصص في علامة التبويب خيارات الخلية لتعيين عرضها.
- خيارات النص لكل خلية: المحاذاة (يسار، وسط، يمين أو تبرير) والزخرفة (تسطير، تسطير أو خط من خلال).
تصميم الرأس والجسم
نمط رأس الجدول يضبط خلفية الرأس (البحرية الداكنة افتراضيًا)، ولون النص، وحجم الأيقونة ولونها، والمحاذاة، والطباعة، وحشو الخلية الداخلية. جسم الطاولة لديه نفس عناصر التحكم لخلايا البيانات، بالإضافة إلى الحشو حول الرموز.
- رأس: الخلفية وألوان النص والأيقونات وحجم الأيقونات والمحاذاة والطباعة وحشو الخلايا.
- جسم: الخلفية وألوان النص والأيقونات وحجم الأيقونة والحشو والمحاذاة والطباعة وحشو الخلية.
- المحاذاة لكل جهاز: يمكن أن تتغير محاذاة الرأس والجسم على الجهاز اللوحي والهاتف المحمول.
النص والأيقونات والصور والعلامات الديناميكية في الخلايا
تحتوي كل رأس وخلية جسم على يكتب الخيار: لا شيء، أيقونة أو صورة. تأتي الأيقونات من مكتبة أيقونات Elementor، وتحصل الصور على حجم الصورة بالبكسل. تقبل حقول النص العلامات الديناميكية، بما في ذلك العلامات المجانية العلامات الديناميكية الامتداد، بحيث يمكن للخلية إظهار عنوان منشور أو حقل مخصص أو تفاصيل المؤلف. كل علامة تملأ خلية واحدة. لا تتكرر الأداة عبر المنشورات لإنشاء صفوف لك.
- الرموز كعلامات اختيار: استخدم رمز العلامة أو التقاطع في مقارنات الخطة أو الميزات.
- صور صغيرة: أضف صورة أو شعارًا بجوار الاسم بحجم بكسل.
- العلامات الديناميكية: اسحب القيم الفردية مثل عنوان المنشور أو الحقل المخصص.
النمط العالمي: الخطوط والحدود والزوايا
النمط العالمي ينطبق على الجدول بأكمله. طاولة مخططة؟ يتم تشغيله افتراضيًا بلون شريطي رمادي فاتح (#eee) يمكنك تغييره. يمكنك أيضًا تعيين لون خلفية الجدول، وحشوة الخلية الداخلية، وحدود من النوع والعرض واللون، ونصف قطر الحدود للزوايا المستديرة.
- صفوف الحمار الوحشي: استمر في وضع الخطوط على الطاولات الطويلة حتى يسهل متابعة الصفوف.
- الحدود: خطوط صلبة أو متقطعة أو منقطة أو مزدوجة حول الخلايا.
- زوايا مدورة: يعمل نصف قطر الحدود على تليين حافة الطاولة.
جدول مستجيب على الجوال
الجدول المستجيب؟ يجلس في قسم الإعدادات ويتم تشغيله افتراضيًا. على الأجهزة التي يصل عرضها إلى 768 بكسل ، يكون صف الرأس مخفيًا ، ويصبح كل صف بطاقة ، وتظهر كل خلية اسم العمود الخاص بها كتسمية. يتحول الجدول الزمني المكون من خمسة أعمدة إلى قائمة بالبطاقات التي تقوم بالتمرير لأسفل ، لذلك لا يتعين على أي شخص التمرير جانبيًا.
- البطاقات المكدسة: بطاقة واحدة لكل صف ، مع اسم العمود على اليسار والقيمة على اليمين.
- المحاذاة لكل جهاز: رؤوس الهياكل والجسم لها قيم لوحية وقيمة محمولة.
- قم بإيقاف تشغيله: الجدول يحتفظ بشبكته على الهواتف. ثم تمر الجداول العريضة بعد حافة الشاشة ، لذا احتفظ بها في ثلاثة أو أربعة أعمدة.
رمز جدول HTML مقابل أداة الجدول الديناميكي
بدون عنصر واجهة مستخدم الجدول، الطريقة المعتادة لإضافة جدول في Elementor هي كتابة HTML بنفسك في عنصر واجهة مستخدم HTML. وإليك كيفية مقارنة ذلك مع عنصر واجهة المستخدم.
| ميزة | أداة HTML مع الكود الخاص بك | جدول ديناميكي للإضافات الرئيسية |
|---|---|---|
| سعر | مجاني (عنصر أساسي) | حر |
| بناء الصفوف والأعمدة | كتابة علامات الجدول وtr وtd | كرر العناصر في اللوحة |
| التصميم | Css الخاص بك | عناصر التحكم في علامة التبويب |
| الخلايا المدمجة | سمات Colspan وrowspan | حقول امتداد العمود وامتداد الصف |
| الأيقونات والصور في الخلايا | لصق العلامات | مكتبة الأيقونات أو مكتبة الوسائط |
| العلامات الديناميكية | لا | نعم، قيمة واحدة لكل خلية |
| تخطيط الهاتف | استفسارات الوسائط الخاصة بك | الصفوف مكدسة في البطاقات |
| الفرز والبحث واستيراد CSV | يحتاج إلى برنامج نصي أو مكون إضافي | لا |
إذا كنت بحاجة إلى الفرز أو البحث أو ترقيم الصفحات أو استيراد CSV، فإن المكون الإضافي المخصص للجدول مثل TablePress هو الخيار الأفضل. بالنسبة للجدول المصمم الذي تقوم بتحريره داخل Elementor، فإن الأداة توفر عليك كتابة HTML وCSS.
ذات صلة: جدول التسعير (مجاني)، جدول المقارنة (برو) و العلامات الديناميكية (مجاني).
ما يمكن أن تفعله أداة جدول بيانات Elementor وما لا يمكنه فعله
الجدول الديناميكي هو جدول بيانات للصفوف التي تكتبها. إليك ما تفعله وأين يتوقف.
| ميزة | الجدول الديناميكي |
|---|---|
| الصفوف والأعمدة التي تم إدخالها في اللوحة | نعم |
| الخلايا المدمجة (امتداد العمود وامتداد الصف) | نعم |
| الأيقونات والصور في الخلايا | نعم |
| العلامات الديناميكية | نعم، قيمة واحدة لكل خلية |
| صفوف مخططة | نعم |
| عرض العمود المخصص | نعم |
| تكديس المحمول | نعم، في 768 بكسل وأقل |
| فرز | لا |
| يبحث | لا |
| ترقيم الصفحات | لا |
| استيراد CSV أو Excel | لا |
ما هي أداة الجدول التي تحتاجها؟
الجدول يعني عدة أشياء مختلفة في عمليات البحث عن العناصر. اختر الأداة من خلال ما تقوم ببنائه.
| ما تقوم ببنائه | أفضل أداة |
|---|---|
| جدول بسيط مثل جدول أو ورقة مواصفات أو قائمة أسعار أو جدول زمني | الجدول الديناميكي |
| البيانات الكبيرة التي تحتاج إلى فرز أو بحث أو ترقيم الصفحات أو استيراد CSV | TablePress ، موضوعة مع عنصر واجهة Elementor Shortcode |
| الخطط والأسعار جنبًا إلى جنب | جدول التسعير |
| مقارنة ميزة عبر الخطط أو المنتجات | جدول المقارنة (برو) |
| ساعات العمل | ساعات العمل |
ذات صلة: الأكورديون المتقدم للإجابات الطويلة التي لا تتناسب مع الخلية ، و العلامات الديناميكية لملء الخلايا من بيانات النشر.
أمثلة جدول Elementor
الجداول الثلاثة أدناه هي أدوات جدول ديناميكية مباشرة ، وليست لقطات شاشة. افتح هذه الصفحة على الهاتف لترى كل مكدس في بطاقات. المزيد من التخطيطات ، بما في ذلك قائمة المطعم ومقارنة الخطط ، موجودة في العرض التوضيحي تحتها.
جدول الفصل الدراسي
جدول أسبوعي بخمسة أعمدة. على الهاتف ، تصبح كل فئة بطاقتها الخاصة.
| وقت | فصل | مدرس | استوديو | مساحات |
|---|---|---|---|---|
| الاثنين 07:00 | تدفق فينياسا | ألينا بتروفا | ستوديو 1 | 4 اليسار |
| الاثنين 18:30 | القوة والتكييف | دان أوسي | طابق صالة الألعاب الرياضية | ممتلئ |
| الثلاثاء 09:30 | مصلح البيلاتس | مارتا سيلفا | ستوديو 2 | 2 اليسار |
| الأربعاء 12:15 | اكسبريس HIIT | دان أوسي | طابق صالة الألعاب الرياضية | 9 اليسار |
| الخميس 19:00 | يين واستعادة | ألينا بتروفا | ستوديو 1 | 11 اليسار |
| السبت 10:00 | المبتدئين بري | يارا حداد | ستوديو 2 | 6 اليسار |
متطلبات النظام
ثلاثة أعمدة تقارن الحد الأدنى والموصى به ، الشكل المعتاد لورقة المواصفات.
| مكون | الحد الأدنى | موصى به |
|---|---|---|
| ووردبريس | 6.0 | 6.6 أو أحدث |
| php | 7.4 | 8.2 |
| العنصر | 3.16 | 4.2 أو أحدث |
| ماي إس كيو إل / ماريا دي بي | 5.7 / 10.3 | 8.0 / 10.6 |
| حد ذاكرة PHP | 128 ميجابايت | 256 ميجابايت |
| MAX_INPUT_VARS | 1000 | 3000 |
| https | اختياري | مطلوب لفحص الترخيص |
أسعار الشحن
قائمة أسعار حسب الوجهة والخدمة ، مع إيقاف تشغيل الشريط ورأس خفيف.
| وجهة | خدمة | وقت التسليم | حر أكثر | تكلفة |
|---|---|---|---|---|
| البر الرئيسى للمملكة المتحدة | تتبع البريد الملكي 48 | 2 إلى 3 أيام عمل | 40 جنيهًا إسترلينيًا | 3.95 جنيه استرليني |
| البر الرئيسى للمملكة المتحدة | DPD اليوم القادم | يوم العمل القادم | 120 جنيهًا إسترلينيًا | 6.95 جنيه استرليني |
| المرتفعات والجزر | تتبع البريد الملكي 48 | 3 إلى 5 أيام عمل | 60 جنيهًا إسترلينيًا | 7.50 جنيه استرليني |
| جمهورية أيرلندا | DPD أيرلندا | 2 إلى 4 أيام عمل | 150 جنيهًا إسترلينيًا | 11.00 جنيه استرليني |
| الاتحاد الأوروبي | دي إتش إل أوروبا | 3 إلى 6 أيام عمل | — | 14.50 جنيهًا إسترلينيًا |
| بقية العالم | دي إتش إل إكسبريس | 5 إلى 10 أيام عمل | — | 24.00 جنيه إسترليني |
كيفية عمل جدول في العنصر
في لوحة Elementor، تسمى الأداة Dynamic Table.
- قم بتثبيت الإضافات الرئيسية لـ Elementor وتحقق من ذلك الجدول الديناميكي يتم تشغيله في إعدادات عناصر واجهة المستخدم Master Addons.
- قم بتحرير صفحتك باستخدام Elementor، وابحث عنها الجدول الديناميكي واسحبه للداخل. يبدأ بنموذج جدول مكون من أربعة أعمدة.
- في رأس الطاولةأضف واحدة خلية رأس الجدول لكل عمود واكتب كل منهما اسم العمود.
- في جسم الطاولةأضف عنصرًا واحدًا لكل خلية من اليسار إلى اليمين. تشغيل صف جديد؟ على الخلية الأولى من كل صف بعد الأولى.
- يستخدم امتداد العمود أو امتداد الصف في علامة التبويب خيارات الخلية لدمج الخلايا.
- قم بتصميم الجدول في علامة التبويب "النمط" واتركه الجدول المستجيب؟ في هذه الصفوف تكدس على الهواتف، ثم قم بتحديث الصفحة.
الأسئلة المتداولة للجدول الديناميكي
هل هناك عنصر واجهة مستخدم للجدول في Elementor؟
ليس في Elementor نفسه، مجانًا أو احترافي. تضيف Master Addons واحدة مجانًا: تقوم أداة Dynamic Table ببناء الجدول من خلايا الرأس والجسم في اللوحة.
هل الجدول مستجيب على الأجهزة المحمولة؟
نعم، مع الجدول المستجيب؟ قيد التشغيل، وهو الافتراضي. على الأجهزة التي يصل عرضها إلى 768 بكسل، يتم تكديس كل صف في بطاقة وتظهر كل خلية اسم العمود الخاص بها كتسمية. قم بإيقاف تشغيله للحفاظ على تخطيط الجدول العادي على الهواتف.
هل يمكنني استخدام البيانات الديناميكية في الخلايا؟
نعم، قيمة واحدة لكل خلية. يقبل الرأس والنص الأساسي العلامات الديناميكية، بما في ذلك العلامات الديناميكية المجانية لـ Master Addons مثل عنوان المنشور والحقل المخصص ومعلومات المؤلف. لا تقوم الأداة بإنشاء صف لكل منشور، لذلك لا يزال كل صف يتم إنشاؤه يدويًا.
هل لدى Elementor Pro أداة جدول؟
لا يضيف Elementor Pro أداة جدول الأسعار للخطط ، ولكن لا يحتوي المكون الإضافي الأساسي أو Pro على عنصر واجهة مستخدم للصفوف والأعمدة من البيانات. أنت بحاجة إلى عنصر واجهة مستخدم إضافي مثل Dynamic Table أو مكون إضافي للجدول أو HTML الخاص بك.
هل يمكنني عمل جدول في Elementor بدون مكون إضافي؟
نعم. الصق HTML الجدول في أداة HTML وأسلوبه باستخدام CSS الخاص بك ، أو ضع الصفوف باستخدام حاوية شبكة. كلاهما يعمل مع جداول صغيرة ، على الرغم من أن كل تغيير يعني تحرير التعليمات البرمجية أو العديد من الأدوات المنفصلة.
ماذا يحدث إذا أضفت نصًا طويلًا جدًا في الخلية؟
يلتف النص داخل الخلية. قم بتشغيل العرض المخصص في علامة التبويب خيارات الخلية لإصلاح عرض العمود، ورفع حشوة الخلية الداخلية إذا شعرت الصفوف بالضيق.
هل يمكنني تسليط الضوء على عمود واحد، مثل خطة شعبية؟
ليس بإعداد واحد. تنطبق الألوان على الرأس بأكمله أو الجسم بأكمله. بالنسبة لجداول الخطة، جدول التسعير تحتوي الأداة (المجانية) على خيار التمييز، و جدول المقارنة تم تصميم الأداة (Pro) لإجراء مقارنات بين الخطط.
هل يمكنني فرز ملف CSV أو البحث عنه أو استيراده إلى الجدول؟
لا. لا تحتوي الأداة على فرز أو بحث أو ترقيم صفحات أو استيراد CSV. بالنسبة لهؤلاء، استخدم مكونًا إضافيًا لجدول البيانات مثل TablePress ووضع الرمز القصير الخاص به على الصفحة.
هل يمكنني استخدام Tablepress داخل Elementor؟
نعم. قم ببناء الجدول في TablePress ، وانسخ الرمز القصير الخاص به ، على سبيل المثال [ معرف الجدول = 1 /] ، والصقه في عنصر واجهة مستخدم الرمز القصير Elementor. يناسب هذا الطريق الجداول الطويلة التي تحتاج إلى فرز أو بحث أو ترقيم الصفحات.
هل يمكنني لصق جدول من Excel أو Google Sheets؟
لا . كل خلية هي عنصر منفصل في اللوحة ، لذلك تهبط كتلة ملصقة في خلية واحدة. أدخل الخلايا واحدة تلو الأخرى ، أو قم باستيراد الملف إلى Tablepress ، الذي يقرأ ملفات CSV و Excel.
عناصر واجهة المستخدم والملحقات الشائعة
إنشاء مواقع متطورة في وقت أقل.
التشكل الزجاجي
إضافات الحاويات
أنماط
![ملحق Master Addons Post/Page Duplicator لـ Elementor: رابط صف MA Duplicator في قائمة صفحات WordPress لإنشاء صفحة مقصودة - مسودة [مكررة #128]](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
ناسخ البريد/الصفحة
