If you run a sports website, blog, or even sell sports gear, adding a league table can make your content more engaging and informative.

In this tutorial, we’ll show you two simple ways to create a league table in WordPress — using the ملحق Tableberg.

• الطريقة 1: Copy & Paste the Ready-Made Pattern
• الطريقة الثانية: Create a League Table from Scratch

Method 1: Copy & Paste the Ready-Made Pattern

Don’t want to build everything from scratch?

You can instantly add a beautiful, pre-designed ترتيب الدوري الممتاز Table to your site using Tableberg’s Pattern Library.

Here’s how

Step 1: Install the Tableberg Pro Plugin

Even though Tableberg has a النسخة المجانية, you’ll need the النسخة الاحترافية to access the ready-made patterns.

Get Tableberg Pro from the official website, install it, and activate your license.

Step 2: Visit the Pattern & Copy It

Go to this link: Premier League Standings Table Pattern and click on the “Copy Pattern” button on the page. The pattern will be copied automatically.

Step 3: Paste the Pattern into WordPress Block Editor

Now, open the post or page where you want to add your league table.

In the WordPress block editor (Gutenberg), paste (Ctrl/Cmd + V) — and the entire table will appear instantly.

الخطوة 4: تخصيص الجدول

You can easily:

• Replace the team names and logos
• Update match stats (Played, Won, Lost, Drawn, Points, etc.)
• Adjust colors, borders, or typography from the sidebar settings
• Add or remove rows and columns

That’s it — your League Table is ready in seconds without building it manually.

Method 2: Create a League Table from Scratch

If you prefer full control or want to design your own layout, follow this step-by-step process to create a league table manually.

الخطوة 1: تثبيت وتفعيل البرنامج الإضافي Tableberg

Tableberg هو مكون إضافي متقدم لإنشاء الجداول. بدون هذه الأداة المتقدمة، لن تتمكن من إنشاء جداول دوري شاملة باستخدام كتلة الجدول الافتراضية في WordPress فقط.

لتثبيت البرنامج الإضافي، انتقل إلى المكونات الإضافية > إضافة مكون إضافي جديد. احصل على البرنامج المساعد عن طريق الكتابة Tableberg في مربع البحث. قم بالتثبيت والتفعيل بعد ظهوره أدناه.

الخطوة 2: أضف كتلة Tableberg إلى محرر المنشورات/الصفحات الخاص بك

افتح المنشور/الصفحة التي تريد إنشاء جدول الدوري فيها. ابحث عن أضف كتلة Tableberg بالضغط على أيقونة (+).

قم بتحديد رقم الصف والعمود كما يحلو لك. في هذا البرنامج التعليمي، سنختار رقم الصف والعمود 6*11.

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

الخطوة 3: إضافة المحتوى إلى الجدول

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

# تحديد الموضع (Pos)

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

# إضافة الشعار وأسماء الأندية

نريد أن نضع اسم النادي وشعاره تحت نفس عنوان العمود. لذا، يجب دمج خليتي العمود العلويتين التاليتين. حددهما بالضغط على Shift + النقر بزر الماوس الأيمن (في نظام التشغيل Windows) أو CMD + النقر بزر الماوس الأيمن (Mac).

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

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

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

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

# أضف رقم المباراة التي لعبت وفارق الأهداف والنقاط

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

الخطوة 04: تصميم الجدول

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

يمكنك أن ترى أننا قمنا بمحاذاة المركزية وتطبيق الجرأة على معظم المحتوى الموجود على الجدول.

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

الخطوة 05: تغيير عرض الجدول وألوان الصفوف

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

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

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

وبذلك يمكنك إنشاء جدول الدوري في WordPress.

فيديو تعليمي

ملاحظة التشطيب!

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

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

<p>The post How to Create a League Table in WordPress first appeared on Tableberg.</p>

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

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

إنشاء جداول جميلة
مع محرر الكتل

جرب مجانا

احصل على الاحتراف

الطريقة 1: استخدام الكتل النهائية

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

الخطوة 1: تثبيت البرنامج الإضافي Ultimate Blocks

