ليش يطلع الموقع العربي مكسور على أدوات البناء العامة — وشو اللي يصلّحه فعلاً
المواقع العربية تطلع مكسورة لأن القيم الافتراضية في أدوات البناء مكتوبة للخط اللاتيني، مش للعربي. ارتفاع سطر ضيّق يقصّ الشدّة والضمّة من العناوين، وتباعد الحروف يفكّ الكلمة المتصلة لمقاطع، والتخطيط يظل من اليسار لليمين حتى لو كان كل النص عربي. ابني عربي أولاً: يكتب الصفحة RTL من أول سطر، وبعدين يمرّ على كل ملف فيه حروف عربية ويصلّح رموز التنسيق الخطرة قبل ما توصلك الصفحة. هالصفحة تشرح الأعطال اللي تتكرر، والفحوصات اللي يمرّ فيها كل موقع عربي في ابني، والأشياء اللي ما ينفع إصلاحها آلياً وليش.
نُشر في:
ابدأ مجاناًالعطل الأساسي: قيم افتراضية مصمّمة لخط لاتيني
الخط العربي متصل ومشكول، والخط اللاتيني منفصل وغير مشكول. أي قيمة افتراضية تُختار لواحد منهم تكسر الثاني. هذي الجملة وحدها وراء الشكوى المتكررة: «الموقع حلو بس فيه شي غلط وما أعرف وشو».
أوضح مثال هو ارتفاع السطر. في التصاميم اللاتينية يستخدمون ارتفاع سطر ضيّق للعناوين الكبيرة لأنه يطلع مضغوط وأنيق. بالعربي، الارتفاع الضيّق يقصّ الشدّة والضمّة والفتحة من أعلى الحرف، ويقصّ الكسرة من أسفله. النص يبقى مقروءاً تقريباً، فما تنتبه للمشكلة بسرعة — بس العنوان يبان ناقصاً.
المشكلة تصير أسوأ لما يكون العنوان بتدرّج لوني مقصوص على النص نفسه. وقتها الحرف المقطوع ما يبان كنص ناقص، يبان كخلل في التصميم. هالحالة بالذات ظهرت على موقع منشور عنوانه «دُكّان الفَنّي»، وصارت السبب المباشر لإضافة تصحيح آلي داخل ابني: أي ارتفاع سطر تحت ١٫٤ تقريباً في ملف يحتوي عربي يُرفع إلى ١٫٤.
العطل الثاني تباعد الحروف. شدّ الحروف لبعض يحسّن مظهر العنوان الإنجليزي. بالعربي هو يفكّ الوصلات بين الحروف بصرياً، فالكلمة الواحدة تصير كأنها ثلاث كلمات. عشان كذا ابني يشيل قيم تضييق التباعد كلها من الملفات العربية بدل ما يحاول يضبطها.
القيم التي يفرضها ابني على كل ملف فيه عربي
أرقام ثابتة في المنصة، تُطبَّق في كل عملية بناء بلا ما تطلبها.
أربعة أعطال تتكرر في كل موقع عربي مبني بأداة إنجليزية أولاً
لو موقعك العربي يزعجك بصرياً وما تعرف تسمّي السبب، هو غالباً واحد من هذي الأربعة أو خليط منها. العمود الأخير هو اللي يصير تلقائياً في ابني بلا ما تطلبه.
| العطل | وين يبان بالضبط | السبب التقني | وش يصير في ابني |
|---|---|---|---|
| قصّ الحركات في العناوين | العناوين الكبيرة تحديداً؛ الفقرات العادية تسلم لأن ارتفاع سطرها طبيعي أصلاً | ارتفاع السطر الضيّق يقصّ الشدّة والضمّة والفتحة من أعلى الحرف، والكسرة من أسفله | كل ارتفاع سطر ضيّق في ملف يحتوي حروفاً عربية يُرفع إلى ١٫٤ قبل النشر |
| تفكّك الكلمة بسبب تباعد الحروف | اسم علامتك التجارية في الهيدر يطلع مقطّعاً كأنه ثلاث كلمات، وهذي أكثر حالة يشتكي منها الناس بدون ما يعرفوا سببها | العربي خط متصل، فأي تضييق للمسافة بين الحروف يشوّه الوصلة بصرياً | قيم التضييق والقيم السالبة تُشال من الملفات العربية بالكامل، ما تُصغَّر — ما فيه قيمة «آمنة» تستحق الإبقاء |
| تخطيط مقلوب | الأسهم تشير للجهة الغلط، والهوامش على الجنب الغلط، وموضع الأيقونة جنب الكلمة معكوس | الصفحة تُبنى LTR ثم يُقلب اتجاه النص فوقها كطبقة، فالقوائم وترتيب الأعمدة ما تنعكس معه | الصفحة تُكتب RTL من أول سطر — عربية من الأساس لا مترجَمة بعد البناء |
| خط ما يدعم العربي فيسقط لخط النظام | الأرقام والكلمات الإنجليزية بخط، والعربي بخط ثاني، في نفس السطر — فالموقع يبان غير مُصمَّم حتى لو التصميم ممتاز | الخط المختار لاتيني فقط، فالمتصفح يستبدله بخط النظام للحروف العربية وحدها | الصفحة تُفتح بمتصفح حقيقي قبل التسليم ويُتحقق أنها ركّبت وفيها نص ظاهر؛ وتغيير الخط نفسه تطلبه بجملة في الشات |
النص العربي عند التسليم: ابني مقابل أداة بدون معالجة عربية
| البند | ابني | أداة بدون معالجة عربية |
|---|---|---|
| ارتفاع السطر في العناوين | كل قيمة ارتفاع سطر ضيّقة في ملف يحتوي حروفاً عربية تُرفع تلقائياً إلى ١٫٤ قبل النشر | تبقى القيمة كما كتبها القالب، فتقصّ الحركات من كل عنوان مشكول |
| تباعد الحروف | قيم التضييق والقيم السالبة تُشال من الملفات العربية لأنها تكسر الوصل | تظل مطبّقة لأنها فعلاً تحسّن الشكل بالإنجليزي |
| اتجاه الصفحة | RTL من أول سطر — الصفحة تُبنى عربية لا تُترجم بعد البناء | LTR أساساً، وRTL طبقة تُضاف فوقه |
| التحقق قبل التسليم | الصفحة تُفتح بمتصفح حقيقي، ويُتحقق أنها ركّبت فعلاً وأن فيها نصاً ظاهراً لا يقل عن ٦٠ حرفاً | تُسلَّم كما هي، وتكتشف الخلل أنت |
| الجوال | أعمدة الشبكة والعناوين الضخمة والعروض الثابتة تُعدَّل للشاشة الصغيرة مع بقاء تصميم الديسكتوب كما هو | تصميم ديسكتوب يُضغط على شاشة ٣٦٠ بكسل |
| أيقونة أو مكوّن باسم غير موجود | يُستبدل تلقائياً قبل النشر بدل ما يوقف الصفحة كلها | الصفحة تطلع بيضاء والزائر ما يشوف شيئاً |
الفرق على عنوان مشكول
مسار أي ملف فيه حروف عربية قبل ما تشوف الصفحة
كل موقع عربي يمرّ بهذا المسار آلياً، بلا طلب منك وبلا خطوة تضغطها.
ما الذي يفعله ابني بالضبط في كل ملف فيه حروف عربية
يبحث عن الحروف العربية أولاً
المسح يمشي على ملفات الواجهة، والملف اللي ما فيه حرف عربي واحد ما يُلمس إطلاقاً. يعني مكوّناتك الإنجليزية وأرقامك ولوحاتك الداخلية تبقى بقيمها كما كُتبت.
يرفع كل ارتفاع سطر ضيّق إلى ١٫٤
القيم اللي تعني «بلا ارتفاع» أو «ارتفاع ضيّق» تُستبدل بقيمة صريحة ١٫٤. هذا الرقم تحديداً هو العتبة اللي تحتها تبدأ الشدّة والضمّة تُقصّ من أعلى الحرف، والكسرة من أسفله.
يحذف تضييق تباعد الحروف بدل ما يعدّله
قيم التضييق والقيم السالبة تُشال بالكامل، ما تُصغَّر. السبب أن أي تضييق يفكّ الوصلة بين الحروف بصرياً، فما فيه قيمة «آمنة» أصغر تستحق الإبقاء عليها.
يعالج حالة العنوان المتدرّج تحديداً
العنوان الضخم بتدرّج لوني مقصوص على النص نفسه هو أخطر تركيبة، لأن الحرف المقطوع فيه ما يبان نصاً ناقصاً بل خللاً في التصميم — والزائر يقرأها ضعف صنعة لا خطأ مطبعياً. التصحيح يمر على هذي الحالة مثل غيرها: يرفع ارتفاع السطر، ويترك التدرّج والخط والمقاس كما اخترتهم.
يعدّل الرموز فقط، ما يعيد التصميم
التصحيح تعديل حرفي على قيم التنسيق: ما يغيّر الخط اللي اخترته، ولا الألوان، ولا ترتيب العناصر، ولا مقاس العنوان على الشاشة الكبيرة. الشكل يظل شكلك، والفرق الوحيد أن الحركات ما تنقص والكلمة ما تتفكك.
التصحيح الآلي: وش يضمنه لك ووش يتركه لك
التصحيح محافظ عمداً: يعدّل اللي يقدر يضمنه، والباقي يتحوّل إلى تعليمة مكتوبة للجولة الأخيرة بدل ما يُغيَّر بصمت ويكسر شيئاً ثانياً. عشان كذا القائمة اليمنى تصير بلا ما تطلبها، واليسرى تحتاج جملة منك في الشات.
يُصلَح آلياً قبل التسليم
- ارتفاعات السطر الضيّقة في كل ملف فيه عربي تُرفع إلى ١٫٤، فتسلم الشدّة والضمّة والفتحة في العناوين المشكولة
- قيم تضييق تباعد الحروف والقيم السالبة تُحذف من الملفات العربية، فيرجع وصل الكلمة كما هو ويرجع اسم علامتك كلمة واحدة
- الناقص يُعوَّض قبل النشر بدل ما ينهار البناء: اسم أيقونة أو مكوّن غير موجود يُستبدل، وأي ملف مشار إليه وغير موجود أو رابط يودّي لصفحة غير مبنية يُعوَّض ببديل شغّال
- شبكة بثلاثة أعمدة أو أكثر بدون تدرّج تصير عموداً واحداً على الجوال وعمودين على اللوح وعدد أعمدتها الأصلي على الديسكتوب
- صورة مولَّدة مدفوعة موضوعة بشفافية شبه معدومة أو ضبابية شديدة أو سواد كامل تُعاد لحالتها الظاهرة — دفعت عليها لازم تُشاف
يحتاج طلباً صريحاً منك في الشات
- جدول بستة أعمدة على شاشة جوال: إما يخرج عن الصفحة أو يضغط الأعمدة لدرجة ما تُقرأ. الحل الصح غلاف يسمح بالتمرير الأفقي، وهذا قرار تصميمي يخص الجدول نفسه فيُطلب صراحة بدل ما يُفرض
- سحب وإفلات بالطريقة الأصلية للمتصفح ميت تماماً على اللمس. أغلب زوارك على الجوال، يعني الميزة موجودة عندك وغير موجودة عندهم — تحتاج بديلاً باللمس أو أزرار ترتيب
- عنصر مكتوب بحد أدنى للعرض أكبر من ٣٨٠ بكسل ما ينفع تقييده بعرض الشاشة، لأن التقييد نفسه يكسر محتواه. لازم يُعاد بناء العنصر
- الأرقام والبريد الإلكتروني والروابط ورموز الطلبات داخل صفحة عربية: اطلب صراحة عرضها باتجاه لاتيني داخل النص العربي، خصوصاً في صفحات الفواتير وأرقام الطلبات
- تغيير الخط نفسه إلى خط يدعم العربي والأرقام معاً: اختيار الخط قرارك أنت، والتصحيح ما يبدّله عنك
إذا كان عندك موقع عربي شغّال ومكسور شكلياً
ما تحتاج تبدأ من صفر. تعطي ابني رابط موقعك الحالي، فيقرأ الصفحات العامة ويستخرج الألوان والخطوط وعنوان الصفحة ووصفها والنصوص والصور والشعار، ثم يبني نسخة جديدة تحافظ على علامتك ومحتواك بدل ما تعيد كتابة كل شيء.
والفرق أن النسخة الجديدة تُكتب RTL من أول سطر وتمر على نفس فحوصات الطباعة والجوال. يعني اللي ينتقل هو هويتك البصرية ونصوصك، مو القيم الافتراضية اللي كانت تقصّ حركاتك وتفكّك اسمك في الهيدر. العطل ما ينتقل مع المحتوى.
بعدها التعديلات تصير بالكلام: تكتب في الشات وش تبي يتغيّر، وتقدر تسحب مربعاً على المعاينة لتصوير المنطقة اللي تزعجك وترفقها مع رسالتك بدل ما تشرحها بالكلام. السؤال نفسه مجاني — تقدر تسأل «ليش العنوان مقصوص» بدون ما تُخصم منك اعتمادات، بحد عشرين سؤالاً مجانياً في اليوم للحساب.
وإذا تعديل ما عجبك، استرجاع النسخة السابقة مجاني بالكامل ولا يخصم اعتمادات. وقبل الاسترجاع تُحفَظ نسخة من الملفات الحالية باسم «قبل الاسترجاع»، فتقدر ترجع للأمام مرة ثانية لو غيّرت رأيك.
أسئلة شائعة
اقرأ أيضاً
خلّ العربي يطلع صح من أول مرة
اكتب فكرة موقعك بالعربي، وابني يبنيه RTL من أول سطر ويمرّ عليه بفحوصات الطباعة والجوال قبل ما تشوفه. والسؤال في الشات مجاني.
ابدأ مجاناً