كيفية وضع النص والصورة جنبًا إلى جنب في WordPress

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

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

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

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

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

الخطوة 01: إضافة الوسائط والنص إلى المحرر

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

إضافة كتلة الوسائط والنص إلى WordPress

الخطوة 02: إضافة/تحميل صورة إلى الكتلة

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

إضافة/تحميل صورة إلى الكتلة

يمكنك رؤية الصورة المضافة إلى الكتلة.

تمت إضافة الصورة إلى كتلة الوسائط والنص

الخطوة 03: إضافة نص إلى الوسائط وكتلة النص

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

إضافة نص إلى الوسائط وكتلة النص

الخطوة 04: تبديل موضع النص وملف الوسائط

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


الطريقة 2: استخدام كتلة الأعمدة

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

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

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

لذا، أضف كتلة الأعمدة أولا إلى المحرر.

أضف كتلة الأعمدة إلى المحرر

حدد تخطيطًا مكونًا من عمودين.

حدد تخطيطًا مكونًا من عمودين

الخطوة 02: إضافة كتلة الصورة إلى كتلة الأعمدة

من الأفضل عرضها على اليسار. أضف كتلة الصورة إلى العمود الأيسر.

أضف كتلة الصورة إلى كتلة الأعمدة

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

تحميل صورة إلى كتلة الأعمدة

يمكنك رؤية الصورة التي تمت إضافتها إلى الكتلة.

تمت إضافة الصورة إلى كتلة الأعمدة

الخطوة 03: إضافة نص إلى كتلة Cloumns

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

أضف كتلة الفقرة إلى كتلة الأعمدة

يمكنك رؤية النص المضاف إلى العمود.

تمت إضافة النص إلى كتلة الأعمدة

بعد ذلك، يمكنك تخصيص كتلة الأعمدة، بما في ذلك الصورة والنص الموجود عليها.


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

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

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

ابدأ باتباع البرنامج التعليمي الآن.

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

تضيف هذه الإضافة كتلة تسمى Tableberg إلى مكتبة كتل Gutenberg. أضف كتلة Tableberg الى المحرر.

أضف كتلة TableBerg إلى محرر Gutenberg الخاص بك

حدد عدد الأعمدة والصفوف التي تحتاجها للتخطيط. سنختار 2*1.

تعيين عدد الصفوف والأعمدة

يمكنك رؤية الأعمدة والصفوف جاهزة.

تمت إضافة الصفوف والأعمدة إلى المحرر

الخطوة 02: إضافة صورة إلى خلية الجدول

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

إضافة كتلة صورة إلى Tableberg

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

قم بتحميل أو إضافة صورة إلى Tableberg

لقد أضفنا صورة، يمكنك رؤيتها أدناه.

تمت إضافة صورة إلى الجدول

الخطوة 03: إضافة نص إلى الجدول

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

أضف نصًا إلى Tableberg

الخطوة 04: تعديل حدود Tableberg

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

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

إزالة الحدود من الجدول

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


خاتمة

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

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

اقرأ أيضاً:



فريق Tableberg