تسليط الضوء على البرنامج المساعد Divi: تحميل أيقونات Divi

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

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

تثبيت وتنشيط أيقونات تحميل Divi

قم بتحميل وتنشيط المكون الإضافي كالمعتاد ، ثم انتقل إلى الإعدادات > أيقونات تحميل Divi في قائمة لوحة القيادة لإدخال مفتاح التنشيط الخاص بك.

تحميل الأيقونات مع أيقونات تحميل Divi

أيضا في شاشة الإعدادات هي ميزة التحميل. هنا ، ستقوم بتحميل الرموز الخاصة بك. يجب أن تكون الرموز بتنسيقات .eot و .svg و .ttf و .woff و .woff2 و .css. يمكنك تنزيل الرموز من أي مصدر تريده واستخدامها مع أيقونات Divi Upload طالما كانت بهذه التنسيقات وتتضمن ملف CSS. لتثبيت الرموز ، قم بسحبها وإفلاتها في نافذة التحميل. يتم توفير الإرشادات في منطقة التحميل ويوجد مقطع فيديو قصير يوضح كيفية استخدامها.

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

الملفات الموجودة في هذا المثال صحيحة. لقد قمت بتحميل أنواع الملفات المدعومة مع ملفات CSS الخاصة بهم. لدي الآن أكثر من 2500 رمز جديد. لقد قمت بتنزيلها من iconfont و Dripicons و Foundation Icon Fonts و Map Icons. يحتفظ المطور بقائمة من الرموز التي تم اختبارها ويمكنك استخدامها مع أيقونات Divi Upload. بالطبع ، هناك العديد من الرموز التي يمكنك استخدامها.

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

تتضمن هذه الصورة جميع الرموز الـ 2500 التي قمت بتحميلها. لدي الآن الكثير من الرموز للاختيار من بينها وشريط النافذة أصغر بكثير. يمكنك رؤية الرموز في Visual Builder ، لكنها لا تتضمن أدوات التصفية والبحث الجديدة.

ديفي تحميل الأيقونات تصفية والبحث

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

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

في هذا المثال ، قمت بتحديد رموز الخريطة التي قمت بتحميلها. يوجد ما يقرب من 200 رمز في عائلة الأيقونات هذه.

ها هي أيقونات المؤسسة . كما أن لديها ما يقرب من 200 رمز.

هنا Icofonts . تضيف عائلة الرموز هذه أكثر من 2000 رمز.

يمكنك البحث عن طريق الكلمات الرئيسية أو عن طريق اسم عائلة الرمز. تتضمن النتائج أيقونات من جميع عائلات الأيقونات التي قمت بتحميلها وتلك التي كانت متوفرة بالفعل في Divi.

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

أمثلة على أيقونات تحميل Divi

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

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

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

لقد غيرت الألوان لتتناسب مع التصميم ، تمامًا مثل الصور الأصلية التي استخدمها التخطيط.

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

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

إليك كيفية ظهور الرموز على يسار النص.

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

في هذا المثال ، قمت بتعطيل تعديل حجم الخط للرموز. هذا هو الحجم الافتراضي ، 96 بكسل. تمتزج جيدًا مع تصميم التخطيط.

تبدو أيضًا رائعة عند استخدام إعدادات رمز الدائرة. لقد غيرت لون الأيقونة إلى الأبيض واستخدمت التان من التخطيط كلون للدائرة. الرموز لا تزال 48 بكسل.

لهذا ، استخدمت أحد ظلال اللون الأخضر من التخطيط. هناك الكثير من الاحتمالات مع تخصيصات Divi Builder.

سعر أيقونات تحميل Divi

أيقونات تحميل Divi هي 24.97 دولارًا. لديها استخدام وتحديثات غير محدودة. يمكنك شراء أيقونات تحميل Divi في السوق.

خواطر ختامية

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

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

ضع في اعتبارك أنه يتطلب خطوطًا مع ملف الخط وملف CSS. من السهل تحميل الخطوط بشكل غير صحيح (خمن ​​كيف أعرف). تأكد من اتباع التعليمات بدقة وإلا ستكون الخطوط مربعات فارغة. أيضًا ، لا يعمل مع Font Awesome 5 ، ولكنه يعمل بشكل رائع مع 4.7.

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

إذا كنت مهتمًا بإضافة أيقوناتك الخاصة إلى Divi Builder ، فإن Divi Upload Icons تستحق المشاهدة.

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

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