آموزشهاي تنظيم و مديريت وبلاگ

[web]

در نگاه اول وبلاگ نويسي بسيار ساده مياد.
ولي مشكلات درست از اون جايي شروع ميشه كه ميخوايم وبلاگي متفاوت با بقيه ي وبلاگها داشته باشيم.
چيزهايي بيش از لاگين شدن - لينك دادن - عكس گذاشتن از رو سيستم بلد باشيم...

[web]

كارو با يك آموزش نسبتا ساده آغاز ميكنم.

در اينجا طريقه ساخت ليست مطالب گذشته را توضيح ميدم.

ابتدا تگ MTEntries مربوط به مطالب اصلي وبلاگ را پيدا كنين. همون طور كه مي‌دونين براي نمايش مطالب وبلاگ از دو تگ زير استفاده مي‌شه:

<MTEntries>
…
</MTEntries>

و در بينشون از تگ‌هايي نظير <$MTEntrybody$> و <$MTEntryTitle$> استفاده ‌مي‌شه.

در تگ MTEntries مربوط به مطالب اصلي وبلاگ تعداد مطالبي كه در صفحه بايد نمايش داده بشه رو مشخص كنين. به اين صورت كه به تگ MTEntries اين مورد را اضافه كنين :

lastn="N"

(به جاي N تعداد مطالبي رو كه ‌مي‌خواين در صفحه اول نمايش داده بشه رو وارد كنين)

مثال:
<MTEntries lastn="10">



حالا بايد مطابق با طراحي قالب خود دو ستون رو در زير مطالب اصلي وبلاگ ايجاد كنين. (به علت اينكه قالب‌ها به صورت‌هاي متفاوتي طراحي مي‌شه من اينجا نمي‌تونم راجع به اين مورد توضيح بيشتري بدم)

براي ستون اول از اين كد استفاده كنيد:

<ul>
<MTEntries offset="10" lastn="15">
<li><a href="<$MTEntryLink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>



در اين كد از خصوصيت offset براي نمايش عناوين نوشته‌هاي 11 به بعد (از نظر قدمت) استفاده شده. طريقه عمل offset به اين صورته كه به تعداد تعيين شده نوشته‌ها را رد كرده و نوشته‌هاي بعد از آنها را نمايش مي‌دهد. در اينجا به علت اينكه براي offset مقدار 10 را تعيين كرده‌ايم به تعداد 10 عدد از آخرين نوشته رد شده و از مطلب شماره 11 شروع به نمايش عناوين مي‌كنه.

از خصوصيت lastn هم براي تعيين محدوده نمايش عناوين استفاده شده. با تركيب دو خصوصيت lastn و offset در اين كد عناوين نوشته‌هاي 11 تا 25 نمايش داده مي‌شود.

در ستون دوم هم ميتونين از اين كد استفاده كنين:

<ul>
<MTEntries lastn="15" offset="25">
<li><a href="<$MTEntryLink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>



با توضيحاتي كه داده شد كد بالا كاملا قابل فهمه. اين بار فرض كنين خواستيم عناوين 25 مطلب قبليو نمايش بديم. يزا همين offset رو برابر با 25 قرار داديم تا عناوين مطالب 26ام به بعد نمايش داده بشه.

web

[web]

آموزش زير رو از وبلاگ مجتبي دشتي نژاد (مژده) ميذارم. اميدوارم لذت ببرين :

در هر كدام از قالب‌ها از چندين تصوير استفاده شده كه همراه با قالب‌ها در پوشه images آمده است. براي اينكه كساني كه در اينترنت هستند بتوانند تصاوير قالب را ببينند شما بايد تصاوير قالب را در جايي از اينترنت قرار دهيد. در اين راهنما طريقه انجام اين كار را فرا خواهيد گرفت.

فرض كنيد آدرس همه تصاوير قالب‌ها را در بخش Style قالب قرار داده ايد. اگر يكي از قالب‌ها را در Notepad باز كنيد بخش Style را به اين صورت مشاهده خواهيد كرد:

http://upload-server.persiangig.com/image/Tut/Template%20Pix/startstyle.jpg
http://upload-server.persiangig.com/image/Tut/Template%20Pix/endstyle.jpg

در بخش style تصاوير با دستور background-image مشخص شده‌اند:

http://upload-server.persiangig.com/image/Tut/Template%20Pix/imageaddress.jpg

