أصبحت مربعات المعلومات الآن أداة شائعة لمواقع الويب التي تحتاج إلى مشاركة معلومات مهمة بوضوح وجاذبية. في الأساس، إذا كنت تريد لفت الانتباه إلى عرض ترويجي معين، أو توجيه انتباه المشاهد إلى تفاصيل رئيسية وإشعارات مهمة، أو تشجيع المستخدمين على استخدام دعوات العمل المثمرة، فإن مربعات المعلومات تقدم حلاً بسيطًا لجعل رسائلك مميزة.
لا تعمل مربعات المعلومات على تقسيم المعلومات المهمة إلى أقسام أصغر يسهل قراءتها فحسب، بل تلعب أيضًا دورًا مهمًا في توجيه المستخدم أثناء التنقل. مع إضافة مربعات المعلومات، سيكون من الأسهل عليك توجيه زوارك خلال النقاط الأساسية دون إرباكهم وبتنسيق منظم ونظيف وودود.
الآن، إذا كنت هنا لقراءة هذه المقالة، فهذا يعني أنك على دراية بمفهوم مربعات المعلومات أو أنك تتعلم عنها لأول مرة. ومع ذلك، قد لا يزال هناك سؤال واحد يدور في ذهنك، وهو كيفية إنشاء مربع معلومات. لهذا السبب قمنا بإعداد دليل خطوة بخطوة لإرشادك خلال أساسيات كيفية إنشاء مربعات المعلومات في WordPress. هنا، سنقدم لك طريقتين مختلفتين لمساعدتك في اختيار الخيار الأنسب. إذًا، لماذا الانتظار؟ دعنا ننتقل مباشرة إليهما.
الطريقة 1: استخدام كتل الأعمدة
تُعد كتلة العمود في محرر جوتنبرج طريقة بسيطة لإنشاء مربعات معلومات إذا كنت ترغب في القيام بذلك دون مساعدة من المكونات الإضافية. فهي تتيح لك ترتيب المحتوى الأساسي بتنسيق منظم. وفيما يلي كيفية إعداد مربع معلومات باستخدام هذا النهج:
الخطوة 1: إضافة كتلة عمود إلى المحرر
قم بإنشاء منشور أو صفحة جديدة في WordPress وافتحها في محرر Gutenberg. انتقل إلى إضافة كتلة عمود بالنقر فوق أيقونة "+" ثم حدد "الأعمدة" من خيارات الكتلة.
الآن، اختر تَخطِيط باستخدام عمود واحد أو أعمدة متعددة، حسب الطريقة التي تريد أن يظهر بها مربع المعلومات. ولتسهيل الأمر على المبتدئين، اخترنا عمودًا واحدًا لإنشاء مربع المعلومات الخاص بنا.
الخطوة 2: أضف كتلًا مختلفة لإضافة المحتوى
بعد ذلك، أضف المحتوى إلى كتلة العمود لإنشاء مربع معلومات مميز بصريًا. انقر فوق أيقونة "+" لإضافة الكتلة المفضلة لديك. وهذا بدوره سيوجهك إلى مكتبة كتل جوتنبرج. على سبيل المثال، نبدأ بصورة في أعلى مربع المعلومات الخاص بنا. لذا، ابحث عن صورة قم بحظر الصورة في المكتبة ثم حددها. استمر في تحميل صورتك من مكتبة الوسائط أو قم بتحميلها من جهازك.
بمجرد تحميل صورتك، يمكنك تعديلها تنسيق من صورتك وتخصيصها مقاس منها. يمكنك محاذاة الصورة إلى اليسار أو الوسط أو اليمين. هنا، قمنا بمحاذاة الصورة في الوسط ولكننا حافظنا على نفس الحجم.
الآن، نحتاج إلى عنوان مناسب لتسليط الضوء على صورتنا. لإضافة عنوان كتلة، ابدأ بتحديد الصورة، مما سيؤدي إلى فتح شريط الأدوات، ومن هناك، حدد الكتلة الأصلية.
بمجرد تحديد الكتلة الأصلية، + رمز ستظهر. لذا، اضغط على أيقونة + وابحث عن عنوان انقر فوق الكتلة ثم استمر في إضافة النصوص في كتلة العنوان وقم بمحاذاتها بالطريقة التي تريدها.
بمجرد الانتهاء، كرر الإجراء السابق لإضافة الكتل. هنا، أضفنا كتلة الفقرة و أ كتلة الأزرار واحدا تلو الآخر. أولا، اختر كتلة الفقرة وأضف النص اللازم. قم بمحاذاة تلك النصوص بالطريقة التي تراها ضرورية.
المهمة التالية هي الأزرار. ابحث عن كتل الأزرار من المكتبة، ثم حدد الكتلة وأضف النصوص التي ستوضع في هذا الزر.
بمجرد الانتهاء، محاذاة الأزرار الخاصة بك بالطريقة التي تحبها ثم أضف الروابط إلى الزر الخاص بك.
الخطوة 3: تخصيص الكتلة بأكملها
تتيح لك خيارات التخصيص ضبط جوانب مختلفة للحصول على مظهر أنيق. حدد قسم العمود بأكمله من خلال النقر على أيقونة العمود على شريط الأدوات. الآن، يمكنك البدء في التخصيص عن طريق ضبط عرض من العمود للتأكد من ملاءمته بشكل جيد لتخطيط صفحتك.
بعد ذلك، انتقل إلى علامة التبويب "الأنماط". من هنا، يمكنك اختيار لون من النصوص والروابط والخلفيات؛ يمكنك تغييرها الطباعة وتخصيص الكتلة أبعاد.
إذا قمت بالتمرير إلى الأسفل، فستجد الإعدادات التي يجب إضافتها تباعد الكتل و الحدود والظلال.
لقد قمنا بتغيير النص ولون الخلفية، وتعديل الحشو، وإضافة بعض الحدود والنصف قطر. بمجرد نشر مربع المعلومات، سنحصل على النتيجة النهائية.
الطريقة 2: استخدام البرنامج الإضافي Tableberg
يمكن أيضًا الاستفادة من البرنامج الإضافي Tableberg، المستخدم في الأساس لإنشاء الجداول، لتصميم مربعات معلومات بتنسيق منظم. وإليك كيفية إنشاء مربع معلومات باستخدام Tableberg:
الخطوة 1: تثبيت وتفعيل البرنامج الإضافي Tableberg
انتقل إلى لوحة تحكم WordPress الخاصة بك، وانتقل إلى المكونات الإضافية > إضافة جديد، بحث عن "Tableberg" وانقر على قم بالتثبيت الآن. بمجرد التثبيت، انقر فوق فعل لتفعيل البرنامج الإضافي.
الخطوة 2: إنشاء جدول جديد
انقر على + رمز من محرر النصوص الخاص بك وابحث عن Tableberg المكون الإضافي من المكتبة. بمجرد العثور عليه، انقر فوقه.
الآن، عليك تحديد عدد الأعمدة والصفوف لمربع المعلومات الخاص بك. هنا، سنقوم بإنشاء مربع بعمود واحد؛ ولهذا السبب حددنا صف واحد وعمود واحد.
الخطوة 3: إضافة المحتوى إلى الجدول
كما فعلنا في الطريقة الأولى، سنبدأ بإضافة الصور في مربع المعلومات الخاص بنا. اضغط على + رمز, ابحث عن كتلة الصورةوأضفها إلى منشوراتك. ثم قم بتحميل الصورة من جهازك أو مكتبة الوسائط.
مرة أخرى، إذا كنت بحاجة إلى أي تعديلات في المحاذاة والحجم، قم بنفس الشيء كما هو موضح في الصورة أدناه.
بعد ذلك، سنضع النص بعد الصورة عن طريق إضافة كتلة الفقرةانقر فوق علامة +، وابحث عن كتلة الفقرة وأضفها. إذا كنت تعتقد أن أي تغيير في المحاذاة ضروري، فافعل ذلك.
المهمة الأخيرة هي إضافة الأزرار. حدد كتلة الوالدين، ابحث عن + رمز، بحث عن أزراروأضفه إلى المحرر.
بمجرد الانتهاء من هذا، أضف نصًا إلى الأزرار الخاصة بك، تحقق من محاذاة من الزر الخاص بك، و أضف الروابط إليها.
الخطوة 4: تخصيص الجدول الخاص بك
بعد إعداد مربع Tableberg بالمحتوى الخاص بك، يمكنك المضي قدمًا في تخصيص المربع وتصميمه ككل. ولكن ضع في اعتبارك أنه يمكنك أيضًا تخصيص كل كتلة فردية استخدمناها هنا. في الوقت الحالي، نلتزم بالجدول بالكامل.
أولاً، انقر فوق أيقونة Tableberg في شريط الأدوات لتحديد المربع بأكمله. ثم، قم بالتمرير إلى علامة التبويب "الإعدادات" وضبط عرض من المربع ليتناسب مع تخطيط صفحتك أو منشورك.
ثم انتقل إلى علامة التبويب "الأنماط" لتخصيص الصندوقلون الخلفية، والحشو، والهامش، والمساحة.
إذا قمت بالتمرير إلى الأسفل أكثر، فستجد المزيد من الخيارات لتغيير الجدول، والحدود الداخلية والعمودية، ولون الخط العالمي، والمزيد.
هذه هي الطريقة التي يمكنك بها إنشاء مربع معلومات مثالي. إذا كنت بحاجة إلى أكثر من مربع معلومات، فما عليك سوى تغيير عدد الأعمدة والصفوف ثم اتباع نفس الإجراء.
خاتمة
والآن لديك مربع المعلومات Tableberg المصمم بشكل مثالي. وببضعة تعديلات بسيطة، يمكن أن يتحول المحتوى الخاص بك من عادي إلى ملفت للنظر، ويجذب الانتباه أينما كان. إن إمكانيات التخصيص لا حصر لها، لذا دع خيالك ينطلق. جرب الألوان، وجرب الحدود وأضف لمسات نهائية تجعل كل مربع متعة بصرية. دع مربعات المعلومات الخاصة بك لا تنقل المعلومات فحسب، بل وتضيف أيضًا لمسة من الأناقة إلى موقعك بالكامل.