Therefore, you must learn how to use the gallery block in WordPress. Once you master the gallery block’s features, you can use it to enhance your website’s visuals, making it more professional and appealing.

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

ما هي كتلة معرض WordPress؟

كتلة معرض ووردبريس is a core block in the WordPress block editor. It lets you create and display a collection of images in a شبكة format. It is perfect for displaying event photos, organizing images into an attractive layout, or presenting images with minimal effort.

هناك بعض الميزات التي تفيدك عند استخدامك للكتلة. اطلع على هذه الميزات أدناه.

1. التخصيص:اضبط الأعمدة والمسافات والتسميات التوضيحية لتناسب تصميمك. يمكنك أيضًا تعيين دقة مختلفة للصور الفردية في المعرض.
2. تصميم متجاوب:تتكيف الصور تلقائيًا مع أحجام الشاشات المختلفة لتوفير تجربة سلسة على الهاتف المحمول والكمبيوتر اللوحي وسطح المكتب.
3. التكامل المدمج:لا حاجة إلى مكونات إضافية؛ تعمل الكتلة بشكل أصلي في WordPress.
4. صديق لمحركات البحث: Alt text and captions can improve your content’s accessibility and search engine ranking. You can also set ALT text for separate images within the gallery.

ميزات شريط أدوات كتلة المعرض

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

1. تحويل: يمكنك تحويل هذه الكتلة إلى كتلة صورة وأعمدة وتفاصيل ومجموعة.
2. يجر: يتيح لك سحب الكتلة المخصصة وإفلاتها في أي مكان في المحرر.
3. مقبض متحرك:  يتيح لك تحريك الكتلة الخاصة بك لأعلى ولأسفل.
4. محاذاة: يتيح لك خيار المحاذاة تعيين محاذاة الصورة إلى لا شيء، والعرض العريض، والعرض الكامل، واليسار، والمركز، واليمين.
5. وصلة: يتيح لك هذا الخيار إضافة روابط للمحتوى المحدد داخل الكتلة.
6. التسمية التوضيحية: بإمكانك إضافة تعليقات توضيحية باستخدام خيار المحرر لكل صورة.
7. يضيف: يتيح لك خيار الإضافة إضافة صور جديدة أو تحميلها إلى المعرض.
8. المزيد من الخيارات: يقدم المزيد من الخيارات المتعلقة بقسم الكتلة، مثل التكرار والنسخ والتجميع وما إلى ذلك.

كيفية استخدام كتلة المعرض في ووردبريس

Using the Gallery block in WordPress is simple. Just follow the below steps:

الخطوة 1: إضافة كتلة المعرض في المحرر

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

الخطوة 2: تحميل صورك

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

كيفية إدراج الصور عبر خيار التحميل

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

كيفية إدراج صورة عبر خيار مكتبة الوسائط

انقر فوق زر مكتبة الوسائط، وحدد صورك، ثم انقر فوق زر إنشاء معرض جديد وإدراج معرض لإدراج الصور في المحرر.

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

الخطوة 3: تخصيص المعرض

لتخصيص المعرض، انتقل إلى الإعدادات (1) > الكتلة (2) > الإعدادات (3). ستجد خيارات تحديد الأعمدة والدقة وخيارات أخرى.

• الأعمدة: تتيح لك الأعمدة تحديد عدد الصور التي تريد عرضها في محرر الصور. وكلما زاد عدد الصور التي تضيفها، زاد عدد الأعمدة التي ستتم إضافتها إلى المعرض. (4)
• دقة: يمكنك ضبط دقة الصورة على الصورة المصغرة والحجم الكامل. (5)
• قص الصور لتناسب: تحافظ هذه الميزة على نسبة كل صورة وتجعل حجمها مناسبًا.
• ترتيب عشوائي: لا تقوم هذه الميزة بالحفاظ على التسلسل بل تقوم بعرض الصور بتسلسل عشوائي.

يتضمن خيار الأنماط الخيارات التالية.

1. لون: يتيح لك خيار اللون تغيير لون الخلفية لكتلة المعرض الخاصة بك.
2. أبعاد: يتيح لك خيار الأبعاد تعديل مسافة الكتلة (المسافة بين كتلتين مثل الصور) والهامش والحشو.
3. الحدود ونصف القطر: باستخدام هذه الميزة، يمكنك إضافة حدود ولون حدود ونصف قطر حدود إلى معرض الصور الخاص بك.

إليكم العرض التوضيحي الكامل للمعرض الذي قمت بإنشائه.

Create an Interactive Gallery with Galleryberg

While the default Gallery block is excellent for simple grids, it lacks features such as a lightbox, hover effects, and diverse layouts.

If you want a more engaging gallery without writing code, the جاليري بيرج plugin is a free alternative that extends the block editor with extra tools. It lets you switch between tile, masonry, justified, and square layouts, and adds a built‑in lightbox for zooming and navigation.

Galleryberg also includes subtle hover effects and responsive controls so your galleries feel modern on desktop and mobile.

Now let’s see how to use the Galleryberg plugin.

الخطوة 1: تثبيت مُلحق Galleryberg Plugin

Go to your WordPress dashboard and navigate to Plugins → Add New and search for Galleryberg. Then install and activate the plugin.

