TablePress: إنشاء جداول في WordPress بدون سطر واحد من التعليمات البرمجية

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

ومع ذلك ، هناك أنواع معينة من الطلبات التي لا تفشل أبدًا في إعطاء العديد من مصممي المواقع اندفاعًا فوريًا: أي طلب يتضمن كلمة "جدول" .

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

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

لكن هذا كان كل شيء من قبل! قبل أن تكتشف المكون الإضافي الذي يسمح لك بالبقاء ZEN في جميع الظروف: TablePress . مكوّن إضافي يسمح لك بإنشاء جداول في WordPress بدون تشفير ، وتعديلها بإجراء سحب وإفلات بسيط!

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

المقالة الأصلية مكتوبة في فبراير 2019 ، وتم تحديثها آخر مرة في مارس 2022.

تحتاج أفضل مشاريع WordPress لديك إلى أفضل مضيف!

يوصي WPMarmite باستخدام Bluehost: أداء رائع ودعم رائع. كل ما تحتاجه لبداية رائعة.

جرب Bluehost

تحقق من أدلةنا التفصيلية حول اختيار اسم المجال الخاص بك وإنشاء موقع WordPress احترافي.

ما هو TablePress؟

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

بالاستفادة من أكثر من 800 ألف تثبيت نشط ، وتقييم شامل 5 نجوم من أصل 5 في دليل WordPress الرسمي (لأكثر من 4200 تقييم) ، ليس هناك شك: هذا هو المكون الإضافي الرئيسي لإنشاء وإدارة الجداول الخاصة بك .

تم إنشاء المكون الإضافي بواسطة Tobias Bathge ، وهو مطور WordPress ألماني متخصص في الهندسة الإلكترونية. بصفتك مهووسًا جيدًا ، أنشأ باثج TablePress في واجهة تشبه ورقة Excel .

ماذا تقدم TablePress؟

يحتوي TablePress على العديد من الميزات المثيرة للاهتمام:

• واجهة سهلة الاستخدام تعمل بالسحب والإفلات.
• إمكانية دمج الجداول في مقالاتك أو صفحاتك أو أدوات النص باستخدام رمز قصير.
• تحرير بيانات الجدول بسهولة ، تمامًا كما هو الحال في Excel.
• استيراد وتصدير الجداول بتنسيقات Excel و CSV و JSON و HTML.
• التزامن مع Google Sheets.
• خلايا الجدول التي تقبل الدوال الرياضية والصيغ الحسابية.
• تخصيص الرسوم عبر كود CSS.

كيف تضيف جدول على WordPress باستخدام البرنامج المساعد TablePress؟

بمجرد تثبيت وتفعيل TablePress ، سترى علامة تبويب جديدة تحمل اسم المكون الإضافي في قائمة مسؤول WordPress.

لإضافة جدول جديد إلى موقع WordPress الخاص بك ، ما عليك سوى النقر فوق TablePress> إضافة جدول جديد في قائمة المسؤول ، أو علامة التبويب "إضافة جديد" أعلى واجهة TablePress.

لإنشاء الجدول الخاص بك ، سيُطلب منك:

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

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

يحتوي TablePress أيضًا على ميزتين لاستيراد وتصدير جدول موجود (عبر TablePress> استيراد جدول أو TablePress> تصدير جدول).
على سبيل المثال ، يمكنك استيراد جدول من ملف CSV أو XLS أو XLSX من جدول بيانات (مثل Excel). أخيرًا ، يمكنك أيضًا تصدير جداولك إلى برامج أخرى ، مثل جداول البيانات.

كيفية تعديل هيكل ومحتوى الجدول؟

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

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

كيف تثري طاولاتك TablePress؟

باستخدام TablePress ، يمكن إثراء جداولك بالصور والروابط وحتى المعلومات الأكثر تعقيدًا ، مثل الرمز القصير ، من خلال محررها المتقدم.

كيف تضيف صورة إلى جدول TablePress الخاص بك؟

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

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

كيفية إضافة ارتباط إلى الجدول؟

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

