الدرس الثاني من دوره تعريب قوالب وورد بريس ، تعرف على ملف style.Css ،

الأن نبدأ الدرس الخاص في ملف : style.Css الخاص في قالب default القالب الأساسي لمدونة الوورد بريس وهذا الملف هو المتحكم الأساسي في شكل المدونة وطريقة عرض المواضيع والألوان و شكل الهيدر والفوتر أيضاً . نبدأ بالكود الأول الخاص في هذا الملف وهو كود :
رمز PHP:
/* Begin Typography & Colors */ body font-size62.5%; /* Resets 1em to 10px */ font-family'Lucida Grande'VerdanaArialSans-Serifbackground#d5d6d7 url('images/kubrickbgcolor.jpg'); color#333; text-aligncenter;
}  
هذا الكود هو الخاص في الشكل العام للمدونة أو الأستايل : دعونا نتعرف على كل كود لوحدة لنفهم ما هي الأوامر التي يقوم بها كل كود منفصل .
رمز Code:
* font-size: 62.5%;
* Resets 1em to 10px ;
هذا الكود يعني بكل بساطه عن حجم الخط في المدونة وهو 62.5% تقريباً مثل حجم الخط 11px وهو خط جميل ومميز لأكثر المدونات .
رمز Code:
* font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
هذا الكود خاص في نوع الخط كما هو مبين لدينا أنواع كثيرة من الخطوط لاكن خط ‘Lucida Grande’ هو الخط الأساسي للعرض لكل الزوار أما باقي الخطوط تعني أذا لم يتم قرائة الخط الأساسي من قبل جهاز المستخدم يتم الأنتقال إلى الخط الثاني الذي هو Verdana وهكذا يتم فهم الخطوط للمتصفح ولأجهزة الزوار المتصفحين للموقع .
رمز PHP:
background#d5d6d7 url('images/kubrickbgcolor.jpg');  
هذا الكود يقصد في خلفية المدونة أي تستطيع أضافة الصورة لخلفية المدونة بدل من الون ولأضافة لون بدل الصورة يكون شكل الكود كتالي
رمز Code:
* background: #d5d6d7;
هذا يعني بأن خلفية المدونة تكون بهذا الون :
رمز Code:
#d5d6d7
رمز Code:
* color: #333;
هذا الكود خاص في لون الخط الرئيسي للمدونة الون الأساسي للمواضيع .
رمز Code:
* text-align: center;
هذا الكود المقصود منه أن جميع الخطوط الرئيسية للمدونة تكون متوسطة وليست على اليمين أو اليسار . وأنا أنصح بعدم أستخدام هذا الكود بهذه الطريقة .
الأن يتم قفل الكود بعلامة تنصيصية مثال : }
ونبدأ بكود أخر . طبعاً هذه الأكود يتم قرائتها من قبل القالب المستخدم قالب : default . وكيفية قرائة هذه الأكواد كتالي : نفتح ملف header.php ونتوجه لسطر رقم 35 و 36
نشاهد هذا الكود : <body <?php body_class(); ?>>
<div id=”page”>
نشاهد الأمر :id=”page” وهو يطلب من ملف الأستايل style.Css أوامر ومميزات كود page .
وهنا نفهم بأن لكل كود رمز يتم قرائتة في ملف الأستايل style.Css .
ننهي درس اليوم .. انتظرونوي في الدرس القآدم .. !
ملاحظة تم تنصيص الكلام بالاخضر ليسهل القرآئه .. !
اخوكم احمد .., !

تعليقات

  1. I am developing a blog and I am seeking a new template.Yours seems pretty decent! Feel free to visit my blog and suggest things!
    Perfect piece of work you have done, this web site is really cool with good info .
    I was obtaining difficulty not thinking of some firm opportunities, so I began trying to find some unusual blogs. I enjoyed your blog and it helped me relax.
    pm 0.1 filter
    hydrogen water machine amazon
    ionic air purifier reviews consumer reports

    ردحذف

إرسال تعليق

المشاركات الشائعة من هذه المدونة

آخطـآء عند عمل الميتا تاج !

هــل تريد ان يكون لك موقع كفيس بوك ! سكربت قريب من الفيس بوك .. آلحق