در بلاگفا کدهای اختصاصی قالب، با بین دو علامت <- و -> قرار میگیرند و در بین این دو علامت کد تعیین شده قرار داده میشود. به عنوان مثال برای نمایش عنوان وبلاگ باید از کد زیر استفاده کنید:

<-BlogTitle->


در این آموزش قصد نداریم این کدها را بررسی کنیم، شما به سادگی میتوانید با دریافت یک قالب بلاگفا به تمام کدهای اختصاصی قالب دسترسی پیدا کنید و البته در این آموزش نیز آنها را ذکر خواهیم کرد.

قسمت سربرگ یا header

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

<div class="top-nav-items">
<a href="#" > صفحه نخست </a>
<a href="#" > آرشیو مطالب </a>
<a href="#" > پروفایل </a>
<a href="#" > تماس با ما </a>
</div>


اولین لینک، مربوط به صفحه نخست است پس برای اینکه با بلاگفا سازگار شود، باید ببینیم چه کدی در سیستم بلاگدهی بلاگفا این کار را انجام میدهد. با نگاهی به قالبهای بلاگفا متوجه میشوید که وظیفه ی انجام این کار بر عهده ی تگ <-BlogUrl -> می باشد. پس لینک اول را به شکل زیر تغییر میدهیم:

<a href="<-BlogUrl->" >صفحه نخست </a>


همانطور که بالاتر نیز گفتیم، کدهای اختصاصی بلاگفا بین دو علامت <- و -> قرار میگیرند و شناسایی آنها کار سختی نیست. در گام بعدی باید ببینیم چه کدی برای نمایش آرشیو مطالب در نظر گرفته شده است.

تگ <-BlogArchiveLink -> نمایش آرشیو مطالب را در بلاگفا برعهده دارد. پس در لینک مربوط به نمایش آرشیو مطالب باید از این تگ استفاده کنیم:

<a href="<-BlogArchiveLink->"> آرشیو مطالب </a>


به همین ترتیب برای لینکهای بعدی نیز عمل خواهیم کرد، پس خواهیم داشت:

<BlogProfileLinkBlock>
<a href="<-BlogProfileLink->">پروفایل </a>
</BlogProfileLinkBlock>
<a href="mailto:<-BlogEmail->">تماس با ما </a>


بعضی از کدها برای اینکه شناخته شوند نیاز است تا درون بلوکهایی قرار بگیرند. نمونه ی این کدها، پروفایل در کد بالاست. همانگونه که مشاهده میکنید لینک مربوط به پروفایل درون تگ <BlogProfileLinkBlock> قرار گرفته است. در صورتی که این تگ را حذف کنید، لینک به درستی عمل نخواهد کرد.
 قسمت بعدی عنوان و توضیحات مربوط به وبلاگ است که در قالب استاتیک با کد زیر مشخص شده اند:

<div class="page-title">
<h1 class="main-title">عنوان وبلاگ </h1>
<h2 class="desc-title">توضیحات وبلاگ </h2>
</div>


مراحل کار دقیقا شبیه مرحله قبلی است، یعنی باید کدهای مربوط به نمایش عنوان وبلاگ و توضیحات وبلاگ را پیدا کنیم و با عبارات “عنوان وبلاگ” و “توضیحات وبلاگ” جابجا کنیم. پس خواهیم داشت:

<div class="page-title">
<h1 class="main-title"><-BlogTitle-></h1>
<h2 class="desc-title"><-BlogDescription-></h2>
</div>


ملاحظه میکنید که ما تغییری در کدهای HTML و کلاسهای css آنها ایجاد نمیکنیم، تنها متون نوشته شده را با کدهایی که در بلاگفا نقش نمایش این نوشته ها را بر عهده دارند جایگزین میکنیم.

تگ <-BlogTitle-> نمایش دهنده عنوانی است که کاربر برای وبلاگ خود در نظر گرفته است و <-BlogDescription-> نیز توضیحات وبلاگ را که کاربر در بخش تنظیمات وبلاگش وارد کرده است نمایش میدهد.

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

۰ ۰