Step 2: Insert the Galleryberg Gallery Block

Create a new post/page or edit an existing one. Click the “+” button, search for Galleryberg, and add the block.

Step 3: Add Your Images

Upload new images or select them from the Media Library and click Select.

الخطوة 4: اختر تخطيطاً

By default, the block uses a Tiles layout. In the block’s sidebar, you can switch to البناء, مبررأو المربع to better match your design.

Each layout automatically rearranges the images, and you can adjust the columns, spacing, and borders.

Step 5: Enable the lightbox

Toggle Enable Lightbox in the block settings to let visitors click an image and view it in a pop‑up with zoom and slide navigation.

The lightbox includes keyboard and touch controls, so it works smoothly on desktops and phones.

Step 5: Explore hover effects and captions

Use the Caption settings to display text below images or as an overlay that appears on hover. Galleryberg’s hover animations (zoom in/out and overlays) make the gallery feel interactive without distracting the

الخطوة 6: المعاينة والنشر

Once satisfied, preview your gallery and publish or update the post. Your gallery will be responsive and performance‑optimised thanks to server‑side rendering.

Why Use Galleryberg Instead of the Core Block?

The core Gallery block offers basic grid layouts but lacks features such as a lightbox, hover animations, and varied layouts. Galleryberg provides four different gallery styles, a responsive lightbox with zoom and keyboard navigation, and intuitive controls for spacing, colors, and captions. It even supports responsive hover effects to add subtle animations. If you need a gallery that encourages visitors to interact with your images and fits seamlessly into the block editor, Galleryberg is a lightweight, user‑friendly solution.

الأفكار النهائية!

تُعد Gallery Block أداة قوية مع محرر Gutenberg block. تتيح لك عرض مجموعات الصور الخاصة بك دون الحاجة إلى أي مكونات إضافية.

إنه خيار ممتاز للجميع بسبب مرونته وخيارات التخصيص والتكامل السلس مع WordPress.

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

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

اقرأ المزيد!

• كيفية استخدام كتلة الصورة في ووردبريس في 3 خطوات سهلة
• كيفية استخدام الكتلة المنسقة مسبقًا في WordPress في 3 خطوات سهلة
• كيفية استخدام محرر الكتل في WordPress (دليل المبتدئين)
• أفضل 7 بدائل لـ wpDataTables في عام 2024 (مقارنة)
• أفضل إضافات WordPress لمواقع الأخبار والبوابات الإلكترونية (2024)

<p>The post How to Use the Gallery Block in WordPress in 3 Easy Steps first appeared on Tableberg.</p>

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

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

دعونا نناقشهم الآن. 

1. الكتل النهائية

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

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

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

الميزات الرئيسية لـ Ultimate Blocks:

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

2. تصنيف الرياضيات SEO

بدون تحسين محركات البحث (SEO)، لن تتمكن من إيصال محتواك إلى جمهور واسع بشكل طبيعي. Rank Math إضافة شهيرة لتحسين محركات البحث في مجال ووردبريس. تُظهر هذه الإضافة بشكل فوري مدى نجاحك في تحسين محتواك لتحقيق أداء SEO ممتاز من خلال العديد من المؤشرات.

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

تقدم Rank Math SEO أداةً لرصد أخطاء 404 تكتشف الروابط المعطلة وتُعيد توجيهها بشكل صحيح. كما تتكامل الإضافة مع مختلف وحدات تحكم البحث لعرض أداء محتواك على لوحة تحكم ووردبريس.

الميزات الرئيسية لـ Rank Math:

• معالج الإعداد البسيط
• مدير إعادة التوجيه
• يدعم إدارة تحسين محركات البحث المحلية
• إنشاء خريطة موقع XML
• يدعم WooCommerce SEO
• مدير الأدوار لأذونات المستخدم
• قم بربط موقعك بستة وحدات تحكم بحث شائعة

3. Tableberg

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

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

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

الميزات الرئيسية لـ Tableberg:

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

4. OpinionCamp

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

يمكنك تعديل الألوان وأنماط الأزرار والتصميمات بصريًّا دون الحاجة إلى كتابة أي كود CSS. يرى المصوتون النتائج على الفور، ويمكنك اختيار السماح بالتصويت المجهول حفاظًا على الخصوصية. يتميز OpinionCamp بخفة وزنه وتصميمه الذي يجعله يبدو وكأنه جزء من WordPress؛ ويتم تخزين البيانات محليًّا، لذا لا توجد حاجة إلى حسابات خارجية.

الميزات الرئيسية لـ OpinionCamp:

• 100 استطلاع رأي قائم على الكتل من نوع %: إنشاء استطلاعات الرأي وإدارتها مباشرةً من خلال محرر ووردبريس.
• الأسئلة ذات الإجابة الواحدة والأسئلة متعددة الخيارات: دعم استطلاعات الرأي التي تعتمد على الاختيار الفردي والاختيار المتعدد على حد سواء.
• التخصيص المرئي: تخصيص الألوان والتصميم وأنماط الأزرار دون استخدام CSS.
• معاينة فورية: شاهد كيف سيبدو استطلاع الرأي الخاص بك أثناء التحرير.
• التصويت المجهول والتخزين المحلي: التصويت المجهول اختياري؛ ويتم تخزين جميع البيانات محليًّا حفاظًا على الخصوصية.
• خفيفة الوزن وعصرية: صُمم ليكون سريعًا، مع واجهة بسيطة تتناسب مع أي مظهر.

