تصحيح وتوحيد أنماط CSS لموقع عربي وإنجليزي (RTL) مع ضبط الخطوط والمحاذاة

الوصف

أبحث عن مطوّر واجهات (Front-End) خبير في CSS/SCSS وبيئات RTL لتنفيذ مراجعة شاملة لأنماط الموقع وتوحيدها، ومعالجة التعارضات والتكرارات (CSS المكرر)، وضبط الخطوط العربية واتساق المحاذاة والاتجاه عبر الصفحات. ) في جزئيي الموقع العربي و الانجليزي(

مهم: العمل مركّز على التنسيق والشكل البصري فقط، ولا يشمل تحسين الأداء، ولا تعديل بنية القالب/الإضافات، ولا تحرير محتوى نصّي.

ملاحظات عن الحالة الحالية

وجود تكرار في التعريفات عبر أكثر من ملف/مصدر (CSS مكرر

تعارضات في الـspecificity أدّت للاعتماد على! important في أماكن كثيرة.

تشتّت الأنماط بين ملفات القالب + الإضافات + Customizer/Additional CSS + CSS داخل الصفحات/البلدر.

عدم اتساق الطباعة (Typography) من حيث الخطوط/الأحجام/التباعد.

اختلافات في المحاذاة/الاتجاه ببعض الصفحات العربية (RTL) عن المطلوب.

ظهور نصوص واجهة إنجليزية داخل صفحات عربية (labels/placeholders/buttons) بحاجة تصحيح أسلوبي (ضمن نطاق الستايل لا المحتوى).

نطاق العمل )Tasks(

1. جرد وتنظيم مصادر CSS

حصر أماكن الأنماط (القالب، الإضافات، الـ Customizer ، CSS داخل الصفحات

اقتراح هيكل منطقي للأنماط (مثال: base/typography, components, utilities) أو اعتماد SCSS إن لزم.

اقتراح نظام تسمية (مثل BEM) و Tokens/Variables للألوان والتباعد والطباعة.

2. إ ازالة التكرارات والتعارضات (تنظيف CSS المكرر

دمج القواعد المتشابهة وإلغاء الزائد.

تبسيط الـspecificity وتقليل الاعتماد على !important قدر الإمكان.

توثيق أي استثناءات ضرورية.

3. توحيد الخطوط العربية والطباعة )Typography(

تحديد خط عربي رئيسي وتطبيقه على العناصر العامة والعناوين والأزرار (مع Fallback مناسب

توحيد الأوزان المستخدمة فقط ومنع استدعاء أوزان غير مستخدمة.

ضبط الأحجام والتباعد والارتفاع الخطي بما يلائم العربية دون تغيير الهوية البصرية.

4. مواءمة RTL (اتجاه ومحاذاة

مراجعة المحاذاة والاتجاه للعناصر الشائعة (قوائم، بطاقات، أزرار، نماذج، Breadcrumbs

معالجة الحالات التي يظهر فيها Style يساري داخل صفحات عربية (float/text-align/ordering

5. مراجعة الواجهة اللغوية (ضمن الستايل

رصد العناصر النصية الإنجليزية الظاهرة داخل صفحات عربية (تسميات/أزرار/عناوين واجهة) وتصحيحها أسلوبيًا (المحاذاة/الخط) دون تحرير النصوص أو الترجمة.

6. توثيق مختصر

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

> خارج النطاق: تحسينات الأداء، ضغط صور، تغيير بنية القالب/الإضافات، JavaScript، SEO/Schema، أو تحرير المحتوى النصّي.

المخرجات المطلوبة )Deliverables(

ملفات CSS/SCSS مُنظَّمة بعد التنظيف (هيكل واضح + تعليقات موجزة).

قائمة تغييرات مختصرة بما تم توحيده/إزالته/تعديله.

تقرير فحص صفحات يبيّن أماكن الاختلافات التي تم ضبطها (محاذاة/خط/اتساق RTL).

تطبيق الخط العربي المختار واتساقه على العناصر العامة (Body, Headings, Buttons, Forms…).

README يشرح أسس المحافظة على الاتساق لاحقًا.

معايير القبول (Acceptance)

اختفاء التكرارات الواضحة وتقليل التعارضات.

اتساق الخطوط/الأحجام/المحاذاة عبر الصفحات العربية (RTL).

تقليل الاعتماد على !important مع الحفاظ على الشكل الحالي.

توثيق موجز يسهل المتابعة والتطوير المستقبلي.

أمثلة واقعية ينبغي معالجتها (من الموقع)

ظهور أزرار مشاركة ونصوص واجهة إنجليزية (مثل: “Share on… / Tweet / Share / Mail”) داخل صفحات عربية → توحيد الأسلوب والمحاذاة العربية.

في تذييل بعض الصفحات العربية يظهر نص “free counter” باللغة الإنجليزية وبشكل مكرر → ضبطه شكليًا أو إخفاؤه إن كان عنصر واجهة غير مطلوب.

تكرار كتل روابط في التذييل داخل صفحة “قائمة العقارات” (Duplication) → إزالة التكرار وتوحيد العرض.

اتساق الترجمات بين /ar و /en: مثال صفحة “Farms” بالإنجليزية تعرض أصناف عربية ضمن عناصر التصفية → ضبط نمط العرض والاتجاه بما يتوافق مع لغة الصفحة.

صفحات EN (مثل Contact) تحتاج تدقيق مسافات/سطر جديد/Capitalization ضمن الستايل (لا يشمل تحرير المحتوى).

بيئة العمل

يفضَّل العمل أولًا على نسخة تجريبية (Staging) ثم ترحيل التغييرات للإنتاج بعد المراجعة.

توفير صلاحيات مناسبة حسب الحاجة (لوحة تحكم/وصول لملفات الستايل/Child Theme).

المهارات المطلوبة

خبرة قوية في CSS/SCSS وبيئات RTL.

فهم ممتاز لاتساق الطباعة العربية وضبط المحاذاة في الواجهات.

خبرة بالتعامل مع أنماط قادمة من قوالب وإضافات متعددة وتخفيف تضاربها.

قدرة على التوثيق والالتزام بالاتساق البصري.

هل لديك أمثلة سابقة لمشاريع RTL قمت فيها بتوحيد الستايلات؟ (روابط قبل/بعد إن أمكن).

ملاحظات ختامية

الهدف هنا ليس السرعة ولا الSEO، إنما تنظيف CSS المكرر، حلّ التعارضات، وتوحيد المظهر العربي)RTL( بخط واضح ومحاذاة متسقة.

يُفضَّل اعتماد Child Theme أو مساحة CSS/SCSS مخصصة بحيث تبقى التعديلات قابلة للصيانة بعد تحديثات القالب/الإضافات.

لانني باذن الله سوف اضيف مشاريع مستقبلية و هدفي التركيز و تنظيف الموقع بنسختي العربي و الانجليزي مثل ما هو مكتوب في تفاصيل المشروع

و ارحب بالاخوة اللي عندهم سابقة اعمال لنفس المشروع و خبرة طويلة

و شكرا مقدما و لن نختلف ان شاء علي اي شيء مع العلم قبل البدء اريد اجتماع زووم ميتينج

لو حاب أضيف اسم خط مفضل (مثال: Tajawal للعربي مع أوزان 400/600 فقط + Fallback مناسب

مع العلم انني لدي شخص من طرفي سوف يراجع علي العمل بعد الانتهاء و تقييم العمل قبل و بعد