با سلام.با جلسه هشتم از دوره مجازی آموزش طراحی قالب حرفه ای وردپرس در خدمت شما هستیم.در این جلسه بخش آمار وب سایت و هم چنین بخش footer قالب رو با هم طراحی پیاده سازی خواهیم کرد.این جلسه به عنوان جلسه آخر از بخش اول دوره (طراحی قالب در فوتوشاپ) محسوب خواهد شد و انشاالله از جلسه بعد ما وارد بخش دوم که تبدیل کدهای قالب به HTML و CSS هست خواهیم شد.پس با ما همراه باشید.
مدت زمان این جلسه به دلیل تفکیک بخش های دوره حدود 35 دقیقه می باشد که به نسبت جلسه های قبل کمتر است.
در این جلسه خواهیم دید:
این مطلب یک جلسه از آموزش طراحی قالب وردپرس حرفه ای می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.
سلام جناب استاد
بسیار عالی بود فوتوشاپ تا اینجا
فقط یه پیشنهاد لطفا برای تبدیل این psd به Html و css لطفا مثل مهندس جواد باقی که در دوره css جناب آوند کار انجام دادن کار نکنید.البته از ایشون هم تشکر میکنیم و قدر دانشون هستیم
ایشون ابتدا تمام کد های html رو نوشتن و بعد شروع به css کردن
اما خود جناب آوند در همون دوره css ابتدا یه قسمت انجام میدادن از html و بعد همون تیکه کد رو css میزدن.اتفاقا خود دکتر هم میگفتن اینطوری بهتره.
چرا که شما در روش جناب باقی چندین خط کد میزدید تا آخر html و بعد از ابتدا به سراغ css میرفتید که این خودش بیشتر سر درگمی میاره…
بازم ممنون
سلام دوست عزیز.اتفاقا بنده در بخش HTML همین روش رو به کار بردم و با تغییرات کد های CSS نغییرات اونو در صفحه نشون میدم. 🙂
سلام استاد نوت پدپلاس روی ENCOING-UTF8-BOMتنظیم شده ولی درسمت سرورفضای خالی کاراکتر>…ایجاد میشه باید چیکارکنم ممنونم.
سلام بایدبه صورت without bom تنظیم کنید
استاد نوتپد پلاس من این گزینه رونداره ازکجابراش ست کنم.یاازکدوم نسخه اون استفاده کنم.پیش فرض نصب می کنم نداره اصلا نکنه این دش به معنی منها باشه.ممنونم جواب بدید.
از منوی Encoding گزینه encode in utf8 without bom (گزینه ی دوم )رو انتخاب کنید
سلام استاد
انشالله تو جلسه فردا که میخواهید css شروع کنید قالب رو کلا responsive هم طراحی میکنید دیگه؟
یه پیشنهاد هم داشتیم اگر امکانش هست و ویدونو ها آماده شده یکی 2 جلسه زودتر زو
(مثه یه هفته ای بود که اول هفته واسه 1 و 4 شنبه قابل انتشار گذاشته بودید ) این کار رو بکنید.
یعنی زودتر بگذارید اما به وقتش نمایش و دانلود بگذارید.اینطوری باعث میشه که دوستان مطمعن باشن از قبلش که امروز حتما آموزشی داریم تا اینکه خود همون روز میگذارید.به منظم بودن و آن تایم بودن دوره کمک بیشتری میکنه استاد عزیز
بازم ممنونم
سلام در انتها بخش دوم قالب رو رسپانسیو می کنیم.شما مطمئن باشید مطالب سر وقت منتشر میشه.
سلام استاد عزیز ما اگر خودمون بخوایم قالب طراحی کنیم چجوری باید دقیق طراحی کنیم تو فتوشاپ برای اندازه هاش مشکل دارم من مثلن از کجا باید بدونم که منوی بالای سایت چند px یا قسمت بازدید های سایت رو چند پیکسل برای طولش در نظر بگیرم که دقیق باشه و موقعه پیاده سازیش مشکل پیش نیاد
سلام معمولا برای طراحی قالب ها قبل از طراحی فوتوشاپ طراحی اسکچ میزنن تا اندازه های دلخواه تعیین بشه و بعدش طبق اون طرح فوتوشاپ رو میزنن و بعدش تبدیل میکنن.این که شما بدونین از کجا باید اندازه منو و سایز بخش های صفحه رو تعیین کنید بستگی به اینه که سلیقه خودتون یا کسی که سفارش قالب داده به شکلی هست مثلا طرف دوست داره منوی بالای سایت 100 پیکسل باشه یا مثلا 200 تا کلا طراحی قالب وابسته به موضوع قالب و سلیقه طراح و یا طراحی گرافیست هستش.
درود . لینک ویدیو و فایل ها مشکل دارن لطفا بررسی کنین
بررسی شد و مشکلی مشاهده نشد .
بخشید استاد بنده یک سوال در این قسمت پرسیده بودم فک کنم جا انداختینش چون خیلی وقته گزاشتمش
سلام.پاسخ داده شد.
باسلام
استاد در بخش نمایش مطالب سایت، برای قالب پیمایش صفحات را نگذاشتیم !
چگونه بین مطالب منتشر شده جابجا شویم؟
سلام. برای صفحه اول ما از تکنیک Load More استفاده می کنیم که کیفیت کارمون بره بالاتر. برای صفحات داخلی هم انشالله صفحه بندی شماره ای رو قرار میدیم ^_^
با تشکر
واقعا این دوره را ترکوندید استاد 😛
^_^
سلام استاد
اگر بخوایم قالب رو چندستونه بسازیم در کنار صفحه اینو هم میتونید توضیح بدید
و اینکه من میخام تو صفحه اول قالبم داخل سایت فقط یه سری عناصر خاص باشه و بواسطه لینک مطالب ارجاع داده بشن این رو هم توضیح بدید که برای اینکار چ باید کرد
دوست عزیز برای این موارد باید به خوبی با css و html آشنا باشید برای آموزش هم می تونید در دوره حزفه ای طراحی وب شرکت کنید
http://www.7learn.com/class/5060
مرسی
در مورد قسمت دوم سوالم که گفتم مثل سایت خودتون 7لرن قسمت های مشخصی داخل صفحه اصلیتون هست که با لینک ارجاع میدید به صفحات ساختگی جدید این رو هم آموزش میدید
برای این کار باید از افزونه استفاده کنید.
با سلام خدمت استاد.می خواستم بپرسم که آیا میشه بعد از طراحی فتوشاپ سایت فایل خام style و index را که هنوز کدی نوشته نشده مستقیما در ورد پرس پیاده سازی کنیم و بعد کدزنی رو شروع کنیم که زمان کمتری رو بگیره؟؟؟؟؟؟؟
فکر نکنم مشکلی داشته باشه.