5. جاليري بيرج

يساعدك «Galleryberg» على إنشاء معارض صور جذابة وذات مظهر احترافي في محرر «Gutenberg». ويوفر العديد من أنماط التخطيط، بما في ذلك «Masonry» و«Tiles» و«Justified» و«Square» و«Mosaic». جميع التخطيطات متوافقة تمامًا مع الأجهزة المختلفة، ويمكنك تعديل عدد الأعمدة لتناسب الأجهزة اللوحية والهواتف.  

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

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

المزايا الرئيسية لـ غاليريبيرغ

• تصميمات متعددة للمعرض: اختر من بين تخطيطات البلاط أو المربعات أو البناء أو التخطيط المتساوي.
• تصميم متجاوب مع التحكم في الأعمدة: اضبط عدد الأعمدة لضمان عرض مثالي على أي جهاز.
• صندوق عرض مدمج: تتضمن تأثيرات تكبير/تصغير سلسة، والتنقل باستخدام لوحة المفاتيح واللمس، ووظيفة التكرار.
• تخصيص الصورة بالتفصيل: ضبط الحدود، والتسميات التوضيحية، ونسب العرض إلى الارتفاع، والمسافات؛ وتطبيق مرشحات الألوان الثنائية.
• مُحسَّن الأداء: يستخدم العرض من جانب الخادم لتسريع تحميل الصفحات.
• مُهيأة لتسهيل الوصول: تجعل علامات ARIA والتنقل باستخدام لوحة المفاتيح معارض الصور سهلة الاستخدام لجميع الزوار.

6. صاروخ WP

تحميل الصفحات بسرعة أمرٌ أساسي لنجاح أي موقع إلكتروني. ووفقًا للعديد من الإحصائيات، يغادر أكثر من 60% من المستخدمين الموقع الإلكتروني إذا استغرق تحميله أكثر من ثلاث ثوانٍ. يُمكن لإضافة التخزين المؤقت مثل WP Rocket أن تُقلل وقت تحميل الصفحة بشكل ملحوظ.

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

الميزات الرئيسية لـ WP Rocket:

• يدعم تخزين الصفحات والمتصفح مؤقتًا
• يدمج شبكة توصيل المحتوى (CDN)
• يسمح لك بالتحكم في ضربات القلب
• تصغير ودمج ملفات CSS وJS
• يتضمن خيار التحميل الكسول
• يحذف الملفات غير الضرورية من قاعدة البيانات

7. ثرايف ليدز

يُعدّ توليد العملاء المحتملين أمرًا ضروريًا للمستقبل المالي لأي موقع إلكتروني. فهو يساعدك على بناء قاعدة بيانات من العملاء المحتملين لإدارة حملات تسويقية وزيادة المبيعات بنجاح. يُعدّ Thrive Leads إضافةً رائعةً لتوليد العملاء المحتملين.

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

الميزات الرئيسية لـ Thrive Leads:

• منشئ النماذج عن طريق السحب والإفلات
• أنواع متعددة من النماذج (صندوق الضوء، الشريحة، المضمنة)
• خيارات الاستهداف المتقدمة
• تحليلات مفصلة لإعداد تقارير قوية
• يقدم العديد من القوالب المعدة مسبقًا
• التكامل مع خدمات التسويق عبر البريد الإلكتروني

8. بت سوشيال

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

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

الميزات الرئيسية لـ Bit Social:

• يتضمن تقويم وسائل التواصل الاجتماعي
• تصفية المشاركات حسب الفئات
• مشاركة المنشورات على منصات التواصل الاجتماعي المختلفة في نفس الوقت
• يعمل مع 19 منصة تواصل اجتماعي
• هل يتوفر إصدار مجاني؟

9. تحليلات مستقلة

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

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

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

10. أب درافت بلس

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

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

يتمتع UpdraftPlus بالتكامل مع أنظمة تخزين سحابية مختلفة، مثل Google Drive، وDropbox، وAmazon S3، وما إلى ذلك، لحفظ النسخ الاحتياطية.

الميزات الرئيسية لـ UpdraftPlus:

• القدرة على عمل نسخة احتياطية لقواعد البيانات الكبيرة (حتى 100 جيجابايت أو أكثر)
• يدعم النسخ الاحتياطي كل ساعة، يوميا، أسبوعيا، شهريا، وكل أسبوعين
• يدعم أكثر من 14 خدمة تخزين سحابية وعن بعد
• يتم تشفير النسخ الاحتياطية لأغراض الأمان
• متوافق مع المواقع المتعددة

11. الشركات التابعة المتعطشة

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

لذا، إذا كنتَ مسوّقًا بالعمولة محترفًا، فعليكَ تجربة هذه الإضافة. مهما كان موقعك يحتوي على آلاف الروابط، يمكنك إدارتها باحترافية مع Thirsty Affiliates.

الميزات الرئيسية لـ Thirsty Affiliates:

• ربط الكلمات الرئيسية تلقائيًا
• تصنيف الروابط للمنظمة
• إنشاء وتحرير الروابط بالجملة
• تتبع النقرات والتحليلات التفصيلية
• يتكامل مع منشئي الصفحات المشهورين

