برچسب: قالب

آموزش ساخت قالب بلاگ بیان : بخش اول ساختار فایل ها

قسمت قبلی : مقدمه

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

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

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

برای شروع کار یک فولدر در دسکتاپ ویندوز خودتون با نام قالب بلاگ من (My Blog Theme) ایجاد کنید.سپس سه فولدر دیگر با نام های css – js– imgs   داخل آن ایجاد کنید. سه تا فایل با نام و فرمت های زیر ایجاد کنید.

Index.html – post.html ، وارد پوشه سی اس اس شوید فایلی با نام و فرمت زیر ایجاد کنید style.css. یک اسکرین شات از طرح قالب را در فولدر imgs  اضافه کنید.اسکرین شات مورد نظر در لیست قالب های شخصی بیان نشان داده خواهد شد.

ساختار فولدر و فایل های قالب باید مانند شکل زیر باشند :

ساختار قالب وبلاگ (طرح و دیزاین اولیه ساختار قالبی که می خواهیم درست کنیم).

بخش هدر یا سربرگ

در این بخش ؛ عنوان ، شعار ، لوگو و منو سایت قرار داده می شود. ( به طور کلی می توان برای نمایش بخش های دیگری مانند : شماره تماس ، آدرس ما در شبکه های اجتماعی ، بنر تبلیغاتی  ، دکمه ورود و عضویت و اسلایدر استفاده کرد).

بخش محتوای اصلی

سایدبار

از این بخش می توان برای نمایش امکانات سایت و وبلاگ ، اطلاعات تکلمیلی ، دسترسی سریع و لیستی از محتوا سایت استفاده کرد.بخش های که در این قسمت معمولا نمایش داده می شوند عبارتند از : پروفایل مدیر سایت یا وبلاگ  و لیست موضوعات ، لینک ها ، آخرین مطالب ، نظرات کاربران ، آرشیو مطالب و تبلیغات و ..

محتوای اصلی سایت

محتوای اصلی سایت شامل : لیست محتوای سایت که شامل متن ، فیلم ، موسیقی و … می شود به همراه اطلاعات منتشر کننده محتوا در این قسمت نمایش داده می شوند.بخش های مانند فرم نظرات کاربران ، نظرات ارسالی کاربران و مدیر سایت ، مطالب پیشنهادی ، امتیاز دادن به مطالب و امکان بازنشر (اشتراک گذاری) آن در شبکه های اجتماعی در این قسمت نشان داده می شوند.

بخش پانویس سایت یا فوتر

در این قسمت از سایت یا قالب مون ؛ متن کپی رایت ، لینک دسترسی سریع به صفحات و در برخی موارد لیست آخرین مطالب و نظرات ، لینک شبکه های اجتماعی ، فرم تماس با ما و …

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