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

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

تضيف WP و Divi Icons أكثر من 2500 رمزًا إلى WordPress. يتضمن Font Awesome Icons و Material Icons و 450 رمزًا مصممًا خصيصًا بما في ذلك 48 رمزًا متعدد الألوان. إنه متاح في كل من الإصدارين المجاني والمحترف. أنا أختبر الإصدار المحترف.

تثبيت أيقونات WP و Divi

قم بتحميل وتنشيط البرنامج المساعد كالمعتاد. أنا أستخدم الإصدار 1.1.0 مع Divi الإصدار 3.17 و WordPress 4.9.8.

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

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

تخصيص الأيقونات متعددة الألوان

بعد إدخال مفتاح الترخيص الخاص بك ، يفتح الشاشة مع الإرشادات وقائمة بـ 48 رمزًا متعدد الألوان وأدوات لإنشاء أنظمة الألوان الخاصة بك لتلك الرموز.

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

يؤدي النقر فوق Add Color Scheme إلى إنشاء مجموعة جديدة من الرموز متعددة الألوان التي يمكنك ضبطها.

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

استخدام أيقونات WP و Divi في WordPress مع أي سمة

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

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

تظهر أي تغييرات تجريها مباشرة. في هذا المثال ، أدخلت اللون الذي أردته ، وغيرت الحجم إلى 106 بكسل ، وغيرت الاسم إلى Green Leaf.

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

انقر نقرًا مزدوجًا فوق الرمز لفتح المحرر وإجراء التغييرات.

انقر فوق " موافق " وستنعكس التغييرات على الرمز الموجود داخل المحتوى الخاص بك.

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

تبدو الرموز رائعة داخل المحتوى.

استخدام أيقونات WP و Divi مع Divi Builder

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

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

يتضمن أيقونات فردية ومتعددة الألوان.

ابحث عن الرموز وقم بتغييرها مباشرة من الواجهة الأمامية.

إنها قابلة للتعديل تمامًا مثل أي رمز Divi.

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

في هذا المثال ، أضفت دائرة بحد.

يمكنك استخدامها من الواجهة الأمامية والخلفية.

محرر رمز WordPress متاح أيضًا في وحدة نص Divi. يعمل هذا المحرر تمامًا كما هو الحال مع أي سمة WordPress.

تخطيطات أيقونات WP و Divi

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

هناك بالفعل العديد من المتاح والعديد في الطريق. فيما يلي نظرة على كل واحد مع التركيز على كيفية استخدام الرموز. يمكنك رؤيتها في صفحة العرض التوضيحي للمطور.

تخطيط التجارة الإلكترونية

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

تصميم الوكالة الإبداعية

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

تخطيط الأعمال داكن

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

ضوء تخطيط الأعمال

هذا هو نفس تخطيط Business Layout Dark ، ولكن بألوان فاتحة.

تخطيط غير ربحي

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

الترخيص والتوثيق

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

يتضمن دعمًا متميزًا و 3 سنوات من التحديثات. يتم توفير الوثائق على موقع المطور.

خواطر ختامية

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

يعجبني أنه يضيف أيقونات Font Awesome و Material ، لكن المفضلة هي الرموز المخصصة - وخاصة الرموز متعددة الألوان. المحرر سهل الاستخدام. أعتقد أنه مكون إضافي رائع حتى بدون Divi ، لكنه أفضل مع Divi بسبب التخطيطات المجانية.

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

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