كلمات أخيرة!

اختيار المجموعة المناسبة من الإضافات يُحسّن أداء موقعك الإلكتروني وتجربة المستخدم بشكل ملحوظ. عدم اختيار الإضافة المناسبة سيؤدي حتمًا إلى مشاكل جمة. كما أن استبدال الإضافة في منتصف الطريق قد يؤثر سلبًا على أداء موقعك.

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

<p>The post 11 Best WordPress Content Plugins to Boost Engagement and Visual Appeal first appeared on Tableberg.</p>

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 إضافة الصور إلى موقعك بعدة طرق. إحدى الطرق الأكثر فعالية للقيام بذلك هي إضافة الصور في الأعمدة والصفوف. يتيح لك ذلك تقديم صورك بطريقة منظمة.

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

• الطريقة 1: استخدام كتلة العمود (الأفضل للتحكم اليدوي الكامل والتخطيطات المخصصة)
• الطريقة الثانية: استخدام كتلة المعرض (الأفضل لشبكات الصور البسيطة ذات التصميم البسيط)
• الطريقة 3: استخدام كتلة غاليري بيرغ (الأفضل للتخطيطات المتقدمة مع Lightbox والتخصيص)
• الطريقة 4: استخدام البرنامج الإضافي Tableberg (الأفضل لشبكات الصور المنظمة مثل التسعير أو الجداول أو جداول المنتجات)

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

جرب مجانا

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

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

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

الخطوة 01: إضافة كتلة عمود جوتنبرج

البحث و أضف كتلة العمود بالضغط على أيقونة الجمع (+) الموجودة في المحرر.

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

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

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

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

الخطوة 03: تصميم كتلة الصورة داخل كتلة العمود

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

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

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

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

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

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

سوف يُسمح لك بتحميل الصور من محرك محلي أو ال مكتبة الوسائطفي هذا البرنامج التعليمي، سنقوم بتحميل الصور من مكتبة الوسائط.

الخطوة 02: تحديد الصور وتحميلها

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

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

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

آمل أن تتمكن من القيام بذلك بمفردك، لذلك لن أدخل في التفاصيل.

الطريقة 3: استخدام البرنامج المساعد Galleryberg Plugin

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

الخطوة 1: تثبيت مُلحق Galleryberg Plugin

انتقل إلى لوحة تحكم ووردبريس الخاصة بك وانتقل إلى المكونات الإضافية > إضافة جديد. ثم ابحث عن "Galleryberg" وقم بتثبيت الإضافة وتفعيلها.

الخطوة 2: إضافة مكوِّن جاليري بيرج

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

الخطوة 3: تحميل أو تحديد الصور

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

الخطوة 4: اختر تخطيطاً

من لوحة إعدادات المكوِّن، حدِّد التخطيط الذي تريده:

• البلاط: تخطيط الشبكة بمسافات متساوية (مثالي للصفوف والأعمدة)
• البناء: تخطيط مكدس على طراز بينتيريست
• مبرر: صفوف متناسقة بدقة متساوية في الارتفاع
• المربع: مربعات مثالية للعرض الشبكي الموحد

الخطوة 5: تمكين خيار Lightbox

في الشريط الجانبي لإعدادات المكوِّنات، قم بتبديل تمكين الصندوق الخفيف خيار.

ستُفتح صورك الآن في نافذة منبثقة مع انتقالات سلسة وتأثيرات تكبير/تصغير وتصفح الشرائح.

الخطوة 5: التخصيص والنشر

• قم بتعيين عدد الأعمدة (من 1 إلى 8)في الشريط الجانبي لإعدادات المكوِّنات، مرِّر لأسفل إلى لايت بوكس قسم.
• قم بتبديل تمكين الصندوق الخفيف خيار.
• ستُفتح صورك الآن في نافذة منبثقة مع انتقالات سلسة وتأثيرات تكبير/تصغير وتصفح الشرائح.
• اضبط المسافات والتسميات التوضيحية والحدود والمزيد
• تمكين العرض المبسط لمعاينات الصور التفاعلية

انقر نشر أو تحديث وسيظهر معرضك في صفوف وأعمدة نظيفة ومتجاوبة.

الطريقة 4: استخدام المكون الإضافي Tableberg

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

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

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

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

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

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

الخطوة 03: البحث عن كتلة الصورة وإضافتها إلى الجدول

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

انقر على أيقونة الإضافة (+)سوف تحصل على كتلة الصورة. اضغط على كتلة الصورة.

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

الخطوة 04: قم بتنسيق الصورة التي تم تحميلها

نأمل أن تكون صورتك قد تم تحميلها بالفعل إلى الجدول. انتقل إلى علامة التبويب "الأنماط" في الشريط الجانبي الأيمن. ستجد خيارات مثل Duotone وBorder وRadius لتنسيق كتلة الصورة الخاصة بك.

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

ملاحظات ختامية!

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

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

<p>The post How to Display WordPress Images in Columns & Rows first appeared on Tableberg.</p>

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

إنشاء علامات تبويب لأي محتوى في ووردبريس

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

