بسم الله الرحمن الرحيم و الصلاة و السلام على رسول الله صلى الله عليه و سلم
درس كيفية تصميم و تركيب ثيم للنيوك ( صورة لكل بلوك ) بأسهل الطرق
1- اول شىء يجب ان تعلم ما هى ملفات الثيم و ما فائدة كل منها ؟؟
لكل ثيم 10 ملفات اساسية منهم 1 داخل فولدر و هو ملف الستايل style.css و هو موجود داخل فولدر style .
اما الملفات الأخرى فهى :
1- header.html : فائدة : هو الملف المسئول عن بانر الثيم يعنى كل اللى تفعلة هو وضع البانر اللى صممته للثيم بداخل هذا الملف طبعا بعد فتحة بالفرونت بيج .
2- block.html : فائدة : هو الملف المسئول عن بلوكات الثيم سواء القائمة اليمين او اليسار و كل ما تفعلة ايضاً هو وضع الصور اللى صممتها للقائمة فى هذا الملف بعد فتحة بالفرونت بيج .
3- footer.html : فائدة : هو الملف المسئول عن فوتر الثيم ( أى منظقة الزيل ) و كل ما تفعلة ايضاً هو وضع صورة الفوتر فى هذا الملف بعد فتحة بالفرونت بيج .
4- story_home : فائدة : هو الملف المسئول عن عرض مقالات الثيم فى الصفحة الرئيسية للموقع .
5- story_page.html : هو الملف المسئول عن عرض مقالات الثيم فى الصفحة الداخلية اى بعد ضغط المستخدم على ( إقرأ المزيد ) يدخل على هذة الصفحة .
6- ملفى left_center.html و right_center.html : فائدتهما : هما المسئولان عن المسافات بين البلوك اليمين و الشمال للثيم و بين منطقة المقالات و انصحك ان لا تغير فيهما شيئاً .
7- theme.php : فائدتة : بدون هذا الملف لن يعمل الثيم جيداً لأنه هو المسئول عن عمل كل هذة الصفحات بالاضافةللون خلفية الصفحة الرئيسية .
8- table.php : فائدتة : والله لا اعلم فائدتة غير اننى اغير الامتداد الموجود بداخلة للامتداد الصحيح لإسم الثيم داخل موقعى .
و هناك فولدر اسمة images و بداخلة فولدر اسمة blocks : ضع كل رأس البلوكات اللى صممتها انت بداخل فولدر البلوكات و ضع كل الصور مثل البانر و غيرة داخل فولدر ال images و لنبدأ عملية الشرح .
______________________________________________
1- ندخل على ملف themes.php و نبحث عن كلمة eltawoos و نغييرها لإسم فولدر الثيم , يعنى لو اسم فولدر الثيم ahmed غيرها لإسم ahmed و ستجدها فى اكثر من مكان , إبحث عنها و غيرها كما هو موضح بالصورة :
و هكذا فى ملف ال table.php .
ثم نفتح بعد ذلك بالفرونت بيج ملف header.html و نضع البانر فى هذا الملف كما هو موضح بالصورة :
ثم بعد ذلك نفتح بالفرونت بيج ايضاً ملف block.html و نضع خلفية البلوك و فوتر البلوك كما هو موضح بالصورة و طبعا اذا اردنا تعديل شىء فى الخط نغير فى كلمة content
تسألونى و أين رأس البلوك ؟؟ اقول لكم لو تريدون البلوك بصورة لكل بلوك فأتركوها كما هى و ضعوا صور بلوكاتكم فى فولدر blocks الموجود داخل فولدر images اما اذا ما كانت صور لكل بلوك فأصنعوا table علوى جديد فى block.html و ضعوا بداخلة الصورة الى تريدونها و طبعا تضعونا بطريقة cell probrties اى خلفية للخلية لأنها سيكتب عليها .
بعد ذلك ملف الفوتر و هو ملف الheader تماما , ضعوا بداخلة صورة الفوتر حق ثيمكم كما هو موضح بالصورة
و بعد ذلك نفتح بالفرونت بيج ملف story_home و كما شرحنا من قبل نضع الصور اللى صممناها كما هو موضح
ثم نأتى لملف story_page و نضع الصور ايضاً
و فى النهاية ندخل على كل ملف ملف و نقوم بتعديل امتداد الصور لكى تنزل على الموقع أى نقوم بتعديل امتداد كل صورة إلى
themes/name of theme/images/name of pic.jpg
طبعا مع تغيير name of theme لأسم فولدر الثيم و تغيير name of pic.jpg إلى اسم الصورة كما هو موضح ,, و ذلك فى كل صورة من صور الثيم قمت بوضعها .
طريقة تركيب الثيم
قم بتنزيل فولدر الثيم إلى ملف themes الموجود بداخل موقعك ثم ادخل لوحة التحكم ,, ثم ( خيارات ) و اختر شكل الموقع و طبعا سيكون بنفس اسم فولدر الثيم .
اما عن البلوك لكل صور ,,
ادخل على مجموعات و مثلاً عند القائمة الرئيسية , بدلأ من ان تكتب ( القائمة الرئيسية ) اكتب اسم صورة بلوك القائمة الرئيسية و الذى تم وضعة داخل images/blocks . يعنى لو اسم صورة بلوك القائمة الرئيسية home.jpg تكتب انت home فقط
اتمنى ان اكون وفيت فى الشرح و لو فى شىء مش مفهوم نبهونى و ان شاء الله سوف اضع لكم كيفية عمل الصور ببرنامج photo shop ان شاء الله
هناك ملف مرفق بإسم eltawoos و هو فولدر لثيم لكى تستطيعون التعديل على ملفاتة ولا تنسوا وضع الصور داخل فولدر images .