ما الذي يمكن أن يفعله المكون الإضافي Image Overlay WordPress لموقعك.

لماذا يحتاج موقعك إلى ملحق Image Overlay WordPress ، الأسئلة الشائعة.

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

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

ربما تريد أن تظهر العديد من النوافذ المنبثقة القابلة للنقر في صورك وتقدم للزائرين خيارات مختلفة على موقع الويب الخاص بك والخيارات وما إلى ذلك.

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

تحقق من هذا المكون الإضافي Lightbox JS! إنه رائع لتراكبات الصور!

بشكل أساسي ، باستخدام مكون WordPress الإضافي لتراكب الصور ، ستتمكن من جعل صورك تفعل شيئًا أكثر من مجرد تزيين المكان.

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

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

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

فيما يلي أفضل ملحقات Image Overlay WordPress:

محور الملحن المرئي

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

يتيح لك Visual Composer Hub إضافة عناوين وأوصاف وروابط على الجانبين الأمامي والخلفي لصورك.

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

تحقق من Lightbox Ultimate و Display Media في Fancy Lightbox Overlay.

تأثيرات تحوم الصور - ملحق العنصر

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

يأتي Elementor في إصدار مجاني بالإضافة إلى الإصدار المدفوع أو المحترف.

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

على الرغم من أن الإصدار الاحترافي من Elementor يقدم أكثر من 150 تأثير تحوم ، ليس فقط لصورك ولكن للمحتوى الخاص بك أيضًا.

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

تأثيرات تحوم الصور Ultimate (معرض الصور ، التأثيرات ، Lightbox ، المقارنة أو المكبر)

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

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

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

كتلة آثار تحوم الصورة

هذا المكون الإضافي لتراكب الصور في WordPress عبارة عن كتلة Gutenberg.

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

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

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

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

معرض الصور بواسطة Robo - معرض الصور المتجاوب

يمكنك تنفيذ هذا المكون الإضافي ككتلة Gutenberg إذا كنت تستخدم محرر Gutenberg.

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

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

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

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

هل هناك تراكب صور لمكوِّن WordPress النصي؟

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

كتل PublishPress - كتل Gutenberg المتقدمة ، أذونات ، تخطيطات ، نماذج

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

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

إليك رابط إلى منشور CSS-tricks.com ، " كتل النص فوق الصورة . تتناول هذه المشاركة كيفية إضافة كتلة نصية إلى صورتك باستخدام CSS.

قبل تجربة خيار CSS ، تحتاج إلى معرفة CSS و HTML والإلمام بها من أجل تنفيذ هذا الحل.

تحقق من تأثيرات تراكب الصور الرائعة من Slider Revolution !

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

هل يمكنني جعل تراكب الصور يتلاشى في WordPress؟

يمكن أن توفر لك المكونات الإضافية التي ذكرتها أعلاه بالفعل تراكب صورة يتلاشى أيضًا: معرض الصور بواسطة Robo - معرض الصور المتجاوب ، Flipbox - Awesomes Flip Boxes Image Overlay ، Image Hover Effects - Elementor Addon .

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

سمارت سلايدر 3

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

المحفظة المرئية والمشاركات ومعرض الصور

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

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

من السهل FancyBox

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

هناك أيضًا خيارات تصميم لتراكبات Lightbox الخاصة بك لكل من اللون والعتامة لتراكبات التلاشي أيضًا.

كيفية إنشاء CSS Image Overlay بدلاً من استخدام مكون WordPress الإضافي.

إذا كنت ترغب في استخدام CSS لتراكب الصور بدلاً من المكون الإضافي ، فإليك بعض حلول CSS التي يمكنك تنفيذها.

كيف تصنع في CSS تراكبًا على صورة؟

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

قم بإنشاء نافذة تراكب ملء الشاشة في WordPress.

Image Overlay WordPress plugin ولا يوجد ملخص لخيارات البرنامج المساعد.

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

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

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

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