حرف التاءمحتوى مبتور" من Ultimate Blocks يتيح لك إضافة أي محتوى في علامات التبويب. لنرى كيف نفعل ذلك.

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

اذهب الى المكونات الإضافية > إضافة مكون إضافي جديد. يكتب الكتل النهائية في شريط البحث الموجود في الزاوية اليمنى العليا. ثَبَّتَ و فعل المكون الإضافي بعد ظهوره أدناه.

الخطوة 02: إدراج كتلة المحتوى المبوبة

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

الخطوة 03: إضافة علامات تبويب جديدة وإعادة تسميتها

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

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

الخطوة 04: إضافة المحتوى إلى علامات التبويب

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

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

الخطوة 05: تخصيص علامات التبويب

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

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

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

فيديو تعليمي

إنشاء علامات تبويب للجداول في ووردبريس

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

مع Tableberg's Tableberg "التبديل إلى Tableberg"، يمكنك ذلك:

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

إليك كيفية إنشاء علامات تبويب للجداول باستخدام Tableberg:

الخطوة 1: إدراج مكوِّن "تبديل ل Tableberg

• افتح مقالتك أو صفحتك في محرِّر ووردبريس.
• انقر على أيقونة (+)، ابحث عن التبديل إلى Tablebergوأضف الكتلة.

الخطوة 2: إعداد علامات التبويب وتخصيصها

• بشكل افتراضي، سترى بشكل افتراضي علامات تبويب تحمل علامات التبويب "علامة التبويب 1" و "علامة التبويب 2" و "علامة التبويب 3".
• انقر على أيقونة + أو - لإضافة علامات التبويب أو إزالتها حسب الحاجة.
• قم بإعادة تسمية كل علامة تبويب (على سبيل المثال، "شهري"، "سنوي"، "قياسي"، "مميز").
• استخدم لوحة الإعدادات الموجودة على اليمين لضبط العناوين، والمحاذاة، والألوان، والحدود حسب النمط المفضل لديك.

الخطوة 3: إضافة جدول إلى كل علامة تبويب

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

الخطوة 4: المعاينة والنشر

• استخدم المعاينة للتأكد من أن الجداول المبوبة تبدو وتعمل بشكل صحيح.
• بمجرد أن تصبح سعيداً، انشر أو حدّث منشورك/صفحتك.

إليك مثال لما يبدو عليه جدول التسعير المبوب مع Tableberg:

خاتمة

تستجيب كتلة المحتوى المبوب التي تأتي مع البرنامج الإضافي Ultimate Blocks تلقائيًا لجميع الأجهزة. ونتيجة لذلك، لن تضطر إلى قضاء الكثير من الوقت في جعلها تستجيب للأجهزة.

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

<p>The post How to Create Tabs in WordPress to Organize Content first appeared on Tableberg.</p>

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

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

• الطريقة 1: إضافة زر تبديل لأي نوع من المحتوى (نص، صور، نماذج، إلخ)
• الطريقة الثانية: إضافة زر تبديل لجداول التسعير أو أي نوع من البيانات الجدولية

هيا بنا نتعمق!

الطريقة 1: إضافة زر تبديل لأي نوع من المحتوى

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

سوف نستخدم الكتل النهائية الإضافة التي تقدم مكوِّن تبويب المحتوى متعدد الاستخدامات (محتوى مبوب) الذي يعمل مع جميع أنواع المحتوى.

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

• انتقل إلى لوحة تحكم ووردبريس الخاصة بك.
• انتقل إلى الإضافات > إضافة جديد.
• ابحث عن "Ultimate Blocks" وقم بتثبيته/تفعيله.

الخطوة 2: إضافة كتلة المحتوى المبوبة

• افتح مقالة أو صفحة في محرِّر ووردبريس.
• يكتب /المحتوى المبوب أو استخدم أيقونة + لإضافة مكوِّن المحتوى المبوَّب.

سيبدو مكوِّن "المحتوى المبوب" بهذا الشكل -

الخطوة 3: تخصيص المكوِّن لوظيفة التبديل

حدد الكتلة واختر الكتلة واختر أسلوب الحبوب في الإعدادات (هذا يجعل علامات التبويب تبدو مثل الأزرار).

قم بتوسيط المحاذاة للحصول على مظهر كلاسيكي للتبديل.

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

استخدم إعدادات الألوان لتعيين ألوان متباينة، بحيث تكون علامة التبويب النشطة واضحة.

الخطوة 4: إضافة المحتوى الخاص بك

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

قم بتخصيص المزيد إذا لزم الأمر - قم بتغيير خلفيات علامات التبويب وألوان المحتوى والمزيد.

الخطوة 5: المعاينة والنشر

• استخدم خيار المعاينة لاختبار التبديل.
• بمجرد أن تكون راضيًا، انشر الصفحة أو حدّثها.

هذا كل شيء! لديك الآن زر تبديل مرن لأي نوع من المحتوى على موقع ووردبريس الخاص بك.

الطريقة 2: إضافة زر تبديل لجداول التسعير (والمزيد)

هل تريد السماح للمستخدمين بالتبديل بين جداول الأسعار الشهرية والسنوية - أو مقارنة مجموعات البيانات المختلفة جنبًا إلى جنب؟ يمكن استخدام التبديل إلى Tableberg صُممت الكتلة في المكون الإضافي Tableberg لهذا الغرض فقط!

مع Tableberg برويمكنك تنظيم أي عدد من الجداول في علامات تبويب أنيقة وقابلة للنقر، وهي مثالية لخطط التسعير، أو مقارنات المنتجات، أو الجداول متعددة اللغات، أو أي سيناريو يكون فيه تعدد الجداول منطقيًا.

الخطوة 1: إدراج مكوِّن "تبديل ل Tableberg

• افتح مقالتك أو صفحتك في محرِّر ووردبريس.
• انقر على أيقونة + (زائد) وابحث عن "تبديل لـ Tableberg".
• أضف المكوِّن إلى صفحتك.

الخطوة 2: إعداد علامات التبويب وتخصيصها

• بشكل افتراضي، سترى ثلاث علامات تبويب تحمل أسماء "علامة التبويب 1" و"علامة التبويب 2" و"علامة التبويب 3".
• قم بإضافة علامات تبويب أو إزالتها حسب الحاجة باستخدام الرمزين + أو -.
• أعد تسمية كل علامة تبويب (على سبيل المثال، "شهري" أو "سنوي" أو "الخطة الأساسية" أو "الخطة الاحترافية").
• استخدم لوحة الخيارات اليمنى لضبط عناوين علامات التبويب والمحاذاة والألوان والحدود للحصول على مظهر العلامة التجارية.

الخطوة 3: أضف جداولك

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

حالات الاستخدام الشائعة

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

الخطوة 4: المعاينة والنشر

• قم بمعاينة علامات تبديل التبديل للتأكد من أن كل شيء يبدو ويعمل كما هو متوقع.
• انشر أو حدّث منشورك/صفحتك عندما تكون جاهزة.

إليك مثال كيف يبدو التبديل لجدول التسعير.

خاتمة

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

• لأي نوع من المحتوى، استخدم الكتل النهائية لإنشاء مفاتيح تبديل مرنة في ثوانٍ.
• بالنسبة لجداول الأسعار وتخطيطات الجداول الأكثر تقدمًا، جرِّب كتلة تبديل Tableberg للمحترفين لتجربة تبويب سلسة.

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

<p>The post How to Add a Toggle Button To Your WordPress Site first appeared on Tableberg.</p>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

جرب مجانا

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

الطريقة 4: استخدام كتلة المنزلق

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

الخطوة 1: تثبيت ملحق Sliderberg وتفعيله

أولاً، انتقل إلى الإضافات → إضافة جديد في لوحة تحكم WordPress الخاصة بك، وابحث عن "Sliderberg"، وانقر على قم بالتثبيت الآن. ثم قم بتفعيل المكون الإضافي.

الخطوة 2: إدراج مكوِّن المنزلق المنزلق

قم بتحرير مشاركتك أو صفحتك. انقر على + وابحث عن "Sliderberg"، وأدرج مكوِّن Sliderberg في المكان الذي تريد أن يظهر فيه شريط التمرير.

الخطوة 3: حدد نوع "شريط تمرير الكتل

عندما يُطلب منك ذلك، اختر شريط تمرير الكتل الخيار. يتيح لك هذا إضافة أي مكوِّنات Gutenberg داخل كل شريحة.

الخطوة 4: اختر لون خلفية لشريط التمرير

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

الخطوة 5: إضافة مكوِّن "الوسائط والنص" داخل شريط التمرير

داخل الشريحة الأولى، انقر على + وأدخل زر الوسائط والنصوص حاجز.

الخطوة 6: إضافة صورة ونص إلى شريط التمرير

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

الخطوة 7: إضافة الشرائح أو تكرارها

هل تريد المزيد من الشرائح؟ انقر فوق إضافة شريحة لإنشاء واحدة جديدة، أو شريحة مكررة لنسخ تخطيط موجود.

الخطوة 8: تخصيص شريط التمرير والنشر

عدِّل إعدادات شريط التمرير (الرسوم المتحركة، والتشغيل التلقائي، وأسهم التنقل، وما إلى ذلك) لتتناسب مع تفضيلاتك. عندما تكون جاهزًا، انقر على نشر لبدء البث المباشر!

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

نصيحة للمحترفين: يمكنك استخدام أي مكوِّن داخل شرائح Sliderberg الخاصة بك - وليس فقط الوسائط والنصوص! كن مبدعًا باستخدام الأزرار، أو الأيقونات، أو الأعمدة، أو حتى مكوِّنات الطرف الثالث.

خاتمة

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

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

اقرأ أيضاً:

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

<p>The post How to Put Text and Image Side by Side in WordPress first appeared on Tableberg.</p>

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

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

ما هو جدول WYSIWYG في ووردبريس؟

يتيح لك جدول WYSIWYG تحرير المحتوى بصريًا، مباشرةً داخل محرِّر ووردبريس. لا HTML. لا رموز مختصرة. فقط نتائج في الوقت الحقيقي وعناصر تحكم بديهية.

ستحصل على:

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

إنها أسهل طريقة لإنشاء جداول غنية بالمحتوى دون نفقات تقنية.

لماذا تقصر كتلة جدول ووردبريس الافتراضية

يقوم مكوِّن الجدول المدمج بالمهمة بالنسبة للتخطيطات الأساسية - ولكن هنا تنتهي قدراته:

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

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

