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

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

قد يكون العثور على جدول بعد إنشائه أمرًا شاقًا، إذ يتطلب نسخ/لصق الكود المختصر. ولكن ماذا لو كان هناك قسم مخصص للعثور على جميع جداولك؟ WP Table Manager القيام بذلك بسهولة تامة باستخدام محرر Gutenberg الخاص بـ WordPress.

يضيف WP Table Manager كتلًا إلى محرر Gutenberg تسمح لك بإضافة هذه الجداول مع مربع بحث مباشرة في الكتلة.

إنشاء جداول ووردبريس باستخدام هذه الإضافة لـ Gutenberg

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

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

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

انقر الآن على "موافق" (ضع في اعتبارك أنه سيتم حذف جميع البيانات الموجودة في الجدول).

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

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

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

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

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

لسنا مضطرين لحفظ الجدول لأنه سيتم حفظه تلقائياً مع كل تغيير.

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

انتقل إلى المنشورات > إضافة جديد ، سترى محرر غوتنبرغ، سنختار WP Table Manager .

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

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

وهذا كل شيء، لقد أنشأنا ونشرنا جدول أسعار في أقل من 10 دقائق، سهل للغاية، أليس كذلك؟

استخدام إضافة WP Table Manager في ووردبريس لإنشاء الرسوم البيانية

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

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

من الممارسات الجيدة إنشاء فئة لكل نوع من أنواع الجداول التي نريد إنشاءها، على سبيل المثال، أنشأنا هنا فئة تسمى: "المخططات".

إنشاء الفئات أمر سهل للغاية، وللقيام بذلك انقر على + إنشاء جديد > فئة .

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

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

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

 الآن، سنرى الرسم البياني الذي تم إنشاؤه باستخدام القائمة الصحيحة حيث سنتمكن من رؤية الأدوات اللازمة لتخصيص الرسم البياني.

سنستخدم مخطط الدائرة في هذا المثال.

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

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

في محرر غوتنبرغ، ابحث عن كتلة "WP Table Manager Chart" وأضفها إلى المنشور.

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

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

كما ترون، سيتم إضافة الرمز المختصر تلقائيًا، لذا كل ما عليك فعله هو نشره وسيتم إنجاز كل شيء.

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

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

الآن يجب تحديث الرسم البياني، فلنتحقق منه.

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

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

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

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

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

وأخيراً، حدد عنوان كل عمود وأضف القواعد لإنشاء الجدول.

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

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

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

تصميمنا الجديد سيجعل كل شيء أسهل!

ابدأ بإنشاء الجداول باستخدام WP Table Manager

الآن وقد عرفت مدى سهولة إنشاء الجداول وإدارتها باستخدام إضافة WP Table Manager ، فماذا تنتظر؟ توجه إلى هنا واشترك في الإضافة لتبدأ بتقديم جميع هذه الجداول بأفضل طريقة احترافية.