اذهب الى المكونات الإضافية > إضافة مكون إضافي جديد قم بإنشاء لوحة تحكم WordPress الخاصة بك. ابحث عن المكون الإضافي عن طريق كتابة Ultimate Blocks في مربع البحث. ثَبَّتَ و فعل المكون الإضافي بعد ظهوره أدناه.

الخطوة 2: أضف كتلة القائمة المصممة إلى المحرر

مثل أي كتلة جوتنبرج، انقر على زر الإضافة (+) و نوع القائمة المصممة في مربع البحث. عندما تظهر الكتلة، أضف إلى المحرر.

الخطوة 3: إضافة عناصر إلى كتلة القائمة المصممة

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

لقد أضفنا بعض النصوص الوهمية إلى كتلة القائمة المصممة.

الخطوة 4: حدد الرمز الخاص بقائمة الكتل المصممة

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

سيتم فتح مربع يحتوي على مجموعة من الرموز. حدد الرمز الذي تريده. سيتم تطبيق الرمز على كتلة القائمة المصممة بالكامل.

الخطوة 5: تخصيص كتلة القائمة المصممة

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

حجم الأيقونة – زيادة أو تقليل حجم الرمز.

عدد الاعمدة – عرض قائمة كتلة في أعمدة متعددة.

عدد الأعمدة في الجوال – عرض كتلة القائمة في أعمدة متعددة في الهاتف المحمول.

المسافة بين العناصر (بكسل) - زيادة أو تقليل المسافة بين عناصر القائمة.

الخطوة 06: تصميم قائمة منسقة

التالي، انتقل إلى علامة التبويب "الأنماط"يمكنك تغيير لون الرمز ولون نص القائمة ولون خلفية القائمة من هذه علامة التبويب.

بعد ذلك، يمكنك إضافة الحشو والهامش لإعطاء الكتلة التصميم الذي تريده.

وبذلك، يمكنك إنشاء قائمة أيقونات باستخدام البرنامج الإضافي Ultimate Blocks.

الطريقة 2: استخدام Tableberg

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

الخطوة 1: تثبيت البرنامج الإضافي TableBerg

ثَبَّتَ و فعل قم بإضافة Tableberg إلى موقعك.

عملية إنشاء الجداول باستخدام البرنامج الإضافي هي نفسها تقريبًا مثل كتلة الجدول الافتراضية. اتبع هذا الدليل لمعرفة كيفية إنشاء الجداول باستخدام TableBerg.

ملحوظة:تأتي النسخة المجانية من Tableberg مع قائمة كتلة. لاستخدام كتلة القائمة المصممة، تحتاج إلى الحصول على النسخة الاحترافية من Tableberg.

الخطوة 2: إضافة كتلة القائمة المصممة إلى الجدول

حدد الخلية التي تريد إضافة قائمة الأيقونات إليها. بمجرد تحديد الخلية، سترى أيقونة علامة الجمع (+).

انقر على أيقونة الإضافة (+). البحث و أضف كتلة القائمة المنسدلة الى الخلية.

سيتم إضافة كتلة القائمة المصممة إلى الجدول على الفور.

الخطوة 3: إضافة عناصر إلى كتلة القائمة المصممة على الجدول

أضف العدد الذي تريده من العناصر إلى الجدول.

الخطوة 04: تعيين أيقونة لكتلة القائمة المصممة

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

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

سيتم تطبيق الرمز المحدد على كتلة القائمة المصممة بالكامل.

الخطوة 5: تخصيص كتلة القائمة المصممة

تحت خيار إعدادات الأيقونات، ستجد طرقًا لتخصيص حجم الأيقونات ومسافات الأيقونات.

الخطوة 06: تصميم قائمة منسقة

انتقل إلى علامة التبويب "الأنماط"يمكنك تغيير لون الرمز، ولون النص، ولون الخلفية، والحشو للكتلة.

وبذلك، يمكنك إضافة وإنشاء قوائم الأيقونات على جداول WordPress.

فيديو تعليمي

خاتمة

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

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

اقرأ أيضاً:

• كيفية إضافة الأيقونات في ووردبريس
• أفضل إضافات أيقونات الووردبريس
• كيفية إضافة صناديق الأيقونات في ووردبريس
• كيفية إضافة قوائم نقطية أو مرقمة في ووردبريس

