مدونة بناء موقع الكتروني

مقالات متعددة عن طريقة بناء موقعك لديك سؤال تواصل معنا

إنشاء جداول في ووردبريس دون استخدام إضافة أو أي كود 2021

بواسطة | فبراير 4, 2021 | ووردبريس

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

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

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

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

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

Capture 21

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

Capture 22

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

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

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

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

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

Capture 25

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

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

Capture 26

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

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

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

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

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

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

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

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

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

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

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

Capture 29

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

Capture 30

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

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

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

Capture 33

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

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

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

Capture 35

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

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

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

لقد تم اشتراكك في القائمة قم بتفعيل اشتراكك للحصول على الكتاب

Share This
%d مدونون معجبون بهذه: