آموزش طراحي قالب قسمت سوم
تاريخ : یک شنبه 16 مهر 1391  | 12:11 AM | نويسنده : Mohammad ali Hajian

در اين قسمت از آموزش قصد دارم مهمترين قسمت از طراحي قالب براي وبلاگ تبيان را

توضيح بدهم كه بعد از اين آموزش مي توانيد راحت قالب هاي بلوگفا و پرشين بلوگ و ميهن بلاگ

... را براي تبيان تغيير بدهيد

براي مثال من يكي از قالب هاي سايت mytheme را مي خواهم تغيير بدهم

اينم لينك دريافت قالب

http://www.mytheme.ir/view_themes.php?no=40

اينم عكس قالب



شما هم مثل من قالب بلاگ اسكاي  را انتخواب كنيد

دريافت قالب از عكس لينك دار زير

دريافت كد قالب وبلاگ براي بلاگ اسكاي


خوب دوستان وارد سايت زير بشويداين سايت دو قسمت بالا و پايين دارد

و كدها را در قسمت بالاي سايت وارد كنيد

http://htmledit.squarefree.com

نمونه قالب در پايين سايت نمايش داده مي شود

خوب دوستان حالا وارد پنل مديريتي وبلاگتون در تبلاگ تبيان بشويد و قسمت ايجاد قالب جديد

كليك كنيد

روي دكمه راهنما در عكس زير با رنگ قرمز مشخص شده كليك كنيد يك صفحه باز مي شود

براي نمايش بزرگتر عكس راست كليك + veıw ımage



يكسري تگ هاي اختصاصي تبلاگ رو شما مي بينيد كه بايد جايگزين تگ هاي بلاگ اسكاي كنيد

من اول يه توضيحي درباره اين تگ ها به شما مي دهم بعد مي رويم سراغ تغيير قالب

هر سيستم وبلاگدهي يكسري تگ اختصاصي دارد

مثلا" براي اينكه هربار از قسمت مديريتي وبلاگتون اقدام به تغيير نام وبلاگ كرديد اين عمليات

بر روي وبلاگ هم اعمال مي شود اگر از تگ هاي خود سيستم استفاده نكنيد عمليات ها اعمال

نمي شود

اين تگ ها مثل يك لينك عمل مي كنند

بعضي ها يك قسمتي هستند مثل <-BlogUrl-> آدرس وبلاگ و مارو به صفحه اول وبلاگ هدايت

مي كنه

بعضي ها دو قسمتي هستند كه يك قسمت آدرس لينك و قسمت ديگر متن لينك مثل تگ عنوان

مطلب ارسال شده

<-PostTitle-> متن يا تيتر پست

<-PostLink-> آدرس يا لينك پست

بعضي از اين تگ ها تگ شروع و پايان دارند مثلا" ستون يا بلاك آرشيو مثل زير است

<BlogArchive>

<-PageTitle-><-PageUrl->

<BlogArchive/>

خوب حالا مي روم سراغ تغيير قالب براي تبيان

تغيير منو قالب

به قسمت <body> كدهاي قالب  بلاگ اسكاي برويد اين كدها را پيدا كنيد


<div class="s5">
<div class="s4 , text10"><a href="<BlogSky:Weblog URL />">صفحه نخست</a></div>
<div class="s4 , text10"><a href="<BlogSky:Weblog MobileHRef />" target="_blank">نسخه موبايل</a></div>
<div class="s4 , text10"><a href="<BlogSky:Weblog PostsHRef />">عناوين مطالب</a></div>
<div class="s4 , text10"><a href="javascript:void(0)" onclick="window.open('<BlogSky:Profile ContactHRef />','_blank','width=450, height=460, scrollbars=yes, resizable=yes');">ارتباط با ما</a></div>
<div class="s4 , text10"><a href="http://www.mytheme.ir" target="_blank">طراح قالب</a></div>
</div><a href="http://www.blogskin.ir" target="_blank">قالب وبلاگ</a></div></div>


اين كدهاي منوي قالب است اگر اين كدها را پيدا نكرديد كليدهاي ctrl + f را در كيبورد فشار دهيد

و در كادر كوچكي كه باز مي شود بنويسد صفحه نخست و اينتر را بزنيد

ما فقط بايد لينك ها را تغيير بديم  مثلا"



<a href="<BlogSky:Weblog URL />">صفحه نخست</a>



اونجايي كه نوشته <BlogSky:Weblog URL /> ما تگ <-BlogUrl-> تبلاگ را جايگزين آن مي كنيم



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



خوب حالا اين لينك مطابق سيستم تبلاگ تنظيم شد
 

عناوين مطالب نقشه سايت طراح قالب مي توانيد متن ها شون رو تغيير بدهيد و لينك هاي دلخواه بگذاريد

براي  ارتباط با ما مي توانيد از تگ ايميل استفاده كنيد براي اينكار در قسمت راهنمايي تبلاگ به

جستجوي تگ ايميل برويد

خوب دوستان اينم تگ ايميل <-BlogEmail-> اين تگ رو جايگزين كنيد


 اما قسمت ديگر همون آر آر اس است كه مي تونيد از اين تگ تبلاگ استفاده كنيد

<-BlogXmlLink->

نظرات 0