گام سوم:آشنایی با کد های اچ تی ام ال وسی اس اس
شنبه 10 آبان 1393 3:04 PM
وقتی یک پست در وبلاگ ایجاد میکنیم در حقیقت تعدادی تگ 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>
ممکن است در هر قالبی چینش و نوع کدها کمی متفاوت باشد ، شما با مقایسه دو قالب جداگانه میتوانید این تفاوت را مشاهده کنید .
در آموزش های بعدی کدهای قالب وبلاگ راسخون را توضیح خواهیم داد ...