لماذا تختار ملحق جدول WYSIWYG؟

لفتح الإمكانات الكاملة لتصميم الجدول، يمكن استخدام مكون إضافي مرئي للجدول مثل Tableberg خياراً ذكياً. فهو يمنحك

• محرر مرئي: قم بإجراء التغييرات كما تراها - بدون تخمينات
• السحب والإفلات: تستغرق إعادة ترتيب الخلايا ثوانٍ
• كتل الوسائط: إضافة الصور والأزرار والأيقونات وتقييمات النجوم
• الأنماط المخصصة: التحكم في حشوة الخلية والحدود والمحاذاة والألوان
• متوافق مع الهاتف المحمول: اختر كيف يستجيب الجدول الخاص بك على الشاشات الأصغر

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

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

جرب مجانا

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

كيفية إنشاء جدول WYSIWYG باستخدام Tableberg

لإنشاء جدول WYSIWYG باستخدام Tableberg، يجب علينا أولاً تثبيت الإضافة.

1. تثبيت المكون الإضافي Tableberg

اذهب الى المكونات الإضافية (1)> إضافة جديد (2)، ابحث عن "Tableberg" (3) وانقر فوق تثبيت (4) متبوعًا بتفعيل.

2. إضافة جدول جديد

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

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

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

الخطوة 3: إضافة المحتوى بصرياً

A. إدراج محتوى النص

ضع المؤشر في خلايا الجدول واكتب كما يحلو لك.

B. إضافة صور

والآن، أدخل مكوِّن الصورة لإدراج صور منتجك بالنقر على "+" أيقونة. يمكنك رفع الصور أو الاختيار من مكتبة الوسائط.

C. إضافة تصنيف النجوم

أضف تقييمات النجوم إذا أردت. تقييمات النجوم طريقة رائعة لإظهار جودة منتجاتك.

D. إضافة الأزرار الخاصة بك

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

من السهل أيضًا ربط الزر: انقر على الزر، وحدد خيار الرابط، وأدخل الرابط الوجهة، واضبط سمات الرابط.

يمكنك ضبط الأزرار وتخصيصها من اللوحة الجانبية اليمنى.

E. إدراج أيقونات

تعمل الأيقونات كالسحر لمعرفة الميزات المتاحة وغير المتاحة. إدراج مكوِّن الأيقونة هو نفسه مثل أي مكوِّن آخر.

F. إدراج قائمة مصممة على غرار

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

والآن، أضف ميزاتك. في كل مرة تضغط فيها على مفتاح "Enter" على لوحة المفاتيح، يمكنك إضافة ميزات جديدة.

يمكنك الوصول إلى خيارات التخصيص لمكوِّن القائمة المصممة على الجانب الأيمن من المحرر.

إليك الجدول الذي أنشأته باستخدام Tableberg بدون تخصيص.

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

