CSS Hero هو مكون إضافي لبرنامج WordPress يسمح لك بتصميم قالب WordPress الخاص بك دون كتابة سطر واحد من التعليمات البرمجية (لا يلزم وجود HTML أو CSS). وهذا بالطبع يكون بإستخدام وضع المعاينة الحية مع واجهة مستخدم رسومية سهلة. بزيارة موقع الاضافة

وغالبية مستخدمي WordPress ليسوا مطوري ويب. هؤلاء المستخدمون لا يعرفون الكثير من CSS / HTML لتعديل أو تخصيص مظهر مواقعهم. إذا لم يكن هناك خيار لتغيير شيء ما في موضوعهم ، مهما كان صغيراً أو سهلاً ، فهم عالقون فيه.

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

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

اعدادات CSS Hero :

1- بعد تثبيت المكون الإضافي وتنشيطه ، ادخل علي  الواجهة الأمامية لموقع الويب الخاص بك.

2- ستلاحظ وجود زر CSS Hero في الواجهة الأمامية لموقع الويب الخاص بك. سيتم فتح الواجهة ويمكنك البدء في تخصيص المظهر الخاص بك مع معاينة حية مرئية في جميع الأوقات.

CSS Hero

3- المحرر المرئي في CSS Hero سهل الاستخدام. ما عليك سوى النقر فوق المؤشر ثم النقر فوق أي عنصر في موقع الويب الخاص بك. ستقوم الإضافة بتحميل فئات CSS الخاصة به ويمكنك البدء في تخصيصها.

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

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

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

خاصية المراجعات

5- اختبار المحمول والتخصيص مع CSS Hero:  يتيح لك CSS Hero معاينة موقع الويب الخاص بك بسهولة على أجهزة وأحجام شاشة مختلفة. يمكنك أيضًا تعديل وتخصيص كيفية ظهور موقعك على الهاتف المحمول باستخدام نفس واجهة المستخدم.

اختبار الجوال CSS Hero

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

6- يتوافق CSS Hero مع قوالب WordPress والإضافات حيث ان هناك الآلاف من مكونات WordPress الإضافية والقوالب المتاحة لـ WordPress .

إضافات خاصة بالضافة :

1- تتيح لك أداة Color Picker اختيار الألوان من أي مكان تريده .

2-يمكنك  تصدير التغييرات التي قمت بها  في ملف CSS مصغر.

3- استخدم خصائص CSS المعقدة مثل التدرجات وظلال الصندوق وما إلى ذلك بسهولة.

4- مدمج لدعم 600+ من خطوط جوجل.

5- إعادة تعيين بسهولة إلى الإعدادات الافتراضية للموضوع الخاص بك.

افضل اضافات الوردبرس

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

لقد تم اشتراكك في القائمة قم بتفعيل اشتراكك للحصول على الكتاب

Share This
%d مدونون معجبون بهذه: