تعريب قوالب بلوجر يدويا بدون أخطاء شرح تفصيلي
تعريب قوالب بلوجر يدويا بدون أخطاء شرح تفصيلي
الكثير من المدونين يبحثون عن قوالب بلوجر احترافية وغير شائعة لدى الكثير لذلك يلجأون لتعريب القوالب الأجنبية، فبعض الناس يصعب عليهم دفع تكلفة تصميم قالب بلوجر من الصفر أما القوالب المجانية العربية فبها الكثير من المشاكل لذلك اليوم سأقوم بشرح كل شئ تريد معرفته عن تعريب قوالب بلوجر بالتفصيل من الصفر حتى الاحتراف.
أول شئ سنقسم التعريب الى عدة خطوات، أول خطوتين هما للتعريب وتشمل:
- قلب اتجاهات القالب
- تعديل الpadding و margin
- التعديل على خطوط المدونة
- تعريب الكلمات
أولا: تعريب القالب
لنبدأ على بركة الله أول شئ هو عكس اتجاهات القالب ويتم ذلك بحيلة بسيطة جدا وذلك كالتالي:
1-نضغط ctrl+shift+R ونكتب right ثم نضغط انتر وبعد ذلك نكتب yemen ثم نضغط انتر مرة اخرى،
2- نعيد نفس الخطوة نضغط ctrl+shift+R ونكتب left ثم نضغط انتر وبعد ذلك نكتب right ثم انتر مرة اخرى
3-واخيرا نضغط ctrl+shift+R لاخر مرة ونكتب yemen وبعد ذلك انتر ثم left ونضغط انتر
او يمكن مشاهدة الفيديو التالي
ثاني خطوة هى تعديل الpadding و margin لنفهم أولا ما هى padding و الmargin
padding هى عبارة عن الحدود الداخلية لعنصر معين في الصفحة وبيبقى ليها تالك القيمة
padding: 10px 5px 8px 2px
أما الmargin بقة هيا الحدود الداخلية وتاخد القيمة دي برضو
margin: 10px 5px 8px 2px
وفي قيم تانية بس القيمة الي بتبقى اربع ارقام بس هيا الي تهمنا كل الي هنعمله هنبحث عن كلمة padding في القالب ونبدل القيمة التانية بالرابعة مثلا (5px تعبر عن اليمين) بالقيمة ( 2px تعبر عن اليسار)
مع العلم انك هتلاقي اكتر من واحدة فا لازم تحول كل ال padding الي ليها اربع قيم بس ونفس الطريقة هتعملها مع الmarign بالظبط وب كدة تكون انهيت تعريب القالب .
ثانيا تطوير القالب
أول شىئ التعديل على الخطوط وهنا يتم اضافة هذه الأكواد كاملة فوق وسم <head> بعد البحث عنه في القالب باستخدام ctrl+f
<link href='http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/droidarabickufi.css' rel='stylesheet' type='text/css'/>
<link href='http://cdn.rawgit.com/mohammedxx/madad2/master/GESSTwoMediumRegular.css' rel='stylesheet' type='text/css'/>
<link href='https://cdn.rawgit.com/mohammedxx/madad2/master/GESSTwoLight.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/scheherazade.css' rel='stylesheet' type='text/css'/>
<link href='http://fonts.googleapis.com/earlyaccess/amiri.css' rel='stylesheet' type='text/css'/>
font-family:
وستجد كود الخط في الغالب على هذا الشكل
; font-family: 'Roboto Condensed',Helvetica,Arial,sans-serif
تقوم باستبداله باى من الأكواد التالية
font-family: 'Amiri', serif;
font-family: 'Droid Arabic Kufi', serif;
font-family: 'Droid Arabic Naskh', serif;
font-family: 'Scheherazade', serif;
font-family: GESSTwoMediumRegular, Traditional Arabic, Tahoma;
font-family: GESSTwoLight, Traditional Arabic, Tahoma;
او تنسق الخطوط على حسب اختيارك انت وذلك باستعمال المتصفح كما بالفيديو التالي:
بعد كدة لن يتبقى سوى تعريب الكلمات ودي خطوة بسيطة كدة كل الي علينا هنبحث في القالب عن الكلمة التي نريد تعريبها ونبدلها بالكملة العربية والفيديو التالي سيوضح ذلك بشكل أفضل :
نصيحة لكى تتقن تعريب قوالب بلوجر يجب ان تتعلم أساسيات html وcss فقط بتعرف كبف تتعامل مع الأكواد.
يا رب تكونوا استفدتوا وانا اقبل اى استفسار اذا كان هناك شئ في الشرح غير واضح وأيضا اذا كنت تريد تعريب قالب فيمكنك تركه في تعليق ولا تنسوا التعليق واخباري رايكم وشكرا.
ليست هناك تعليقات:
إرسال تعليق