3 طرق لإضافة جدول إلى WordPress - بسرعة وبدون عناء

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

كانت HTML هي الطريقة الأصلية لإضافة الجداول إلى أي موقع ويب. ثم جاء CSS مما جعل الأمر أكثر تعقيدًا.

اليوم ، يمكن إنشاء جداول غنية بالميزات من داخل WordPress مباشرةً أو باستخدام خدمات خارجية ثم تضمين الجدول (أو حتى جدول بيانات) داخل WordPress مباشرةً.



لا تزال جداول البيانات عبارة عن جداول ، فقط مع وظائف موسعة.

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

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

كيفية إضافة جدول إلى ووردبريس

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

أضف جدولًا متعدد الأعمدة في محرر قوالب WordPress

الجدول العادي في Block Editor قابل للتخصيص بشكل مدهش وسهل التكوين.

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

أدخل عدد الصفوف والأعمدة التي تريدها.

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

بمجرد حصولك على بياناتك في الجدول ، انقر في أي مكان لفتح المُخصص على الجانب الأيمن من محرر WP.

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

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

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

أضف جدول أسعار بسهولة

الميزة الأنيقة لمحرر جوتنبرج (كتلة) هي الكتل المنسقة مسبقًا. يحتوي الآن على جدول تسعير من 3 مستويات جاهز للعمل.

انقر فوق الرمز + ، واكتب 'جدول' في حقل البحث وحدد جدول الأسعار.

هذا يضيف تخطيطًا من 3 أعمدة مع 3 مجموعات تسعير.

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

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

انقر فوق أي عنصر لفتح شريط الأدوات ، ثم حدد النقاط الرأسية الثلاث لإجراء تغييرات عليها.

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

بالنسبة لأولئك الذين يستخدمون المحرر الكلاسيكي ، قم بإلغاء تنشيط المكون الإضافي ، وأنشئ مسودة المنشور أو الصفحة باستخدام Block Editor ، واحفظها كمسودة ، ثم أعد تنشيط المكون الإضافي Classic Editor.

عندما تعود لتعديل المنشور أو الصفحة ، يتم استيراد جميع الرموز تلقائيًا.


أنشئ جداول داخل أعمدة بتنسيق HTML

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

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

رمز إضافة الجدول هو ...

<table style="width: 100%; height: 48px;" border="”5″" width="”1200″" cellspacing="”50″" cellpadding="”50″">
<tbody>
<tr style="background-color: #fff73f;">
<td style="text-align: center; height: 16px;"><strong>Column Title </strong></td>
<td style="text-align: center; height: 16px;"><strong>Next column title</strong></td>
</tr>
<tr style="height: 16px;">
<td style="height: 300px; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra venenatis urna, sit amet venenatis erat sagittis sit amet. Donec sit amet sollicitudin elit. Cras ultricies hendrerit arcu, id blandit lacus feugiat non.</td>
<td style="height: 300px; text-align: center;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam pharetra venenatis urna, sit amet venenatis erat sagittis sit amet. Donec sit amet sollicitudin elit. Cras ultricies hendrerit arcu, id blandit lacus feugiat non.</td>
</tr>
</tbody>
</table>

الكود أعلاه يخلق ...


كيفية تضمين أوراق Google في WordPress

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

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

أولاً ، توجه إلى Google Sheets ، وحدد الورقة التي تريد تضمينها. انقر فوق 'ملف' ، ثم حدد 'مشاركة' ، ثم 'النشر على الويب'.

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

يتيح لك النقر فوق سهم القائمة المنسدلة لـ 'المحتوى والإعدادات المنشورة' تكوين إعدادات الخصوصية ، مثل من يمكنه الوصول إلى المحتوى وتحريره.

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

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

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

انسخ كود التضمين والصقه في محرر 'النص' في WordPress. إذا كنت تستخدم محرر الكتلة ، فاستخدم كتلة 'HTML مخصصة'.

اضغط على معاينة قبل النشر لأن شفرة تضمين Google لا تحتوي على أحجام مضمنة. والنتيجة هي دعاية دعاية صغيرة على صفحة الويب.

في شفرة التضمين ، اترك مسافة بعد أن تحتوي على 'headers = false' وأضف الكود التالي:

style="height:500px;width:1100px">

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

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

أنشئ جداول HTML معقدة داخل WordPress باستخدام البرنامج المساعد TablePress

يعد المكون الإضافي TablePress أحد أكثر المكونات الإضافية استخدامًا في WordPress لبناء الجداول.

إنه يلغي الحاجة إلى العبث برمز HTML ، مما يجعل إنشاء الجدول أسرع وأبسط.

للبدء ، انتقل إلى 'المكونات الإضافية' ، وحدد 'إضافة جديد' واكتب 'tablepress' في مربع البحث في الجزء العلوي الأيمن.

بمجرد تنشيط المكون الإضافي ، تتم إضافة قائمة 'TablePress' الجديدة إلى الشريط الجانبي الأيسر. انقر فوق 'إضافة جديد' لبدء بناء جدولك الأول.

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

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

امنح الجدول اسمًا ، ثم في الشاشة التالية ، ابدأ في إضافة بياناتك.

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

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

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

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

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