campaign-off40

دوره مجازی قالب وردپرس (جلسه 8 - جلسه آخر فوتوشاپ) : طراحی بخش آمار وب سایت و footer قالب



visibility  
mode_comment   ۲۴

با سلام.با جلسه هشتم از دوره مجازی آموزش طراحی قالب حرفه ای وردپرس در خدمت شما هستیم.در این جلسه بخش آمار وب سایت و هم چنین بخش footer قالب رو با هم طراحی  پیاده سازی خواهیم کرد.این جلسه به عنوان جلسه آخر از بخش اول دوره (طراحی قالب در فوتوشاپ) محسوب خواهد شد و انشاالله از جلسه بعد ما وارد بخش دوم که تبدیل کدهای قالب به HTML و CSS هست خواهیم شد.پس با ما همراه باشید.

info نکته :

مدت زمان این جلسه به دلیل تفکیک بخش های دوره حدود 35 دقیقه می باشد که به نسبت جلسه های قبل کمتر است.

در این جلسه خواهیم دید:

  • طراحی بخش آمار وب سایت شامل آمار مطالب،کاربران و نظرات.
  • طراحی بخش footer وب سایت
  • طراحی بخش لینک شبکه های اجتماعی در فوتر
  • طراحی بخش منوی footer وب سایت
  • طراحی بخش خبرنامه وب سایت در footer
info توجه

این مطلب یک جلسه از پکیج آموزش طراحی قالب وردپرس می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در پکیج آموزش طراحی قالب وردپرس

comment دیدگاه کاربران
حمید رضا مصطفی زاده replyپاسخ

سلام جناب استاد
بسیار عالی بود فوتوشاپ تا اینجا
فقط یه پیشنهاد لطفا برای تبدیل این psd به Html و css لطفا مثل مهندس جواد باقی که در دوره css جناب آوند کار انجام دادن کار نکنید.البته از ایشون هم تشکر میکنیم و قدر دانشون هستیم
ایشون ابتدا تمام کد های html رو نوشتن و بعد شروع به css کردن
اما خود جناب آوند در همون دوره css ابتدا یه قسمت انجام میدادن از html و بعد همون تیکه کد رو css میزدن.اتفاقا خود دکتر هم میگفتن اینطوری بهتره.
چرا که شما در روش جناب باقی چندین خط کد میزدید تا آخر html و بعد از ابتدا به سراغ css میرفتید که این خودش بیشتر سر درگمی میاره…
بازم ممنون

کیوان علی محمدی

سلام دوست عزیز.اتفاقا بنده در بخش HTML همین روش رو به کار بردم و با تغییرات کد های CSS نغییرات اونو در صفحه نشون میدم. 🙂

sara salami replyپاسخ

سلام استاد نوت پدپلاس روی ENCOING-UTF8-BOMتنظیم شده ولی درسمت سرورفضای خالی کاراکتر&#62…ایجاد میشه باید چیکارکنم ممنونم.

کیوان علی محمدی

سلام بایدبه صورت without bom تنظیم کنید

sara salami

استاد نوتپد پلاس من این گزینه رونداره ازکجابراش ست کنم.یاازکدوم نسخه اون استفاده کنم.پیش فرض نصب می کنم نداره اصلا نکنه این دش به معنی منها باشه.ممنونم جواب بدید.

کیوان علی محمدی

از منوی Encoding گزینه encode in utf8 without bom (گزینه ی دوم )رو انتخاب کنید

حمید رضا مصطفی زاده replyپاسخ

سلام استاد
انشالله تو جلسه فردا که میخواهید css شروع کنید قالب رو کلا responsive هم طراحی میکنید دیگه؟
یه پیشنهاد هم داشتیم اگر امکانش هست و ویدونو ها آماده شده یکی 2 جلسه زودتر زو
(مثه یه هفته ای بود که اول هفته واسه 1 و 4 شنبه قابل انتشار گذاشته بودید ) این کار رو بکنید.
یعنی زودتر بگذارید اما به وقتش نمایش و دانلود بگذارید.اینطوری باعث میشه که دوستان مطمعن باشن از قبلش که امروز حتما آموزشی داریم تا اینکه خود همون روز میگذارید.به منظم بودن و آن تایم بودن دوره کمک بیشتری میکنه استاد عزیز
بازم ممنونم