<p>The post How to Add Icon List in WordPress first appeared on Tableberg.</p>

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

• الطريقة 1: حذف الأعمدة من كتلة الجدول الافتراضية
• الطريقة 2: حذف الأعمدة من كتلة Tableberg

إنشاء جداول جميلة
مع محرر الكتل

جرب مجانا

احصل على الاحتراف

الطريقة 1: حذف الأعمدة من مكوِّن الجدول الافتراضي

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

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

الطريقة 2: حذف الأعمدة من البرنامج المساعد TableBerg TableBerg

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

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

أردنا حذف التقييمات عمود من الجدول. يمكنك أن ترى أن الصف لم يعد موجودًا على الجدول.

الكلمات النهائية!

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

<p>The post How to Delete a Column from a Table in WordPress first appeared on Tableberg.</p>

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

الخطوة 01: إضافة كتلة Tableberg إلى المحرر

يضيف البرنامج الإضافي Tableberg كتلة تسمى Tableberg إلى مكتبة الكتل. أضفها إلى المحرر بالنقر فوق أيقونة زائد (+).

حدد عدد الصفوف والأعمدة التي تحتاجها لعرض العملية. في هذا البرنامج التعليمي، قمنا بتعيين 3*9 للأعمدة والصفوف.

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

الخطوة 02: تعيين لون الخلفية للصفوف الفردية

يتيح لك Tableberg تعيين لون الصف بشكل فردي. للقيام بذلك، حدد صفا و اذهب الى علامة التبويب الأنماط. ثم انقر فوق [PRO] لون خلفية الصفآمل أن تتمكن من القيام بالباقي.

يمكنك أن ترى أننا قمنا بتعيين ألوان مختلفة للصفوف بشكل فردي. ونظرًا لأن تلوين وتصميم جميع العناصر الأخرى يعتمدان على الخلفية، فقد قمنا بتعيين ألوان الصفوف مسبقًا.

الخطوة 03: قم بإدراج أرقام الخطوات في العملية

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

الخطوة 04: اكتب عناوين الخطوات وأوصافها

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

يمكنك جعل حجم نص العنوان أكبر قليلاً من نص الوصف حتى يسهل التمييز بينهما بشكل منفصل.

الخطوة 05: إضافة الصور إلى الخلايا المعنية

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

لذا، أضف كتلة الصورة من خلال النقر على أيقونة زائد (+) إلى الخلية المعنية. يمكنك تحميل الصور، سواء من محرك الأقراص المحلي أو من مكتبة الوسائط الخاصة بك.

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

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

الخطوة 06: أضف معلومات الاتصال الخاصة بك

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

الآن، أضف كتلة القائمة المصممة إلى الصف الأخير من الجدول.

حدد أيقونة تمثل موقع الويب الخاص بك. بجوار الأيقونة، اكتب عنوان موقع الويب الخاص بك.

الخطوة 07: تخصيص حدود الجدول

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

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

الخطوة 08: معاينة خطوات العملية

انتقل إلى صفحة المعاينة. وتأكد من ظهور تصميمك بشكل مثالي. لقد عرضنا أكبر قدر ممكن من الصورة كما يمكن رؤيته على الشاشة أدناه.

خاتمة

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

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

<p>The post How to Show Process Steps in WordPress first appeared on Tableberg.</p>

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

• الطريقة 1: تغيير لون حدود كتلة الجدول الافتراضية
• الطريقة الثانية: تغيير لون حدود كتلة Tableberg

إنشاء جداول جميلة
مع محرر الكتل

جرب مجانا

احصل على الاحتراف

الطريقة 1: تغيير لون حدود كتلة الجدول الافتراضية

ال كتلة الجدول الافتراضية يتيح لك تغيير لون الحدود المحيطة بالجدول. وإليك كيفية القيام بذلك.

الخطوة 01: حدد الجدول وانتقل إلى علامة التبويب "الأنماط"

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

الخطوة 02: انتقل إلى خيار الحدود وقم بتغيير لونه

انتقل إلى خيار الحدود عن طريق التمرير لأسفل علامة التبويب "الأنماط". انقر على الدائرة تحت خيار الحدود. ستتمكن من تعيين لون للحدود المحيطة بالجدول.

