آموزش وبلاگ نویسی
کاربرد html و css در وبلاگ نویسی
نوشته شده توسط مسئول وبلاگ ها راسخون در ساعت 01:00 ب.ظ

هر صفحه وب از کدهای html تشکیل شده و برای وبلاگ نویسی هم آشنایی با کدهای html و css میتواند کار صاحب وبلاگ را راحت تر کند ...

در این نوشته مثال هایی از کاربرد html و css در وبلاگ را بیان میکنیم :

پست های وبلاگ :

وقتی یک پست در وبلاگ ایجاد میکنیم در حقیقت تعدادی تگ html ایجاد می شوند که در وبلاگ بصورت متن یا عکس یا ... نمایش داده میشوند ؛

اگر در صفحه ایجاد پست جدید ، روی دکمه source کلیک کنید کدهای html پست نمایش داده میشوند . (برای تغییر باید با html آشنایی داشته باشید)

بطور مثال ما اینجا یک متن و یک تصویر داریم که با تگ های <P> و <img>  مشخص شده اند :

 

 

با تغییر در این کدها میتوان اجزای تشکیل دهنده مطالب را به شکل دلخواه در آورد ؛ مثلا من با اضافه کردن کد زیر به تگ P نوشته را وسط چین و به رنگ قرمز درآوردم :

align="center" style="color:#de4333"

 

 

این نوع تغییرات از طریق آیکن های موجود در ادیتور متن هم قابل انجام است ولی شاید کسی که با کد های html و css آشنا است بخواهد عناصر را بصورت دستی ایجاد کند یا تغییر دهد .

 

قالب وبلاگ :

هر قالب وبلاگ از کدهای html و css به اضافه کدهای مخصوص سیستم وبلاگ دهی تشکیل شده ، اگر از قسمت مدیریت قالب گزینه ویرایش قالب جاری را انتخاب کنید کدهای قالب را مشاهده و میتوانید آنرا تغییر دهید :

 

همانطور که در کد قالب مشاهده میکنید ، کدهای html و Css مشخص هستند ، مثلا این قطعه کد عنوان وبلاگ را مشخص میکند :

<title>[ra:blog_title]</title>

یا این کد لیست نویسندگان وبلاگ را نمایش میدهد :

<div id=leftmenu>

<div class=TopSid><div class=TopSid2>

<b>نويسندگان</b></div></div>

<div class=CenterSid><div class=li-Sid>

<a href="">[ra:blog_author_name]  </a></div></div>

<div class=LowSid></div></div>

 

ممکن است در هر قالبی چینش و نوع کدها کمی متفاوت باشد ، شما با مقایسه دو قالب جداگانه میتوانید این تفاوت را مشاهده کنید .

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


»