درس تصميم ثيم نيوك من الالف الى الياء
السلام عليكم ورحمة الله وبركاته اليوم يا شباب محظر لكم درس تركيب ثيم النيوك من الألف إلى الياء
وان شاء الله يكون الدرس واضح وسهل وبإذن الله أي واحد يتابع الدرس راح يصير مصممك نيوك بس ركزوا زين !!!
أولا :- لن أتكلم عن التصميم وطرقه لان كل واحد وطريقته بالتصميم لكن سأتكلم عن ما سنحتاجه من صور وتمدد وعن طريقة التركيب
_________________________ _________________________ __
الهيدر :- نحتاج صورتان ومنطقة تمدد
الفور تر :- صورتان ومنطقة تمدد
عرض المواضيع :- تمدد أعلى وصورتان أعلى تمدد أسفل وصورتان أسفل
البلوك :- تمدد فقط
_________________________ _________________________ _
قبل البدء حمل المجلد الذي بالمرفقات فيه كل الملفات ما عليك إلا التطبيق
بسم الله نبدأ
أولا :- افتح ملف header وتابع الشرح
طريقة ادراج صورهـ
ونطبق على الاخرهـ كذلك
طريقة إضافة نقطه تمدد
صورهـ بعد وضع التمدد مع توضيح بعض النقاط
نقوم بتغيير لون خلفية الجداول للتناسب مع التصميم عن طريق
لاتنسى :-
تغيير روابط الصور
وهذا مثال للهيدر مركب على المجلة
لاحظ أننا أزلنا التسجيل وكذلك التاريخ
ثانيا :- افتح ملف footer وتابع الشرح
طريقة إدراج صورهـ
ونطبق على الاخرهـ كذلك
ملاحظة الصورة اليمنى ضعها مكان اليسرى والعكس كذلك
طريقة إضافة نقطه تمدد
نقوم بتغيير لون خلفية كــــــــــــــل جدول لتتناسب مع التصميم عن طريق
لاتنسى :-
تغيير روابط الصور
وهذا مثال للفورتر مركب على المجلة
ثالثا :- افتح ملف story_home وتابع الشرح
أضف نقطة التمدد وأدرج الصور وقد سبق شرحه في أول الدرس
ملاحظة الصورة اليمنى ضعها مكان اليسرى والعكس كذلك
صورهـ بعد الإضافة
توضيح لبعض النقاط
طريقة تغيير خلفية الجدول وحدودهـ
يوجد خط صغير داخلي يغير عن طريق
لاتنسى :-
تغيير روابط الصور
مثال للتصميم مركب على المجلة
لاحظ أننا أزلنا صوره المقال وأيضا كاتبه وعدد قراء الموضوع
ملاحظة :- قم بنسخ محتويات story_home والصقها في محتويات story_page
رابعا :- افتح ملف blocks وتابع الشرح
أضف نقطة تمدد وقد سبق شرحه في أول الدرس
طريق تغيير لون الخط الذي يحيط بالبلوك :-
ابحث عن #398686 واستبدلها بأي لون تريد
طريقة تغيير لون الخلفية :-
ابحث عن #E5F4F4 واستبدلها بأي لون تريد
ملاحظة :- ستجدهـ أكثر من مره
لاتنسى :-
تغيير روابط الصور
وهذا مثال للبلوك مركب على المجلة
إن شاء الله في درس قادم اشرح طريقة وضع صورهـ أعلى وأسفل البلوك بحث يكون أجمل
الآن انتهينا من تركيب التصميم وبـــقــــي تغير لون الخلفية والخط و السكروا بار ...الخ
ارجوووووووووووووووووا التركيز زين يا شباب وعدم خلط الأمور
أولا :- قم بفتح برنامج الفوتوشوب واختر لونان متناسقان مع تصميم ومتقاربان والافضل واحد فاتح والثاني غامق شوي أنا اخترت لونان مثل :-
ثــــــــــانـــيــا :- قم بفتح ملف theme
وابحث عن themes/m واستبدل m باسم المجلد الذي أنشأته ووضعت فيه ملفاتك وصورك مثل abo-almegdad أو غيرهـ
ملاحظة :- ستجدهـ أكثر من مرهـ
2- ابحث عن E5F4F4 واستبدلها باللون الفــــــاتـــــــح الذي اخترته
ملاحظة :- ستجدهـ أكثر من مرهـ
3- ابحث عن 587B7C واستبدلها باللون الغــــــــــامق الذي اخترته
ملاحظة :- ستجدهـ أكثر من مرهـ
ثــــــــــالـــثــــا :- قم بفتح ملف tables
1- ابحث عن E5F4F4 واستبدلها باللون الفاتح الذي اخترته
ملاحظة :- ستجدهـ أكثر من مرهـ
2- ابحث عن 587B7C واستبدلها باللون الغامق الذي اخترته
رابعا :- قم بفتح ملف style
1- ابحث عن E5F4F4 واستبدلها باللون الفاتح الذي اخترته
ملاحظة :- ستجدهـ أكثر من مرهـ
2- ابحث عن 587B7C واستبدلها باللون الغامق الذي اخترته
ملاحظة :- ستجدهـ أكثر من مرهـ
للتذكير فقط رابط صور الثيم :-
اسم اللصورهـ/اسم االمجلد /themes
مثل :-
themes/m/a_07.gif
وأخيراً ارفع المجلد لمجلد الثيم بالمجلة واختر الثيم من لوحة التحكم ومبروووووووك عليك الثيم
وبهذا نكون قد انتهينا من تصميم وتركيب ثيم النيوك على المجلة من الألف إلى الياء
وفي الختام اسأل الله لي ولكم التوفيق والسداد في الدنيا والأخرهـ وأن يجمعنا جميعا في جنة عرضها كعرض السماء والأرض إخوهـ على سرر متقابلين
وأي سؤال أو استفسار اسأل وان شاء الله أجيب عليك
أخوكم :- أبو المقداد=ابو سليمان
رد مع اقتباس
المشاركة الأصلية كتبت بواسطة ابو راشد
مواقع النشر (المفضلة)