فيما يلي رموز الألوان التي استخدمتها في الجدول. (لون الرأس: #F3f3f3f3، لون خلفية الصف الزوجي: #3fad3d63، لون خلفية الصف الفردي: #d1dec8)

بعد التخصيص، يتم عرض النسخة النهائية أدناه.

اسم المنتج	نظام EOS من Canon $1400 احصل عليه الآن! الخيار الأفضل	لوميكس جي اتش 6 $1200 احصل عليه الآن!
مانع التسرب للطقس
شاشة تعمل باللمس LCD
الميزات الإضافية	التركيز التلقائي السريع تحكم عالي الأيزو خيار AWB	التركيز التلقائي السريع تحكم عالي الأيزو خيار AWB
اتصال WIFI

بمجرد أن تشعر بالرضا، قم بنشر الصفحة أو تحديثها. جدولك المصمم بصريًا أصبح الآن مباشرًا.

إضافات أخرى لجدول WYSIWYG تستحق الدراسة

في حين أن Tableberg تجربة سلسة قائمة على الكتل، وهناك خيارات أخرى قوية حسب احتياجاتك:

• منشئ جداول WP - السحب والإفلات، ودعم المحتوى المرن، ودعم كل منشئ صفحات.
• طاولات النينجا - غنية بالميزات مع عمليات التكامل والمنطق الشرطي
• جدول الضغط (مع الإضافات) - جيد لمجموعات البيانات الكبيرة

لكل منهما نقاط قوة، لكن Tableberg مصمم للعمل بشكل أصلي مع Gutenberg ويعطي الأولوية للتحرير المرئي.

حالات الاستخدام العملي

جداول WYSIWYG مثالية ل:

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

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

الأفكار النهائية

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

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

هل أنت مستعد لتجربة Tableberg؟
ابدأ مع Tableberg اليوم ➔ Tableberg ➔

اقرأ المزيد!

• كيفية إنشاء جدولك الأول باستخدام Tableberg
• كيف يمكن أن يساعدك الذكاء الاصطناعي في إنشاء الجداول تلقائيًا في ووردبريس
• كيفية إنشاء جداول ووردبريس من ملفات CSV أو XML (لا حاجة إلى ترميز)
• كيفية إنشاء جدول مقارنة من منشور مدونة باستخدام ChatGPT
• أفضل الطرق لاستخدام الجداول للتسويق بالعمولة في ووردبريس

<p>The post WordPress WYSIWYG Table: Create Visually Editable Tables Without Coding first appeared on Tableberg.</p>

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

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

إضافة الأكورديونات في ووردبريس

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

الطريقة 1: استخدام مكوِّن التفاصيل الأصلية

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

الخطوة 1: إضافة مكوِّن التفاصيل

افتح مقالتك أو صفحتك في محرِّر المكوِّن. انقر على أيقونة علامة الجمع (+)، وابحث عن التفاصيل، وأدرج المكوِّن.

الخطوة 2: إضافة العنوان والمحتوى

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

الخطوة 3: أضف أزرار تبديل إضافية

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

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

الطريقة 2: استخدام البرنامج الإضافي Ultimate Blocks

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

الخطوة 1: إضافة الإضافة إلى موقعك

من لوحة تحكم ووردبريس، توجه إلى قائمة الإضافات وانقر على إضافة جديد. في شريط البحث، اكتب Ultimate Blocks، ثم انقر على تثبيت الآن على بطاقة الإضافة. بمجرد انتهاء التثبيت، قم بتفعيله لإتاحة الكتل الجديدة في المحرر.

الخطوة 2: إدراج كتلة تبديل المحتوى

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

الخطوة 3: إضافة العنوان والمحتوى

اكتب عنوان الأكورديون الخاص بك في حقل التسمية، ثم أضف المحتوى الخاص بك أدناه. يمكنك تضمين أي نوع من المكوِّنات داخل مكوِّن التبديل، مثل النصوص أو الصور أو الأزرار أو القوائم أو حتى مكوِّن تبديل محتوى آخر داخل منطقة المحتوى لإنشاء أكورديون متداخل. 

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

الخطوة 4: تخصيص الأكورديون

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

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

خاتمة

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

<p>The post How to Add Accordions in WordPress Block Editor first appeared on Tableberg.</p>

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

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

لماذا استخدام الذكاء الاصطناعي لإنشاء الجدول في ووردبريس؟

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

1. إنشاء تخطيطات جداول قابلة للاستخدام على الفور.
2. مثالي للمبدعين الذين لا يتمتعون بأي مهارات في التصميم أو البرمجة
3. التخلص من متاعب التنسيق وتعديل التخطيط
4. تحويل المحتوى المكتوب إلى بيانات منظمة وقابلة للقشط
5. التعامل مع مجموعات البيانات الطويلة أو المعقدة دون إبطاءك

لا يتعلق الأمر باستبدال الجهد المبذول. بل يتعلق بإعادة توجيهه إلى ما هو أكثر أهمية - المحتوى الخاص بك.

ما نوع الجداول التي يمكن أن يساعدك الذكاء الاصطناعي في إنشائها؟

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

• جداول المقارنة: تقسيم الاختلافات بين المنتجات أو الخطط
• جداول التسعير: مثالي لمتاجر SaaS أو الخدمات أو متاجر WooCommerce
• جداول البيانات: مفيد للاستطلاعات أو مقاييس المدونة أو القوائم
• قائمة الجداول: "أفضل الأدوات"، "أفضل التطبيقات"، "اختيارات المحررين" - كلها مرتبة بدقة
• جداول الميزات: مثالية للميزات الإضافية، أو مواصفات المنتج، أو الملامح البارزة جنبًا إلى جنب

إذا كان المحتوى الخاص بك يحتوي على هيكل، يمكن للذكاء الاصطناعي تقديمه بتنسيق جدول.

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

جرب مجانا

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

كيف يمكن أن يساعدك الذكاء الاصطناعي في بناء الجداول في ووردبريس

إليك كيف يعمل الذكاء الاصطناعي على تبسيط العملية لمستخدمي WordPress:

1. إنشاء جدول من محتوى المدونة

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

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

2. إنشاء جدول من موجه

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

إليك العرض التوضيحي أدناه.

3. تحويل القوائم النقطية أو البيانات الأولية إلى جداول

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

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

4. إنشاء جداول من جداول البيانات أو CSV

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

5. اقتراح أنماط أو تخطيطات الجدول

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

كيف تجلب Tableberg إنشاء جدول مدعوم بالذكاء الاصطناعي؟

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

قريباً، سيتيح لك Tableberg:

• إنشاء جدول من محتوى المدونة الحالي
• أنشئ جدولاً بمجرد وصفه بلغة طبيعية
• احصل على اقتراحات فورية للتخطيط والتصميم

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

ما أهمية ذلك لمنشئي المحتوى؟

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

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

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

خاتمة

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

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

اقرأ المزيد!

• كيفية إنشاء جدول مقارنة من منشور مدونة باستخدام ChatGPT
• مستقبل ملحقات الطاولة: اتجاهات يجب مراقبتها الآن وما بعدها
• أفضل الطرق لاستخدام الجداول للتسويق بالعمولة في ووردبريس
• أهم 5 ميزات موفرة للوقت في المكون الإضافي Tableberg
• أهم 10 ميزات يجب البحث عنها في إضافة جدول ووردبريس (قبل الشراء)
• كيفية تمييز المنتجات الموصى بها في جدول ووردبريس

<p>The post How AI Can Help You Create Tables Automatically in WordPress first appeared on Tableberg.</p>