آموزش html و css آموزش طراحی بخش محتوا سایت بخش اول | پاسخ وردپرس |

آموزش طراحی بخش محتوا سایت بخش اول

بنام خدا سلام خدمت شما دوستان عزیز در خدمت شما هستم با آموزش html  و css جلسه ۴۲ با
ادامه آموزش طراحی پروژه نهایی در وب سایت پاسخ وردپرس جلسه ۱۲ توی این جلسه از آموزش 
میخواهیم بخش محتوایی سایت طراحی کنیم پس با من همراه باشید .

آموزش طراحی بخش محتوا سایت

فایل نهایی که خواهیم سایتآموزش طراحی بخش محتوا سایت

ما توی جلسات قبلی بخش سایدبار راست  را به صورت کامل پیاده سازی کردیم حالا نوبت اینه که بخش محتوایی
را به صورت کامل پیاده سازی کنیم کد های زیر را داخل div با کلاس content که توی جلسات اولی ساختیم قرار دهید.

من برای محتوا از تگ article  که تگ html5  است استفاده کردم بعد از این هرچی که عنوان یا محتوا که میخواهیم
داخل صفحه اصلی نمایش بدیم داخل این تگ قرار خواهیم داد. پس برای شروع کد زیر داخل همین تگ قرار بدید.

دقت داشته باشید که من برای عنوان و post meta  ها از تگ header از تگهای html5 استفاده کردم اگه الان فایل index.html
داخل مرورگر اجرا کنید یک چیزی مثل تصویر زیر خواهید داشت.

بیشتر بخوانید :
آموزش طراحی قالب HTML5 و CSS3 طراحی باکس پربازدید ترین مطالب | پاسخ وردپرس |

آموزش طراحی بخش محتوا سایت

توی تصویر اگه دقت کرده باشید ما فقط عنوان و post meta  را کامل قرار دادیم که استایل خواصی نداره
توی جلسات بعدای به طور کامل استایل خواهیم داد نگران نباشید توی این جلسه فقط میخواهید کد های html 
را به طور کامل پیاده سازی کنیم در ادامه کد زیر را بعد عنوان قرار دهید .

اگه فایل index.html  را داخل مرورگر اجرا کنید باید یک چیزی مثل تصویر زیر داشته باشید .

بیشتر بخوانید :
آموزش HTML5 و CSS3 جلسه 2 برسی تگ های P و H1 تا H6

آموزش طراحی بخش محتوا سایت

در ادمه آموزش 

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

نکته 

توی قسمت ادامه مطالب هم من از تگ html5 استفاده کردم که تگ footer است .

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

یک برنامه نویس آزاد که علاقه زیادی به اشتراک گذاری اطلاعات خود با دیگران داردم. همیشه به وردپرس فکر می کنم و عاشق وردپرس هستم. من یک web developer هستم و هدف من آسان کردن ورود سایر دوستان به این شغل جذاب هست. زبان برنامه نویسی محبوب من PHP هست.

لینک کپی شد!

نظر شما در این‌باره چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *