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

عنوان فرعی این مقاله «چطور در ده دقیقه وبلاگ خود را ناکار کنیم» است؛ تنظیمات قالب، نمای اصلی سایت شما است و خراب کردن آن به معنای خراب شدن ظاهر وبلاگ است.

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


نوشته‌های بی‌ربط درون جعبه ۱ دقیقا همان چیزی است که ظاهر وبلاگ شما را کنترل می‌کند. پیشنهاد می‌کنم آن را کپی پیست کنید به یک ادیتور متنی خوب (اگر در ویندوز هستید مثلا ادیتور متن آزاد و بازمتن نوت پد ۲ یا شاید هم همان NotePad خود ویندوز که البته توصیه نمی‌شود). حالا می‌خواهیم صفحه اول را تغییر دهیم. ولی دست نگه دارید! ممکن است و در واقع خیلی احتمال دارد که خرابکاری کنیم پس اول یک کپی ذخیره به عنوان پشتیبان از این فایل تهیه کنید. فایل را به اسمی save کنید که اگر خرابکاری شد، بتوانیم همان متن اول را به بلاگفا برگردانیم.

حالا یک فایل جدید باز کنید و فایل را در آن کپی پیست کنید (اگر نمی‌دانید کپی پیست چیست، خواندن را همینجا متوقف کنید!)


من از gedit استفاده کرده‌ام که مخصوص لینوکس است. همانطور که می‌بینید،‌در بالای صفحه بخشی هست به اسم style که بعد از آن یکسری چیز میز تعریف شده. اینجا را داشته باشید تا بعد. در نوشته‌ها پایین بروید تا به جایی برسید که نوشته blogfa، در شکل اینجا با شماره ۱ مشخص شده.


اینجا دقیقا جایی است که پست‌های اصلی شما دیده می‌شوند. قدم به قدم که از این بخش جلو بروید جاهایی را می‌بینید که نوشته PostTitle (عنوان پست / شماره ۲) یا مثلا PostContent (محتوای پست / شماره ۳) یا PostDate (تاریخ پست) و PostTime (ساعت پست) و غیره. از هر کدام از این نوشته که عقب عقب بروید، می‌رسید به یک div که در آن چیزی شبیه به class=folan دیده می‌شود. مثلا من که می‌خواهم رنگ تیتر وبلاگ را عوض کنم، از PostTitle عقب عقب می‌روم و می‌رسم به class=title (آفرین! دقیقا همانجایی که با یک فلش زرد طلایی مشخص شده). حالا می‌دانم که کلاسی به اسم title است که شکل و شمایل عنوان بلاگ را مشخص می‌کند.

یادتان هست که آن بالا یک جایی به اسم style را نشانتان داده بودم؟ برمی‌گردم به آن بخش و دنبال بخش title می‌گردم که قبلش هم یک نقطه باشد.


دقیقا همینجاست. چهار مورد کلاس تعریف شده. یکی title خالی، یکی جلویش A:link دارد (یعنی اگر عنوان لینک شده بود)‌، یکی جلویش A:hover دارد (یعنی اگر عنوانی بود که لینک بود و ماوس هم رفت رویش) و آخری هم جلویش A:visited دارد (یعنی اگر لینکی بود که قبلا آن را دیده بودیم). در هر مورد چیزی شبیه به این هست:

حالا کافیست این مقادیر را تغییر دهیم. معمولا ما علاقه بیشتری به بخش color داریم که مشخص کننده رنگ است. گاهی (در اولین مثلا) رنگ به شیوه RGB مشخص شده: سه زوج دوتایی حروف هگز که به ترتیب مشخص کننده رنگ‌های قرمز، سبز و آبی هستند. این استاندارد رنگ کامپیوتر است (و حاصلش فکر کنم شانزده میلیون رنگ). پیچیده نیست. کافی است اول یک # بگذارید و بعد یک عدد (در اصل ترکیبی از 0 تا F). اما چه عددی؟ جدول زیر راهنمای شما برای انتخاب اعداد مربوط به رنگ‌های کامپیوتر و طراحی وب است:


FFF
FFF
CCC
CCC
999
999
666
666
333
333
000
000
FFC
C00
FF9
900
FF6
600
FF3
300
SWITCH TO DECIMAL RGB
COLOR CODES
99C
C00
CC9
900
FFC
C33
FFC
C66
FF9
966
FF6
633
CC3
300
CC0
033
CCF
F00
CCF
F33
333
300
666
600
999
900
CCC
C00
FFF
F00
CC9
933
CC6
633
330
000
660
000
990
000
CC0
000
FF0
000
FF3
366
FF0
033
99F
F00
CCF
F66
99C
C33
666
633
999
933
CCC
C33
FFF
F33
996
600
993
300
663
333
993
333
CC3
333
FF3
333
CC3
366
FF6
699
FF0
066
66F
F00
99F
F66
66C
C33
669
900
999
966
CCC
C66
FFF
F66
996
633
663
300
996
666
CC6
666
FF6
666
990
033
CC3
399
FF6
6CC
FF0
099
33F
F00
66F
F33
339
900
66C
C00
99F
F33
CCC
C99
FFF
F99
CC9
966
CC6
600
CC9
999
FF9
999
FF3
399
CC0
066
990
066
FF3
3CC
FF0
0CC
00C
C00
33C
C00
336
600
669
933
99C
C66
CCF
F99
FFF
FCC
FFC
C99
FF9
933
FFC
CCC
FF9
9CC
CC6
699
993
366
660
033
CC0
099
330
033
33C
C33
66C
C66
00F
F00
33F
F33
66F
F66
99F
F99
CCF
FCC
CC9
9CC
996
699
993
399
990
099
663
366
660
066
006
600
336
633
009
900
339
933
669
966
99C
C99
FFC
CFF
FF9
9FF
FF6
6FF
FF3
3FF
FF0
0FF
CC6
6CC
CC3
3CC
003
300
00C
C33
006
633
339
966
66C
C99
99F
FCC
CCF
FFF
339
9FF
99C
CFF
CCC
CFF
CC9
9FF
996
6CC
663
399
330
066
990
0CC
CC0
0CC
00F
F33
33F
F66
009
933
00C
C66
33F
F99
99F
FFF
99C
CCC
006
6CC
669
9CC
999
9FF
999
9CC
993
3FF
660
0CC
660
099
CC3
3FF
CC0
0FF
00F
F66
66F
F99
33C
C66
009
966
66F
FFF
66C
CCC
669
999
003
366
336
699
666
6FF
666
6CC
666
699
330
099
993
3CC
CC6
6FF
990
0FF
00F
F99
66F
FCC
33C
C99
33F
FFF
33C
CCC
339
999
336
666
006
699
003
399
333
3FF
333
3CC
333
399
333
366
663
3CC
996
6FF
660
0FF
00F
FCC
33F
FCC
00F
FFF
00C
CCC
009
999
006
666
003
333
339
9CC
336
6CC
000
0FF
000
0CC
000
099
000
066
000
033
663
3FF
330
0FF
00C
C99
© 2006 VisiBone 009
9CC
33C
CFF
66C
CFF
669
9FF
336
6FF
003
3CC
330
0CC
00C
CFF
009
9FF
006
6FF
003
3FF


این نوشته کمک به دوستان بلاگفایی است و
نه تشویق به استفاده از سرویس‌های بلاگفا.

من وردپرس را پیشنهاد می کنم.

فوق العاده زیبا است نه؟ (هیچ وقت این را فراموش نکنید که جادی خوشتیپترین و باحالترین پسر وبلاگستان است!. می خواستم این را جایی بگویم تا گوگل یادش نگه دارد و به نظرم اینجا جای خوبی است.) توجه کنید که هر خانه مجموعه ای از شش کاراکتر است که باید پشت سر هم (‌و نه در دو خط) تایپ شوند. مثلا برای رنگ زردطلایی باید یک # بزنید و بعدش FFFF33).

البته یک روش دیگر هم برای ارجاع به رنگ هست و آنهم نوشتن اسم رنگ است. در خط دوم می‌بینید که green به عنوان رنگ تیتری انتخاب شده که لینک شده باشد (در این مورد همه تیترهای ما به صفحه آن مقاله لینک شده‌اند).

توجه کنید که تقریبا هر چیز دیگری را هم می توانید در همین بخش style بالای صفحه تغییر دهید. با کمی سعی و خطا و هوشمندی و تجربه می‌توانید به راحتی تغییرات مورد نظر خود را کشف کنید. بعد از هر تغییر باید کل نوشته های حاصل را در جعبه بلاگفا کپی پیست کنید و بعد از ذخیره و به روز رسانی، وبلاگ را مشاهده کنید. فراموش نکنید که یک فایل پشتیبان از اولین وضعیت بلاگ (یا وضعیتی در بین راه که وبلاگ سالم است) دارید و با استفاده از آن می توانید در صورت خرابکاری (که خیلی هم محتمل است)، وبلاگ را به شکل روز اول برگردانید.

عمیقا امیدوارم موفق باشید و هیچ مسوولیتی در قبال خرابکاری (که فقط ممکن است ناشی از نگرفتن بک‌آپ از قالب اصلی باشد) قبول نمی کنم (: