CSS Hero مراجعة، واحد من المشهورين بكثرة محرري CSS إلى WordPress. تخصيص الخاص بك WordPress الموقع مثل المحترفين دون أي معرفة بالبرمجة.
أحد الأسباب الرئيسية وراء الشعبية الكبيرة لـ WordPress سيكون نظام إدارة المحتوى (CMS) قادرًا على التخصيص بشكل شامل.
ومع ذلك ، فإن بعض WordPress المواضيع، مع خيارات المواضيع المحدودة، تجعل من الصعب تصميمها بشكل صحيح حسب رغباتك.
التخصيص اليدوي لملفات السمات الأساسية ممكن، ولكنه قد يكون مُرهقًا بعض الشيء ويُؤدي إلى مشاكل إذا لم تكن حذرًا. لكن لا ينبغي أن يُمثل ذلك مشكلة مع CSS Hero WordPress البرنامج المساعد.
بمجرد التثبيت، سيمنحك البرنامج المساعد إمكانية الوصول إلى واجهة النقر والنقر التي تتيح للمستخدم تعديل مظهر موقع الويب الخاص بك في الوقت الفعلي.
يمكن التعامل مع معظم التخصيصات الأساسية مثل ضبط اللون والمحاذاة وحجم الخط من خلال واجهة المستخدم الرسومية العادية لديك.
ومع ذلك، بالنسبة للتكوين الأكثر تقدمًا، ستتمكن من الوصول إلى محرر أكواد مخصص يتيح لك إدخال لغة تنسيق ويب حسب الطلب.
باختصار، هذا هو حلم مطوري الويب عندما تفكر في مقدار إمكانات التصميم والتخصيص التي يمتلكها البرنامج المساعد.
ولكن مع ذلك، يجدر بالذكر أن البرنامج الإضافي مدفوع الأجر، وبالتالي، قد يفكر الناس فيما إذا كان استثمارًا جيدًا لهم أم لا.
لهذا السبب، ولغرض هذه القراءة، قمنا بجمع قراءة شاملة تتناول جميع الأجراس والصفارات CSS Hero ما تقدمه، حتى تتمكن من اتخاذ قرار مستنير بشأن البرنامج الإضافي.
لذلك دون مزيد من اللغط ، فلنبدأ:
CSS Hero - المميزات
لبدء المراجعة، دعنا نلقي نظرة سريعة على جميع الميزات والوظائف التي يقدمها البرنامج المساعد:
التخصيص لأحجام الشاشات المختلفة
CSS Hero يمنحك خيارات لتحرير ومعاينة كيفية ظهور موقعك على شاشات ذات أحجام مختلفة مثل سطح المكتب والكمبيوتر اللوحي والهاتف المحمول.
يتيح لك هذا ضبط التصميم بحيث يتمكن جميع المستخدمين القادمين من الهواتف ذات الشاشات الصغيرة وكذلك شاشات العرض الكبيرة من الاستمتاع بأفضل تجربة مستخدم ممكنة.
ستتمكن من الوصول إلى شاشة تحرير مباشرة تتيح لك إجراء تغييرات في الوقت الفعلي.
بالإضافة إلى ذلك، يسمح لك البرنامج الإضافي بإنشاء تصميمات مختلفة لأحجام شاشات مختلفة، مما يمنحك حرية التخصيص الكاملة.
الوصول إلى خصائص CSS المعقدة
يتيح لك البرنامج الإضافي الوصول إلى خصائص CSS المعقدة والتي يمكنك إضافتها أو تعديلها في تصميم موقعك من خلال واجهة النقر والنقر البسيطة.
كل ما عليك فعله هو إدخال رقم أو تحريك شريط التمرير وسيتم إجراء تغييرات على عناصر CSS المحددة في التصميم مثل التدرجات, ظلال الصندوق, ظلال النص، وهلم جرا.
وهذا ليس كل شيء، سوف تحصل على إمكانية الوصول إلى مجموعة ضخمة من جوجل الخطوط وأيضا Typekit خطوط لمساعدتك في كل ما تحتاجه أسلوب الطباعة يحتاج.
ما عليك سوى تحديد الخط الذي تريد استخدامه من القائمة المنسدلة، وستكون على ما يرام.
تخصيص اللون كما أنه مريح للغاية مع تضمين أداة اختيار ألوان مخصصة وخيار تجربة تعديلات الألوان وتغييرات الخلفية في الوقت الفعلي.
يسمح لك البرنامج المساعد أيضًا بتخزين/حفظ اختيارات الألوان لمساعدتك في إنشاء مخطط ألوان وتطبيقه بسهولة.
بالإضافة إلى ذلك، مع واجهة شريط التمرير السلسة، ستتمكن من ضبط الحشو والهوامش يتم منحها لعناصر التصميم والوحدات النمطية المختلفة، مما يوفر لك تحكمًا إضافيًا في التصميم والمظهر العام لموقع الويب الخاص بك.
محرر الكود المدمج
يتيح لك البرنامج الإضافي الوصول إلى واجهة محرر CSS/LESSCSS المتقدمة مع دعم للرسم المباشر، والذي يطلق عليه اسم Inspector.
تتيح لك الوظيفة إضافة قواعد إضافية، ونسخ/لصق أسطر معينة من التعليمات البرمجية، وحتى تصدير عملك بنقرة واحدة.
وهذا يعد بمثابة هبة من السماء للمطورين حيث سيتمكنون من إجراء التعديلات والتغييرات مباشرة على المستوى الأساسي.
إنه قادر تمامًا على مساعدتك في مراجعة وتحرير وتحسين ترميز CSS الناتج ويمكنه أيضًا مساعدتك في تصحيح أي مشكلات إذا ظهرت.
مقتطفات التعليمات البرمجية الجاهزة للاستخدام
يتيح لك محرر التعليمات البرمجية المدمج إدراج أكواد مخصصة بشكل مباشر لإجراء أي تعديلات مرغوبة على تصميم موقعك.
ومع ذلك، إذا كنت تبحث عن إجراء بعض التعديلات العامة باستخدام مقتطفات التعليمات البرمجية القياسية، فأنت محظوظ.
يتضمن البرنامج الإضافي مجموعة رائعة من مقتطفات التعليمات البرمجية الجاهزة للاستخدام لمساعدتك في تبسيط عمليتك.
خيار التراجع/إعادة السجل
يمكنك التراجع عن جميع التعديلات والتغييرات التي تُجريها باستخدام الإضافة أو إعادة إجرائها إذا كنت تعتقد أنك ارتكبت خطأً أثناء التحرير. تُحفظ جميع تغييراتك التي أجريتها باستخدام الإضافة في سجلّ مُخصّص.
كل شيء مُفصّل بدقة، لذا فإنّ الرجوع إلى النسخة التي ترغب في الرجوع إليها أو الرجوع إليها سهلٌ للغاية، ما عليك سوى النقر على النسخة التي ترغب في الرجوع إليها. هذا يُسهّل عليك التجربة كثيرًا!
حفظ نقاط التفتيش
يتيح لك هذا المكون الإضافي أيضًا إنشاء وحفظ نقاط تفتيش لعملية تحرير قالبك. هنا، يمكنك التقاط لقطات من تعديلاتك وتخزينها كإصدارات مختلفة.
يمكنك لاحقًا مراجعة هذه الإصدارات واختيار الإصدار الذي يعجبك أكثر، ثم النقر فوق زر واحد لجعله متاحًا.
وبالطبع، يمكنك أيضًا استخدام ميزة نقطة التفتيش لحفظ تقدم التحرير الخاص بك حتى تتمكن من العودة إليه في وقت لاحق.
وهذا ليس نصف الأمر
وفيما يلي بعض الميزات الأخرى الجديرة بالملاحظة التي يضيفها البرنامج المساعد إلى الطاولة:
CSS Hero - واجهة المستخدم
CSS Hero يتيح لك الوصول إلى تجربة تحرير WYSIWYG في الواجهة الأمامية والتي سوف تبدو مشابهة لما هو موضح في الصورة أدناه:
كما ترى، ستحصل على شريط أدوات في الأعلى يتيح لك الوصول إلى جميع الخيارات الأساسية، مثل حجم الشاشة الذي تريد التحرير له، وخيارات التراجع/الإعادة، وإنشاء نقاط تفتيش وغير ذلك الكثير.
محرر المفتش يتم وضعه كشريط جانبي على الجانب الأيسر من الشاشة.
اعتمادًا على العنصر أو الوحدة التي تقوم بتحريرها، ستعرض الواجهة خيارات مختلفة يمكنك الوصول إليها لبدء عملية التحرير.
هنا أيضًا ستتمكن من الوصول إلى واجهة محرر الأكواد. بعد الانتهاء من التخصيص، يمكنك الضغط على زر "حفظ ونشر".
وبدلاً من ذلك، إذا كنت لا ترغب في نشر عملك الآن، فيمكنك استخدام خيار نقاط التفتيش في شريط الأدوات العلوي لحفظ عملك ولكن ليس نشره.
ستتمكن أيضًا من الوصول إلى شريط أدوات سفلي يتيح لك التنقل بسرعة بين الأقسام المختلفة في تخطيطك، حتى تتمكن من إجراء التخصيصات الخاصة بك عليها بسرعة.
ومع ذلك، يُسمح لك أيضًا بتحديد عنصر HTML الذي تريد تحريره على وجه التحديد ولن تضطر إلى إجراء التخصيصات الخاصة بك في أجزاء.
يجب عليك استخدام CSS Hero?
جميع في كل شيء، CSS Hero هو مكون إضافي ممتاز للتخصيص يحتوي على مجموعة كاملة من الميزات القوية الموجودة داخل واجهة مستخدم بديهية.
سيجد المطورون هذه الأداة قيّمة للغاية في ترسانتهم. وينطبق الأمر نفسه على مديري المواقع الذين سئموا البحث عن تصميم القالب المناسب، ويريدون فقط أداة تحرير فعّالة تساعدهم على تخصيص تصميم مواقعهم بشكل صحيح.
علاوة على ذلك، تذكر أن البرنامج المساعد يأتي بدون أي قيود ويمكنك بسهولة تصدير جميع أوراق الأنماط الخاصة بك من موقع ويب واحد واستيرادها إلى موقع آخر.
لذا، إذا كان بإمكانك التضحية براحة إجراء التغييرات مباشرة على واجهة موقع الويب الخاص بك، فيمكنك الحصول على خطتهم الأساسية مقابل 29 دولارًا أمريكيًا في السنة، وهو ما يعد بمثابة صفقة رابحة عندما تفكر في الأمر.
