برنامج Divi Plugin Highlight - مدير شعار Divi

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

Divi Logo Manager هو مكون إضافي مميز لـ Divi يسمح لك بتغيير الشعارات عبر موقع الويب الخاص بك. يمكنك استخدام شعار مختلف بناءً على الجهاز (الهاتف المحمول أو الجهاز اللوحي أو سطح المكتب) ، والتغيير إلى شعار مختلف عند التمرير ، وتعيين شعار على أساس كل صفحة ، وضبط مقدار التراكب. إنه متوافق مع الصفحات والمشاريع وصفحات منتجات WooCommerce.

في تسليط الضوء على هذا المكون الإضافي ، سنلقي نظرة على ما يمكن أن يفعله المكون الإضافي. الصور للأمثلة مأخوذة من Unsplash.com.

تثبيت وإعدادات Divi Logo Manager

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

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

البروز

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

لكل صفحة

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

أمثلة على مدير شعار Divi

دعنا نلقي نظرة على الشعار الموجود على كل جهاز وبمستويات مختلفة من البروز. سأستخدم أدوات مطوري Google Chrome لمحاكاة الأجهزة المحمولة والأجهزة اللوحية.

سطح المكتب

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

الآن بعد أن قمت بتحميل شعار يظهر الآن في إعدادات المكون الإضافي.

البروز

وإليك نظرة على عدد قليل من المتدليات. هذا واحد لديه نتوء صغير. إنه فقط ملحوظ.

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

هذا متوسط ​​كبير. إنه حجم شامل جيد.

هذا واحد يستخدم Huge Overhang. يمكن أن تكون كبيرة جدًا بالنسبة لبعض التصميمات.

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

تعمل ميزة overhang مع Extra ، ولكن لا تعمل مع ميزة تبديل الشعار. هنا إضافي مع نتوء كبير.

شعار التمرير

تتيح لك ميزة Scroll Logo تحديد شعار لن يتم عرضه إلا عند التمرير. في هذا المثال قمت بإضافة شعار تمرير.

يتغير الشعار بمجرد تقلص العنوان.

لوح

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

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

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

هذا هو جهاز Nexus 10 في الوضع الرأسي.

هذا هو Nexus 10 في الوضع الأفقي. يعرض شعار سطح المكتب.

هذا هو Nexus 10 في التمرير. يتغير الشعار على الأجهزة اللوحية تمامًا كما هو الحال على سطح المكتب.

هذا هو التعلق الكبير بشكل لا يمكن تصوره على iPhone 6 Plus.

يستخدم هذا الجهاز Medium Overhang على iPhone 6 Plus.

هذا واحد يستخدم كبير Overhang.

هذا واحد يستخدم Small Overhang.

متحرك

لقد أضفت شعارًا للجوال.

يستخدم هذا الشخص متجاوبًا مع عبء كبير.

يستخدم هذا الجهاز Large Overhang مع iPhone 6 Plus.

هذا هو iPhone 6 Plus في الوضع الأفقي.

هذا هو Galaxy Note 3.

هذا هو Galaxy Note 3 في الوضع الأفقي. قد تحتاج إلى تجربة البروز للعثور على الخيار الأمثل لموقعك على الهاتف المحمول.

صفحات منتج WooCommerce

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

صفحات المشروع

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

لكل صفحة

يمكنك تحديد شعار مخصص يظهر فقط على صفحة فردية تختارها. في المحرر المرئي ، سترى منطقة تخصيص جديدة على اليمين تسمى Divi Logo Manager. هنا يمكنك تحديد الشعارات لسطح المكتب والجوال والجهاز اللوحي والتمرير على أساس كل صفحة.

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

إليك نظرة على الشعارات التي اخترتها لعرضها في هذه الصفحة.

إليك شعار سطح المكتب باستخدام Large Overhang.

هذا هو شعار التمرير.

هذا هو شعار الجوال الذي يستخدم iPhone 6 Plus.

هذا هو iPhone 6 Plus في الوضع الأفقي.

إليك شعار الجهاز اللوحي باستخدام Nexus 10.

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

تستخدم هذه الصفحة الآن الشعار المخصص في التمرير.

الترخيص والتحديثات والدعم

يمكن تثبيت البرنامج المساعد على مواقع غير محدودة لك ولعملائك. يتضمن تحديثات مدى الحياة ودعم 6 أشهر.

لمزيد من المعلومات ، راجع موقع الناشر على KiwiWeb.co.uk.

افكار اخيرة

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

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

نود أن نسمع منك. هل استخدمت مدير شعار Divi؟ أخبرنا برأيك في التعليقات أدناه!

صورة مميزة عبر SiuWing / shutterstock.com