کیوان علی محمدی

سلام در انتها بخش دوم قالب رو رسپانسیو می کنیم.شما مطمئن باشید مطالب سر وقت منتشر میشه.

Amir Th replyپاسخ

سلام استاد عزیز ما اگر خودمون بخوایم قالب طراحی کنیم چجوری باید دقیق طراحی کنیم تو فتوشاپ برای اندازه هاش مشکل دارم من مثلن از کجا باید بدونم که منوی بالای سایت چند px یا قسمت بازدید های سایت رو چند پیکسل برای طولش در نظر بگیرم که دقیق باشه و موقعه پیاده سازیش مشکل پیش نیاد

کیوان علی محمدی

سلام معمولا برای طراحی قالب ها قبل از طراحی فوتوشاپ طراحی اسکچ میزنن تا اندازه های دلخواه تعیین بشه و بعدش طبق اون طرح فوتوشاپ رو میزنن و بعدش تبدیل میکنن.این که شما بدونین از کجا باید اندازه منو و سایز بخش های صفحه رو تعیین کنید بستگی به اینه که سلیقه خودتون یا کسی که سفارش قالب داده به شکلی هست مثلا طرف دوست داره منوی بالای سایت 100 پیکسل باشه یا مثلا 200 تا کلا طراحی قالب وابسته به موضوع قالب و سلیقه طراح و یا طراحی گرافیست هستش.

AliMV replyپاسخ

درود . لینک ویدیو و فایل ها مشکل دارن لطفا بررسی کنین

لقمان آوند

بررسی شد و مشکلی مشاهده نشد .

Amir Th replyپاسخ

بخشید استاد بنده یک سوال در این قسمت پرسیده بودم فک کنم جا انداختینش چون خیلی وقته گزاشتمش

کیوان علی محمدی

سلام.پاسخ داده شد.

darin replyپاسخ

باسلام
استاد در بخش نمایش مطالب سایت، برای قالب پیمایش صفحات را نگذاشتیم !
چگونه بین مطالب منتشر شده جابجا شویم؟

کیوان علی محمدی

سلام. برای صفحه اول ما از تکنیک Load More استفاده می کنیم که کیفیت کارمون بره بالاتر. برای صفحات داخلی هم انشالله صفحه بندی شماره ای رو قرار میدیم ^_^

darin

با تشکر
واقعا این دوره را ترکوندید استاد 😛

کیوان علی محمدی

^_^

میلاد کریمی replyپاسخ

سلام استاد
اگر بخوایم قالب رو چندستونه بسازیم در کنار صفحه اینو هم میتونید توضیح بدید
و اینکه من میخام تو صفحه اول قالبم داخل سایت فقط یه سری عناصر خاص باشه و بواسطه لینک مطالب ارجاع داده بشن این رو هم توضیح بدید که برای اینکار چ باید کرد

وحید صالحی

دوست عزیز برای این موارد باید به خوبی با css و html آشنا باشید برای آموزش هم می تونید در دوره حزفه ای طراحی وب شرکت کنید
http://www.7learn.com/class/5060

میلاد کریمی

مرسی
در مورد قسمت دوم سوالم که گفتم مثل سایت خودتون 7لرن قسمت های مشخصی داخل صفحه اصلیتون هست که با لینک ارجاع میدید به صفحات ساختگی جدید این رو هم آموزش میدید

کیوان علی محمدی

برای این کار باید از افزونه استفاده کنید.

مصطفی کریم زاده replyپاسخ

با سلام خدمت استاد.می خواستم بپرسم که آیا میشه بعد از طراحی فتوشاپ سایت فایل خام style و index را که هنوز کدی نوشته نشده مستقیما در ورد پرس پیاده سازی کنیم و بعد کدزنی رو شروع کنیم که زمان کمتری رو بگیره؟؟؟؟؟؟؟

کیوان علی محمدی

فکر نکنم مشکلی داشته باشه.

ارسال نظرات

کاربر گرامی، امکان ارسال نظر و پشتیبانی برای دوره های مجازی فقط برای دانشجویان این دوره امکان پذیر می باشد.