ملحوظة: لا يسمح لك كتلة الجدول بتغيير لون الحدود الداخلية.

الطريقة 2: تغيير لون حدود كتلة Tableberg

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

الآن دعونا نرى كيفية تغيير لون حدود الكتلة Tableberg.

الخطوة 01: حدد الجدول وانتقل إلى علامة التبويب "الأنماط"

حدد الجدول بأكمله عن طريق الضغط على أيقونة TableBerg (1) على شريط الأدوات. انتقل إلى علامة التبويب "الأنماط" (2) بعد ذلك.

الخطوة 02: البحث عن خيارات حدود الجدول

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

باستخدام الخيار الأول، يمكنك تغيير لون حدود الجدول.

بعد ذلك، انتقل إلى خيار "الحدود الداخلية". اضبط اللون الذي تريده.

وبذلك يمكنك تغيير لون حدود الجدول في ووردبريس.

اقرأ أيضاً:

• كيفية تغيير حدود عمود فردي
• كيفية تغيير حدود صف فردي

خاتمة

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

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

<p>The post How to Change Table Border Color in WordPress first appeared on Tableberg.</p>

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

• الطريقة 1: تغيير عرض كتلة الجدول الافتراضية
• الطريقة الثانية: تغيير عرض كتلة Tableberg

إنشاء جداول جميلة
مع محرر الكتل

جرب مجانا

احصل على الاحتراف

الطريقة 1: تغيير عرض كتلة الجدول الافتراضية

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

لصنع عرض الطاولةانقر فوق أيقونة "محاذاة" في شريط أدوات كتلة الجدول وحدد "العرض العريض".

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

الآن، ماذا لو كنت تريد تحديد عرض الجدول؟

هناك طريقة. ولكنك تحتاج إلى تحويل كتلة الجدول إلى كتلة المجموعة.

لتحويل كتلة الجدول إلى كتلة المجموعة، انقر على أيقونة "الجدول" من شريط أدوات كتلة الجدول وحدد كتلة "المجموعة".

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

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

الطريقة الثانية: تغيير عرض كتلة Tableberg

للحصول على مزيد من التحكم في عرض الجدول، يمكنك استخدام Tableberg إنه مكون إضافي متعدد الاستخدامات لإنشاء الجداول.

يقرأ: كيفية تحويل كتلة الجدول الافتراضية إلى كتلة Tableberg

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

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

لذا، هكذا يمكنك تغيير عرض الجدول باستخدام البرنامج الإضافي Tableberg.

الكلمات النهائية!

الآن أنت تعرف كيفية تغيير عرض الجدول في WordPress. ولكن هناك عدة أمور يجب أن تهتم بها عند تحديث عرض الجدول. تأكد من عدم الإخلال بتوازن المحتوى على الجدول.

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

<p>The post How to Change Table Width In WordPress (Two Ways) first appeared on Tableberg.</p>

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

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

تنسيق الجداول في الووردبريس

يمكنك تنفيذ كل التنسيقات المذكورة أعلاه على WordPress باستخدام المكون الإضافي Tableberg. دعنا نرى كيفية القيام بذلك.

ملاحظة: لا تحتوي كتلة الجدول الافتراضية على الكثير من الخيارات للتنسيق. في هذا البرنامج التعليمي، سنستخدم ملحق Tableberg لتنسيق جدول WordPress.

1. الصفوف والأعمدة

مثل كتلة الجدول الافتراضية، يسمح لك Tableberg بتحديد عدد الصفوف والأعمدة.

هنا مرة أخرى، مثل كتلة الجدول الافتراضية، يمكنك إدراج/حذف الصفوف والأعمدة من الجدول.

2. تعيين الحدود (اللون والنصف القطر)

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

3. هامش الخلية والحشو

يمكنك ضبط الهامش والحشو للخلايا في طريقتين – فرديا و عالميًا.

• تعيين الهامش والحشو للخلية الفردية

ضع المؤشر على أي خلية. انقر فوق أيقونة زائد (+) بجوار خيار الأبعاد. سيظهر لك خياران: الحشو والهامش.

