برمجة ووردبريس
Search
Close this search box.
إضافة جداول

كيفية إضافة جداول في مقالات وصفحات ووردبريس

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

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

كما يمكنك الاطلاع على أفضل 7 إضافات لجداول ووردبريس لعرض بياناتك

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

جداول ووردبريس

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

إنشاء الجداول في محرر قوالب ووردبريس

يجعل ووردبريس من السهل جدًا إضافة الجداول باستخدام محرر قوالب ووردبريس الافتراضي.

ما عليك سوى إنشاء مقال أو صفحة جديدة ، أو تحرير مقال موجود. بمجرد الدخول إلى محرر المحتوى ، انقر فوق الرمز (+) لإضافة كتلة جديدة ، ثم حدد “جدول”.

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

إضافة كتلة في محرر قوالب WordPress
إضافة كتلة “جدول” في محرر قوالب ووردبريس

بعد ذلك ، سيُطلب منك اختيار عدد الأعمدة والصفوف التي تريدها لجدولك. كلا الرقمين الافتراضي هو 2.

لا تقلق إذا لم تكن مهتمًا بالعدد الدقيق بنسبة 100٪ لأنه يمكنك دائمًا إضافة / إزالة أعمدة الجدول والصفوف لاحقًا.

اكتب عدد الأعمدة والصفوف التي تريدها لجدولك
اكتب عدد الأعمدة والصفوف التي تريدها لجدولك

لقد أنشأنا جدولًا مكونًا من 3 أعمدة و 4 صفوف:

تم إنشاء جدولنا باستخدام محرر قوالب WordPress
تم إنشاء جدولنا باستخدام محرر قوالب ووردبريس

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

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

إضافة قسم رأس أو لون خلفية إلى الجدول الخاص بك
إضافة قسم رأس أو لون خلفية إلى الجدول الخاص بك

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

هنا ، نضيف عمودًا جديدًا على الجانب الأيمن من الجدول:

إضافة عمود جديد إلى الجدول الخاص بك
إضافة عمود جديد إلى الجدول الخاص بك

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

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

تغيير محاذاة النص لأعمدتك
تغيير محاذاة النص لأعمدتك

هنا ، قمنا بتطبيق محاذاة الوسط على الأعمدة الثلاثة التي تحتوي على أرقام:

تم الآن توسيط جميع الأعمدة الثلاثة التي تحتوي على أرقام
تم الآن توسيط جميع الأعمدة الثلاثة التي تحتوي على أرقام

يمكنك أيضًا تغيير محاذاة الجدول بأكمله داخل المقال أو الصفحة عن طريق النقر فوق الزر “تغيير المحاذاة” وتحديد خيار من القائمة.

تغيير محاذاة الجدول بأكمله
تغيير محاذاة الجدول بأكمله

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

إليك جدولنا مضبوطًا على “عرض عريض” كما يظهر على الموقع:

جدول عرض عريض يمتد إلى ما بعد منطقة المحتوى المعتادة
جدول “عرض عريض” يمتد إلى ما بعد منطقة المحتوى المعتادة

كما ترى ، فإنه يمتد إلى ما وراء الهامش الأيمن والأيسر لمنطقة النشر.

تمنحك أدوات الجدول المضمنة في محرر Gutenberg قدرًا كبيرًا من المرونة حول كيفية عرض الجداول الخاصة بك.

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

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

لإنشاء جداول متقدمة ، تحتاج إلى استخدام إضافة جدول ووردبريس .

إنشاء الجداول باستخدام الإضافة TablePress

TablePress هي أفضل إضافة لجداول ووردبريس في السوق. إنه مجاني 100٪ ، ويسمح لك بإنشاء الجداول وإدارتها بسهولة.

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

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

أولاً ، تحتاج إلى تثبيت وتفعيل الإضافة TablePress.

سترى بعد ذلك عنصر قائمة TablePress في لوحة تحكم ووردبريس الخاصة بك. اذهب إلى TablePress » Add New  لإنشاء جدول جديد.

إضافة جدول جديد في TablePress
إضافة جدول جديد في TablePress

ستحتاج إلى كتابة اسم لجدولك وتحديد عدد الصفوف والأعمدة التي تريدها. يمكنك دائمًا إضافة / إزالة صفوف وأعمدة الجدول لاحقًا أيضًا.

سنقوم بإنشاء جدول مكون من 4 صفوف و 3 أعمدة:

إدخال عنوان الجدول الخاص بك في TablePress
إدخال عنوان الجدول الخاص بك في TablePress

بمجرد إضافة اسم الجدول والصفوف والأعمدة ، انطلق وانقر على الزر “إضافة جدول” لإنشاء جدولك.

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

تحرير تفاصيل الجدول الخاص بك في TablePress
تحرير تفاصيل الجدول الخاص بك في TablePress

ما عليك سوى كتابة البيانات التي تريدها في خلايا الجدول. يمكنك فرز أعمدة البيانات باستخدام الأسهم فوقها. سيتم فرزها حسب الترتيب الأبجدي أو العددي.

فرز أعمدة الجدول الخاص بك في TablePress
فرز أعمدة الجدول الخاص بك في TablePress

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

قسم معالجة الجدول الخاص بالأدوات
قسم “معالجة الجدول” الخاص بالأدوات

في “خيارات الجدول” ، يمكنك إضافة صف رأس و / أو تذييل ، والذي لن يتم فرزه مع البيانات. يمكنك أيضًا تحديد مكان إظهار اسم الجدول ووصفه:

قسم خيارات الجدول في TablePress
قسم “خيارات الجدول” في TablePress

أخيرًا ، يمكنك تعيين خيارات متنوعة في قسم “ميزات مكتبة DataTables JavaScript”. يتيح لك ذلك إنشاء جداول سريعة الاستجابة يمكن تصفيتها والبحث فيها وفرزها بواسطة القراء.

خيارات جافا سكريبت المتقدمة لجدولك
خيارات جافا سكريبت المتقدمة لجدولك

بمجرد أن تصبح راضيًا عن جدولك ، انقر فوق “حفظ التغييرات”.

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

إضافة الكود المختصر لجدولك في محرر القوالب
إضافة الكود المختصر لجدولك في محرر القوالب

إذا كنت تستخدم المحرر الكلاسيكي ، فكل ما عليك هو إضافة الرمز المختصر مباشرةً إلى مشاركتك:

إضافة الكود المختصر لجدولك في المحرر الكلاسيكي
إضافة الكود المختصر لجدولك في المحرر الكلاسيكي

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

يتيح لك TablePress أيضًا استيراد البيانات من جداول البيانات وملفات CSV. وبالمثل ، يمكنك أيضًا تصدير بيانات جدول TablePress إلى ملف CSV والذي يمكنك فتحه بعد ذلك باستخدام أي برنامج جداول بيانات مثل Microsoft Excel أو Google Sheets.

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

أقسام الموقع :

أحتاج مساعدة في :

شراء استضافة

شراء استضافة

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

اقرأ المزيد
تحميل ووردبريس

تحميل ووردبريس

كل ما تحتاجه حول تحميل منصة ووردبريس وتنصيبها تجده في هذا المقال

اقرأ المزيد

أكثر المقالات قراءةً :

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

مقالات ذات صلة