در این دوره از آموزش طراحی سایت شما یاد میگیرید که چگونه یک سایت وردپرسی را طراحی بکنید . در این دوره از فیلم آموزش طراحی سایت وردپرسی اول قالب سایت را با استفاده از HTML و CSS طراحی می کنیم و سپس آن را با استفاده از PHP به وردپرس تبدیل می کنیم .
سعی شده است در این دوره اموزش طراحی سایت همه امکاناتی که یک سایت باید داشته باشد را در این دوره به صورت پروژه محور بیان بکنیم و امکاناتی مانند : منوها ، هدر ،اسلایدر ، ساید بار ، قسمت مطالب ، پیج بندی ، نظرات ، پیشنهاد برای کاربر ، ساخت برگه جدا و …. را به شما آموزش دهیم . تا ان شالله بعد از گذراندن این دوره بتوانید هر نوع قالب سایتی را به راحتی طراحی بکنید .
اولین قسمت از فیلم آموزش طراحی سایت وردپرسی
در ویدیو زیر اولین قسمت از فیلم آموزش طراحی سایت وردپرسی را مشاهده می کنید که همین قالب فعلی سایت وب سیتی را می خواهیم طراحی بکنیم .
برای این دوره شما باید یک مقدار با تگ های HTML و کد های CSS آشنا باشید که برای این کار شما می توانید فیلم آموزش HTML و CSS را در سایت وب سیتی به صورت رایگان مشاهده بکنید . اگر هم تازه طراحی سایت را شروع کرده اید هم می توانید این فیلم ها را مشاهده بکنید چون سعی شده است که طوری آموزش داده شود که افراد مبتدی هم به راحتی بتوانند طراحی سایت را یاد بگیرند .
ادامه قسمت های آموزش طراحی سایت به تدریج اضافه خواهد شد . اگر پیشنهاد یا انتقادی در مورد فیلم های آموزشی دارید می توانید نظراتتان را در قسمت نظرات بنویسید و ما در تهیه آموزش های بعدی یاری بکنید .
در این دوره آموزش طراحی سایت سعی شده است که تمام نکات لازم و برای طراحی سایت و سئو به شما آموزش داده شود .
در ویدیو زیر می توانید قسمت هشتم از آموزش طراحی قالب وردپرسی را مشاهده بفرمایید :
از طریق لینک های زیر می توانید به صورت رایگان قسمت های مختلف فیلم اموزش طراحی سایت وردپرسی را دانلود و یا مشاهده بفرمایید :
- قسمت اول فیلم آموزش طراحی سایت وردپرسی
- قسمت دوم از آموزش طراحی سایت
- قسمت سوم از آموزش طراحی قالب سایت
- قسمت چهارم از آموزش طراحی قالب سایت
- قسمت پنجم از آموزش ساخت قالب سایت
- قسمت ششم از فیلم آموزش ساخت قالب سایت
- قسمت هفتم از فیلم آموزش طراحی سایت وردپرسی
- قسمت هشتم از آموزش
- قسمت نهم از آموزش ساخت سایت وردپرسی
- قسمت دهم ساخت اسلایدر در سایت
- قسمت یازدهم از آموزش
- قسمت دوازدهم از آموزش
- قسمت سیزدهم از آموزش
- قسمت چهاردهم از فیلم آموزش طراحی سایت
- قسمت پانزدهم از اموزش
- ساخت سایدبار در وردپرس
- استفاده از ابزارک برای سایدبار
- ساخت اسلایدر داینامیک
- افزودن مطالب تصادفی در وردپرس
- نمایش مطالب در وردپرس
- افزودن صفحه بندی در وردپرس یا Pagination
انتقادات و پیشنهادات خود را در مورد این دوره آموزش طراحی سایت در قسمت نظرات بنویسید تا در دوره های جدید از نظرات شما استفاده کنیم .
سلام ببخشید من تو css همه کد هارو میزنم کلی وقتی ریلود میکنم نمیشه قبلا میشد
سلام ببخشید من تو css همه کار هایی که میگین را انجام میدم ولی وقتی سایت را ریلود میکنم نمیشه یعنی مثلا رنگ پس زمینه و اینا را درست نمیکنه قبلا می آورد
سلام وقت بخیر
احتمالا ادرس فایل css رو درست وارد نکردید ، ادرس و اسم فایل رو چک بکنید که درست باشه
سلام وقت بخیر
ممنون از اینکه اموزشهای خود را به صورت رایگان در خدمت ما میگذارید
یه سوال داشتم لطف میکنید بفرمایید انوزش پروژه محور مربوط به چه سالی است
سلام وقت بخیر
مال 2 سال قبل هستش ولی چندتا قسمتش مونده که تا چند ماه آینده روی سایت آپلود میشه
سلام بزرگوار جناب آقای مهندس طوماری
ضمن تشکر از برنامه خوب تان و توضیحات عالی که دارید یه خواهشی داشتم یه برنامه توی سایت می خوام داشته باشم اسکرین شاتش رو ضمیمه می کنم مننون میشم راهنمایی بفرمائید با اسکرول عمودی که روی شکل انجام میده تغییر بوجود میاره از محبت تان سپاسگزارم
فقط نمی دونم چه طوری اسکرین شات رو بفرستم لینک سایتش رو می ذارم یه تصویری هستش که مریدد با بازوهای تاتو کرده اسکرول رو که حرکت بدیم تاتو پاک میشه
با سلام
لینک نحوه پیاده سازیش رو برای ایمیلتون فرستادم .
با عرض سلام و خسته نباشید خدمت شما ممنون از تدریس عالی تون استاد خوشبختانه ایراد کدم برطرف شد
ولی قسمت 12 آموزشتون 11 دقیقه آخرش یدفعه قطع میشه دیگه هم نمی یاره چند بار دیگه هم دانلود کردم ولی متاسفانه بازهم به همین مشکل برخورد کردم خیلی ممنون میشم راهنمایی کنید.
.nav-down ul {
width: 100%;
float: right;
height: 50px;
}
.nav-down ul li{
float: right;
color: #ffffff;
padding: 10px;
margin: 0 5px;
font-size: 25px;
}
.nav-down ul li a{
color: #ffffff;
}
.nav-down >ul >li >a{
width: 100%;
height: 100%;
padding: 10px;
}
.nav-down ul li ul{
width: 200px;
height: 35px;
position: absolute;
top: 265px;
display: none;
}
.nav-down ul li:hover ul{
display: block;
}
.nav-down ul li ul li{
width: 100%;
background-color: #FF4081;
padding: 2px;
margin: 4px 0;
}
.nav-down ul li ul li:before{
content: “”;
width: 220px;
height: 180px;
position: absolute;
top: 0;
}
.nav-down ul li ul li ul{
position: absolute;
right: 220px;
top: -1px;
display: none !important;
}
.nav-down ul li ul li:hover ul{
display: block !important;
}
.nav-down ul li ul li ul li:before{
content:””;
height: 180px;
width: 250px;
position: absolute;
right: -20px;
top: 0;
}
این قسمت منو down کد های من هستش همون کد های ویدیو بالا است با اندکی تغییر اعداداش
اگه این جواب نداد یه کلاس به تگی که میخواید display بدید ، بدید بعد اون display رو به اون کلاس اعمال بکنید .
.myClass{display:block !important;}
با عرض سلام و خسته نباشید استاد در ویدیو 4 آموزشتون قسمتی که در php
display رو block کردین ولی با اینکه کد درست بود تو خود سایت اعمال نشد بعدimportant ! رو اضافه کردید من هم همین کار رو انجام دادم ولی باز هم تو سایت اعمال نشد.میشه راهنمایی بفرمایید.
سلام وقتتون بخیر
اگه میشه کدش رو بفرستید تا نگاه کنم .
کدهای CSS در یه جاهایی نسبت به کد های دیگه اولویت دارند مثلاً اونی که پایین تر نوشته میشه ، یا توی تگ HTML باشه اولویت داره ، شاید این display که شما میدید به اون تگ در یه جایی دیگه یه استایل دیگه ای دادید به اون تگ که داره اون استایل رو میخونه .
برای پیدا کردن استایلی که به تگ دادید از inspect مرورگر استفاده بکنید و ببینید که چه استایلی به تگ دادید .
بازم حل نشد کد رو بفرستید تا کمکتون بکنم
با سلام
میخواستم از این آموزش های مفید و آموزندتون تشکر کنم خیلی برام مفید بود
❤❤❤❤
با سلام و آرزوی اوقات خوش
ابتدا تشکر میکنم بابت فیلم های آموزشی ،توضیحات بسیار کامل و عالی هستن
در حال حاضر فیلم های آموزش html وآموزش طراحی سایت رو دانلود کردم ولی متاسفانه توی قسمت هر چیزی که مینویسم توی سایت نشون داده نمیشه،reload وsave رو هم میزنم
ممنون میشم اگه راهنمایی کنید ایراد کار کجاست.
سلام
کامل توضیح میدید فایل html رو که درست می کنید باز نمیکنه ؟
اگر روی هاست و دامنه واقی بخواید اجرا بگیرید باید پسوند فایل html رو بزنید تا نشون داده بشه
سلام اگر میشه فایل ایکن ها را بفرستید
دست شما درد نکنه استاد خیلی منتظر آموزش شما بودم
ممنون.مطالب شما واقعا عالی و به روز هستند.خسته نباشید