الآن، يمكنك ضبط الحشو للخلية. قد يؤثر هذا على بعض الخلايا الأخرى أيضًا، ولكن ليس كلها.

• تعيين هامش الخلية والحشو عالميًا

حدد الجدول بأكمله. ثم، انتقل إلى علامة التبويب "الأنماط".

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

4. المحاذاة

يمكنك ضبط محاذاة نص الخلية بشكل فردي.

يمكنك أيضًا ضبط محاذاة الجدول بأكمله. للقيام بذلك، حدد الجدول بالنقر فوق الرمز Tableberg. ثم اختر خيار المحاذاة.

5. لون الخلفية

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

يحتوي Tableberg أيضًا على بعض الميزات المتقدمة. يمكنك تعيين لون خلفية الخلية ولون خلفية الصف ولون خلفية العمود بشكل فردي.

6. الخط والطباعة

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

يتعلم كيفية إنشاء جدول مواصفات المنتج على ووردبريس.

7. الاستجابة

يتيح لك برنامج Tableberg جعل طاولتك تستجيب بشكل مثالي بحيث تبدو جيدة على جميع الأجهزة، بما في ذلك أجهزة سطح المكتب والكمبيوتر اللوحي والهواتف المحمولة.

8. الرأس والتذييل

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

9. النمط العالمي

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

10. إضافة الصور والأزرار والأيقونات

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

يستكشف كيفية إنشاء جدول مقارنة على ووردبريس.

خاتمة

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

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

<p>The post How to Format Tables in WordPress first appeared on Tableberg.</p>

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

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

إنشاء جداول جميلة
مع محرر الكتل

جرب مجانا

احصل على الاحتراف

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

ملاحظة: سوف نستخدم هنا البرنامج الإضافي Tableberg Pro. إذا قمت بتثبيت البرنامج الإضافي بعد، فاحصل عليه هنا.

الخطوة 01: إضافة كتلة Tableberg إلى المحرر

تمامًا مثل أي كتلة جوتنبرج، ابحث عن وأضف كتلة تابيلبيرج الى المحرر.

تعيين ال عدد الاعمدة والصفوف تريد ذلك. ثم اضغط على زر إنشاء.

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

الخطوة 02: إضافة المحتوى إلى الجدول

الميزة المثيرة للاهتمام في Tableberg هي أنها تسمح لك بإضافة كتل مخصصة مختلفة إلى الجدول، مثل محرر كتل Gutenberg.

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

على سبيل المثال، يمكنك إضافة صور إلى خلايا الجدول باستخدام كتلة الصورة.

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

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

الخطوة 03: تمكين شريط البحث 

حدد الجدول بأكمله بالضغط على أيقونة Tableberg على شريط الأدوات. ثم انتقل إلى علامة التبويب "الإعدادات" على الشريط الجانبي الأيمن.

تعال إلى [PRO] بحث القسم عن طريق تمرير علامة التبويب. قم بالتبديل ال تمكين البحث الخيار. ستلاحظ ظهور شريط البحث أعلى الجدول.

الخطوة 04: حدد موضعًا لشريط البحث

يمكنك وضع شريط البحث على يسار، وسط، يمين، أو واسع. حدد الخيار الذي يعجبك.

هذا كل شيء. الآن أصبح من الممكن البحث في جدولك.

الخطوة 05: معاينة شريط البحث

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

دعونا نلقي نظرة على مقطع الفيديو المرفق أدناه. إنه يعمل بشكل جيد من جانبنا.

الخطوة 06: تصميم الجدول القابل للبحث

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

على سبيل المثال، بعض الأشياء الحاسمة التي يمكنك القيام بها هناك هي:

• تغيير ألوان الأعمدة والصفوف والخلايا بشكل فردي
• تعديل أبعاد الخلية والحشو
• إضافة مسافة بين الكتل
• تخصيص/إزالة/تلوين الحدود الداخلية والخارجية
• تحديث الخطوط العالمية

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

فيديو تعليمي

كلمة الختام!

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

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

وهنا دليل على كيفية جعل جدولك قابلاً للفرز في ووردبريس.

