0

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

 
maryamjoon
maryamjoon
کاربر طلایی2
تاریخ عضویت : شهریور 1391 
تعداد پست ها : 1178
محل سکونت : تهران

گام سوم:آشنایی با کد های اچ تی ام ال وسی اس اس
شنبه 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>

 

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

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

تشکرات از این پست
mrezass moradi92 ali138725 salma57 hossein201273 alirezaHmzezadh zare58 omiddeymi1368 nazaninfatemeh siryahya rasekhoon_weblog farashbandzare
دسترسی سریع به انجمن ها