تسليط الضوء على البرنامج المساعد Divi: Divi Icons Pro

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

حول أيقونات ديفي برو

يضيف Divi Icons Pro الكثير من ميزات الأيقونات الجديدة إلى Divi بما في ذلك:

• أكثر من 2500 رمز جديد
• 360 رموز نمط خط مخصص
• 1295 أيقونة Font Awesome في 74 فئة و 4 أنماط لكل منها
• 900 رمز تصميم متعدد الأبعاد في 16 فئة و 5 أنماط لكل منها
• تكامل Divi Builder
• ميزة البحث عن الرموز في وحدات Divi
• مرشح الرمز في وحدات Divi للاختيار حسب العائلة أو اكتب اسم الرمز

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

تثبيت Divi Icons Pro

قم بفك ضغط ملف التنزيل. في الداخل ، ستجد البرنامج المساعد والتعليمات. قم بتحميل وتنشيط البرنامج المساعد كالمعتاد.

قم بتنشيط مفتاح API بالانتقال إلى الإعدادات > تنشيط Divi Icons PRO في قائمة لوحة القيادة. يمكنك الآن استخدام الإصدار المحترف من البرنامج المساعد. يتم دمج الأيقونات تلقائيًا في Divi Builder ، لذلك لا يوجد شيء آخر تحتاج إلى القيام به إلا إذا كنت ترغب في تخصيص الإعدادات الافتراضية في خيارات السمة.

خيارات موضوع Divi Icons Pro Divi

يتم تمكين الرموز افتراضيًا ، ولكن يمكنك تمكين أو تعطيل مجموعات الرموز التي تريدها واختيار كيفية تحميلها في موقع الويب. تمت إضافة علامة تبويب Divi Icons Pro جديدة إلى خيارات Divi Theme. هنا ، يمكنك اختيار مجموعات الرموز التي تريد استخدامها. يمكنك أيضًا اختيار تحميل Font Awesome و Google Material Icon Fonts من CDN.

أيقونات ديفي برو أيقونات

تتم إضافة الرموز والمرشحات وميزة البحث تلقائيًا إلى وحدات Divi التي تستخدم الرموز. هذه ثلاث وحدات دعاية معلومة تعرض رمزًا من أيقونات Line Style و Font Awesome و Material Design Icons.

أيقونات ديفي برو البحث

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

مرشح ديفي أيقونات برو

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

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

إليك عينة صغيرة من رموز Font Awesome.

إليك عينة صغيرة من أيقونات تصميم المواد.

أمثلة Divi Icons Pro

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

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

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

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

هذا واحد يستخدم تخطيط تحسين المنزل. لقد استبدلت الصور بالدلالات ومجموعة من الرموز باستخدام مجموعات خطوط مختلفة. تم تعيينهم للعرض على يسار الدعاية المغطاة. الرموز 50 بكسل. يمكنك أن ترى في هذا المثال أنني بحثت في رموز Font Awesome عن "paint".

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

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

تعمل الرموز مع الأزرار ، لكنها لا تظهر في Visual Builder. إنهم يعملون بشكل جيد على الموقع الفعلي.

هذا هو الرمز الموجود في الزر داخل التخطيط. إنه يعمل بشكل جيد.

إليك عرض أقرب حتى تتمكن من رؤية كيف يبدو في الزر.

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

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

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

سعر أيقونات ديفي برو

هناك العديد من خيارات الشراء بناءً على عدد المواقع التي تريد استخدامها مع المكون الإضافي. وهي تشمل دعمًا لمدة 6 أشهر وتحديثات مدى الحياة. يمكنك شراء Divi Icon Pro من موقع المطور.

• الترخيص العادي (موقع واحد) - 25.00 يورو
• ترخيص ممتد (مواقع غير محدودة) - 65.00 يورو

هناك أيضًا إصدار مجاني يتضمن رموز نمط 360 خطًا. لا يتضمن الدعم أو التحديثات.

توثيق Divi Icon Pro

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

خواطر ختامية

تعد المكونات الإضافية للأيقونات أسهل طريقة لإضافة رموز جديدة إلى Divi Builder و Divi Icons Pro سهلة كما هي. يتضمن الكثير من الرموز ويمكنك تمكين أو تعطيل العلامات التجارية المحددة للرموز لمزيد من التحكم في ما يظهر في الوحدات. أنا أحب التصفية وميزات البحث. تمكنت من العثور على رمز لكل موضوع عملت معه.

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

Divi Icons Pro سهل الاستخدام ويضيف الكثير من الرموز الجديدة دون أي جهد تقريبًا. إذا كنت مهتمًا بإضافة المزيد من الرموز إلى Divi builder ، فإن Divi Icons Pro تعمل على إلقاء نظرة.

نريد أن نسمع منك. هل جربت Divi Icon Pro؟ أخبرنا برأيك في التعليقات.

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