ثم انقر فوق خلية الجدول حيث تريد أن يظهر الرابط. ستظهر نافذة منبثقة ، حيث يمكنك تكوين الارتباط الخاص بك باستخدام واجهة WordPress القياسية:

كيف تضيف محتوى ثريًا إلى طاولتك؟

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

للعثور على المحرر المتقدم ، قم بالتمرير لأسفل إلى كتلة "معالجة الجدول" وانقر على الزر الذي يحمل نفس الاسم.

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

ما هي الخيارات الإضافية المتوفرة لتخصيص طاولتك؟

خيارات الجدول

يتيح لك هذا المربع تحديد رأس الجدول أو تذييله ، مما قد يكون مفيدًا إذا كان يحتوي على الكثير من البيانات لتحسين إمكانية القراءة.

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

أخيرًا ، سيسمح لك حقل "فئات CSS الإضافية" بتعيين فئة واحدة أو أكثر من اختيارك إذا كنت ترغب في تخصيصها في CSS.

مكتبة DataTables JavaScript

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

يمكنك تعطيل كل شيء إذا لم تكن بحاجة إليه.

انضم إلى مشتركي WPMarmite

احصل على آخر منشورات WPMarmite (وكذلك الموارد الحصرية).

إشترك الآن

كيف تعدل جداولك؟

يتيح TablePress إمكانية تعديل هيكل الجدول بسهولة.

في مربع "معالجة الجدول" ، ستجد خيارات متنوعة لإضافة الصفوف والأعمدة وحذفها وتكرارها وإخفائها . يمكنك أيضًا دمج الخلايا في صف أو عمود.

لتعديل جدولك ، ما عليك سوى النقر فوق الصف أو العمود الذي ترغب في تعديله.

ثم حدد التأثير المناسب. على سبيل المثال ، اخترنا أدناه إدراج عمود جديد بين عمودين حاليين:

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

كيفية تعديل جدول قديم؟

يمكنك تغيير محتوى وهيكل الجدول الذي قمت بإنشائه في أي وقت.

للعثور على قائمة الجداول الموجودة ، حدد TablePress> All Tables في قائمة WordPress الخاصة بك.

يمكنك الآن اختيار الجدول الذي تريد تحريره.

كيفية إدراج جدول في منشور أو صفحة؟

الآن بعد أن أنشأت الجدول الخاص بك ، كل ما عليك فعله هو إدراجه في منشور أو صفحة على موقع WordPress الخاص بك.

للقيام بذلك ، افتح أو أنشئ مستند الوجهة الذي تريد نشر جدولك فيه ، في محرر محتوى WordPress (Gutenberg).

انسخ الرمز المختصر للجدول ، المتاح في مربع "معلومات الجدول":

لمعلوماتك ، هذا الرمز القصير بالتنسيق التالي: [table id=<the-ID> /] . كل جدول له معرفه الخاص (الرقم 2 ، في المثال أعلاه).

الصق الرمز القصير في كتلة "Shortcode" داخل المنشور الذي تختاره ، حيث تريده في المحتوى:

ها هي النتيجة على الموقع:

لاحظ أن الشاشة قد تختلف قليلاً حسب الموضوع الذي تستخدمه.

على كل حال ، مبروك: لقد فعلتها بأصابعك في أنفك!

ميزات إضافية للمضي قدمًا مع TablePress

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

بمجرد أن تتقن الأساسيات ، يمكن أن تساعدك هذه البرامج التعليمية في تنفيذ بعض الميزات الأكثر إثارة للاهتمام:

• استخدم الصيغ في الخلايا ، كما هو الحال في Excel.
• قم بتخصيص جدولك باستخدام CSS ، حيث يمنحك هذا الأسئلة الشائعة جميع الإجابات التي تحتاجها حول تخصيص الجداول الخاصة بك.

قم بتسريع موقع الويب الخاص بك باستخدام WP Rocket

حوّل موقعك إلى صاروخ باستخدام أقوى مكون إضافي للتخزين المؤقت يتعرف عليه خبراء WordPress.

جرب WP Rocket

المكافأة: تمديد TablePress