شما بايد در بخش استايل نام تصاوير را يكي‌يكي پيدا كنيد، سپس آنها را در يكي از سايتهايي كه به صورت مجاني از تصاوير ميزباني ميكنند قرار دهيد و در آخر آدرس آن را در قالب وارد كنيد. مراحل كار به اين شرح است:

نام تصوير را در قالب پيدا كنيد:


http://upload-server.persiangig.com/image/Tut/Template%20Pix/imagename3.jpg

در اين مرحله بايد عكسهاي خود را در يك هاست (ميزبان) رايگان آپلود كنين.
مانند www.rapidshare.de يا www.hostmyfile.net كه اينجا يكيش توضيح داده ميشه. اون يكي مشابه همينه و اگر اين هاست مشكل داشت سراغ هاست ديگر برويد.
وارد سايت hostmyfile.net شويد و دكمه browse را بزنيد:

http://upload-server.persiangig.com/image/Tut/Template%20Pix/browsebutton4.jpg

در پوشه images كه همراه با قالب آمده است نام فايلي كه پيدا كرده بوديد را انتخاب كنيد.
Open را بزنيد:

http://upload-server.persiangig.com/image/Tut/Template%20Pix/openbutton6.jpg

دكمه host را بزنيد تا فايل به سرور منتقل شود:

http://upload-server.persiangig.com/image/Tut/Template%20Pix/hostbutton7.jpg

نشاني فايل را انتخاب و سپس كپي كنيد. در قالب، آدرس قبلي را انتخاب كنيد و آدرس جديد را جاي آن Paste كنيد:

http://upload-server.persiangig.com/image/Tut/Template%20Pix/pasteurl9.jpg

بعد از انجام كار:

http://upload-server.persiangig.com/image/Tut/Template%20Pix/afterpaste10.jpg

اين كار را براي بقيه تصاوير قالب تكرار كنيد.

[web]

برای نشون دادن تاريخ آخرين آپ ديت وبلاگ ميتونين از اين کدها داخل قالب استفاده کنين :

<div class=sitetitle>
Last Update
</div>
<div class=side>
<MTEntries lastn="1">
<$MTEntryDate format="%x"$> <$MTEntryDate format="%X"$>
</MTEntries>
</div>

اينو بهتره يه جايي بالای صفحه بزارين تا بازديد کننده بدبخت مجبور نشه برای اينکه بفهمه وبلاگ آپ ديت شده يا نه تا باز شدن کامل صفحه صبر کنه! ديگه اگه قالبتون با جدول ساخته شده اين رو بيرون جدول اصلی بزارين چون جدول تا کامل لود نشه نمايش داده نميشه.

[web]

صفحات دو ستونی در CSS

در هنگام طراحي صفحات با استفاده از CSS بعضي مرتكب اين اشتباه ميشود كه بخش كناري صفحه را در اول صفحه قرار ميدهند و بخش اصلي را در زير آن; به همين علت بازديدكنندگان تا پايان كار لود شدن بخش كناري بايد صبر كنند.

در قسمت كناري صفحه اغلب كدهاي javascript براي استفاده از سرويسهاي سايتهاي مختلف (مثل سايتهاي اندازه گيري بازديدكنندگان يا سايت blogrolling براي لينكهاي سايت) وجود دارد به همين خاطر كار لود شدن آن قسمت مدت به نسبت زيادي را به خود اختصاص ميدهد. به همين دليل در صورت قرار گيري اين بخش در قسمت بالاتر صفحه كار لود شدن نوشته هاي اصلي صفحه به تعويق خواهد افتاد.

اين كار بر خلاف فلسفه طراحي با استفاده از CSS است. ما با استفاده از CSS سعي ميكنيم كاري كنيم كه مطالب مهمتر زودتر از بقيه موارد ظاهر شوند.

براي قرار دادن بخش اصلي در ابتداي صفحه تگ DIV مربوط به بخش اصلي را در ابتدا و تگ DIV مربوط به بخش كناري را بعد از آن قرار دهيد. سپس خصوصيت float مربوط به style بخش اصلي را تايين كنيد. مثال:


<html>
<head>
<style>
.Page_body { background-color: #FF0000;float:left }
.Page_side { background-color: #0000FF; }
</style>
</head>
<body>
<div class="Page_body">Page contents here</div>
<div class="Page_side">Page Side Contents</div>
</body>
</html>