<p>The post How to Create a Searchable Table in WordPress first appeared on Tableberg.</p>

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

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

• الطريقة الأولى: إزالة حدود الجدول من كتلة الجدول الافتراضية
• الطريقة الثانية: إزالة حدود الجدول من كتلة Tableberg

إنشاء جداول جميلة
مع محرر الكتل

جرب مجانا

احصل على الاحتراف

الطريقة 1: إزالة حدود الجدول من كتلة الجدول الافتراضية

دعونا نرى كيفية إزالة حدود كتلة الجدول الافتراضية.

الخطوة 01: إنشاء جدول أولاً

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

الخطوة 02: حدد كتلة الجدول وقم بإخفاء حدودها

حدد الجدول بأكمله بالضغط على كتلة الجدول الرمز الموجود على شريط الأدوات. انتقل إلى الأنماط علامة التبويب الموجودة على الشريط الجانبي الأيمن.

تعال إلى حدود الخيار، التمرير لأسفل الشريط الجانبي الأيمن. قم بإجراء قيمة الحد صفر (0) عن طريق سحب المقياس، سوف تختفي حدود الجدول.

الطريقة 2: إزالة حدود الجدول للكتلة Tableberg

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

دعونا نرى كيفية استخدام البرنامج المساعد.

الخطوة 01: تثبيت البرنامج الإضافي وتنشيطه

انتقل إلى المكونات الإضافية > إضافة مكون إضافي جديد. احصل على البرنامج المساعد عن طريق الكتابة Tableberg في مربع البحث. بعد ذلك، ثَبَّتَ و فعل هو - هي.

ابحث عن كتلة Tableberg من محرر جوتنبرج وأضفه إلى منشورك أو صفحتك.

الخطوة 02: إنشاء جدول

انتقل الآن إلى المنشور/الصفحة التي تريد إضافة الجدول بلا حدود إليها. بمجرد دخولك إلى المحرر، انقر فوق الرمز + (1) وابحث عن 'Tableberg' (2). ثم انقر على كتلة Tableberg لإدراجها (3).

قم بتعيين رقم الصف والعمود للمنشور، وهو مشابه لجدول WordPress الافتراضي. ثم انقر فوق الزر "إنشاء جدول".

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

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

الخطوة 03: إزالة الحدود من الجدول

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

قم بالتمرير على الشريط الجانبي قليلاً. قم بإيقاف تشغيل الخيار تمكين الحدود الداخلية. اصنع حجم حدود الجدول صفر (0) عن طريق سحب المقياس.

سيؤدي هذا إلى إزالة الحدود من الجدول. الآن، يمكنك تحرير المحتوى الموجود في الجدول لتعديل عرضه.

حاول إخفاء حدود الجدول بنفسك

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

<p>The post How to Remove Table Borders in WordPress (2 Easy Ways) first appeared on Tableberg.</p>

سنوضح لك كيفية حذف صف من جدول في WordPress باستخدام كتلة الجدول الافتراضية والمكون الإضافي Tableberg.

• الطريقة 1: حذف صف من كتلة الجدول الافتراضية
• الطريقة 2: حذف صف من كتلة Tableberg

إنشاء جداول جميلة
مع محرر الكتل

جرب مجانا

احصل على الاحتراف

الطريقة 1: حذف صف من كتلة الجدول الافتراضية

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

أردنا حذف معلومة الصف من الجدول. يمكنك أن ترى أن الصف لم يعد موجودًا على الجدول.

الطريقة 2: حذف صف من كتلة Tableberg

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

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

يمكنك رؤية أن الصف لم يعد موجودًا على الطاولة.

اقرأ أيضاً:

• كيفية حذف عمود من جدول
• كيفية حذف كتلة الجدول في ووردبريس
• كيفية إزالة حدود الجدول
• كيفية إضافة صف إلى جدول
• كيفية إضافة عمود إلى جدول

خاتمة

في بعض الأحيان، قد تحذف صفًا خاطئًا عن طريق الخطأ. ولكن لا داعي للقلق! باستخدام الزر Control + Z، يمكنك استعادة الصف الذي حذفته منذ فترة.

<p>The post How to Delete Row from a Table in WordPress first appeared on Tableberg.</p>