يمكنك إضافة المزيد من الوظائف إلى TablePress بمكتبة تضم حوالي 20 امتدادًا مجانيًا أو مميزًا.

ستجد على موقع البرنامج المساعد 20 امتدادًا رسميًا. فيما يلي بعض أكثرها فائدة:

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

من الناحية الفنية ، يمكن تنزيل الغالبية العظمى من الامتدادات المميزة التي يطلق عليها TablePress واستخدامها مجانًا. ومع ذلك ، يشجعك المطور Tobias Bathge على التبرع بأي مبلغ لمكافأة عمله.

ما هي الخيارات الأخرى المتاحة لإضافة جدول إلى WordPress؟

في حين أن TablePress هو المكون الإضافي الأكثر شيوعًا والأعلى تقييمًا في الدليل الرسمي لإنشاء جدول على WordPress ، إلا أن هناك موارد أخرى لتصميم جدول.

كتلة الجدول في محرر محتوى WordPress

أولاً ، يحتوي محرر محتوى WordPress على كتلة "جدول" سهلة الاستخدام لإنشاء جدول ببساطة وبسرعة في المحتوى الخاص بك.

على وجه الخصوص ، يمكنك:

• إضافة أو حذف الصفوف أو الأعمدة في الوقت الحقيقي.
• اختر من بين نمطي عرض: "افتراضي" و "خطوط".
• قم بتغيير لون النص والخلفية.
• قم بتعيين عرض ثابت لخلاياك.
• عيّن عرض ونمط حدودك ، بالإضافة إلى الطباعة.

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

أولئك الذين يرغبون في إنشاء جداول أكثر تعقيدًا وقابلة لإعادة التنظيم ، أو لديهم ميزات تشبه Excel ، سيفضلون TablePress.

بناة الصفحة

هناك خيار آخر لإضافة جدول إلى WordPress وهو استخدام أداة إنشاء الصفحات.

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

أشهرها Elementor ، الذي يجمع 5M + من التركيبات النشطة في الدليل الرسمي. بقدر ما هو قوي ومرن ، لا يقدم Elementor عنصر واجهة مستخدم (وحدة نمطية) لبناء جدول!

ومع ذلك ، يمكنك استخدام أحد الإضافات المميزة العديدة لتحقيق أهدافك ، مثل Crocoblock أو ElementsKit أو Ultimate Addons.

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

هذا كل شيء عن Elementor. دعنا نذكر أيضًا باختصار Divi Builder ، الوزن الثقيل الآخر في الصناعة.

على سبيل المثال ، يقدم TablePress مكونًا إضافيًا ممتازًا تابعًا لجهة خارجية ، TablePress Styler بواسطة Divi-Modules ، والذي سيساعدك على تخصيص المظهر المرئي للجدول من واجهة Divi Builder.

بناء موقع الويب الخاص بك مع Elementor

صمم بسهولة شكل ومظهر موقع WordPress الخاص بك باستخدام أداة إنشاء الصفحات الشهيرة.

جرب Elementor

الإضافات الأخرى لإنشاء جدول

كحل أخير ، إذا لم يعمل TablePress من أجلك على الإطلاق ، فقد تجد سعادتك مع أحد مكونات الجدول الإضافية لـ WordPress أدناه:

• WP Table Builder
• wpDataTables
• مولد جداول البيانات من Supsystic
• جداول النينجا

رأينا النهائي على TablePress

كما اكتشفت بالفعل ، فأنا من أشد المعجبين بـ TablePress لعدة أسباب:

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

على الجانب السلبي ، يمكننا ملاحظة أن تخصيص عرض الجداول الخاصة بك محدود للغاية . للحصول على نتيجة متقدمة ولصورتك ، سيتعين عليك استخدام CSS.

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

مرة أخرى ، يوصى أحيانًا بإضافة القليل من CSS. يمكنك أيضًا استخدام امتداد Respive Tables ، المذكور أعلاه ، لحل هذه المشكلة.

قم بتنزيل TablePress على الدليل الرسمي:

وأنت ، هل تستخدم TablePress؟ ما رأيك في هذا البرنامج المساعد الرائد في عالم WordPress؟