مطالب اخیر مربوط به بخش: آموزش ها

افزودن دکمه AddThis و ارسال لینک نوشته به شبکه های اجتماعی در مووبل تایپ دوشنبه ۲۳ فروردین ۸۹

کسانی که با سایت، بلاگ و کلا اینترنت سر و کار دارند حتما نام وبسایت Addthis را شنیده اند. وبسایتی که با سرویس ساده ولی کاربردی خود توانسته برای خودش اعتباری کسب کند. این وبسایت سرویسی را در اختیار شما قرار میدهد که به وسیله ی آن میتوانید لینک نوشته ی خودتان را به ۹۹ درصد شبکه های اجتماعی ارسال کنید.
هم اکنون این سرویس برای مووبل تایپ نیز ارائه شده است. در ادامه با نحوه ی نصب و تنظیم این پلاگین بیشتر آشنا خواهید شد.
ابتدا وارد صفحه مخصوص پلاگین شده و پلاگین را دریافت نمایید.

http://www.addthis.com/tools/movabletype

سپس فایل فشرده دانلود شده را توسط نرم افزاری مثل Winrar از حالت فشرده خارج نمایید.
در داخل فایل فشرده، یک پوشه به نام AddThis مشاهده میشود. شما باید این پوشه را در پوشه ی Plugins در مسیر نصب مووبل تایپ کپی کنید. (آموزش جامع و کامل نصب پلاگین های مووبل تایپ)
حالا وارد قسمت قالب ها در محیط مدیریت شده و کد زیر را در جایی که میخواهید پلاگین به نمایش درآید کپی کنید:

<mt:AddThis>

توجه داشته باشید که کد بالا باید بین دو تگ <MTEntries> کپی شود. در قالب پیشفرض مووبل تایپ، این کد را باید در مازولهای Entry Summary یا Entry Details کپی کنید.
نمونه این پلاگین را میتوانید در همین سایت مشاهده نمایید.
موفق و پیروز باشید.

آموزش جامع و کامل نصب پلاگین های مووبل تایپ دوشنبه ۲۳ فروردین ۸۹

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

/home/user/public_html/cgi-bin/mt/

دایرکتوری سایت: مکانی است که پوشه mt-static را در آن کپی کرده اید. به عنوان مثال:

/home/user/public_html/

روت وبلاگ : محل اصلی وبلاگ شما. این دایرکتوری محلی است که فایلهای بلاگ شما در آنجا کپی میشوند. اگر از یک بلاگ در سایت خود استفاده میکنید، پوشه mt-static نیز در همانجا موجود میباشد. ولی اگر وبلاگ شما اولین بلاگ سایت نباشد، ممکن است روت وبلاگ شما، مکانی نباشد که پوشه mt-static در آنجا واقع شده است. به عنوان مثال من بعد از بلاگ اصلی سایت، یک بلاگ دیگر با نام Blog۲ ایجاد کرده ام. در این صورت روت وبلاگ من آدرس زیر خواهد بود:

/home/user/public_html/blog۲/

دایرکتوری mt-static : این دایرکتوری، همیشه در دایرکتوری سایت قرار میگیرد و آدرس آن به صورت زیر است:

/home/user/public_html/mt-static/

داشبورد: محیط مدیریت وبسایت شما را داشبورد میگویند که آدرس آن معمولا به شکل زیر میباشد:

/home/user/public_html/cgi-bin/mt/mt.cgi

توضیحات دیگر:
مووبل تایپ چیست؟
مووبل تایپ یک سیستم مدیریت محتوا میباشید که به دلیل امکانات و امنیت بالایش، دارای شهرت زیادی بین وبمسترها می‌باشد. این سیستم از آن جهت مورد توجه قرار گرفته است که توانایی ایجاد سایتهای بسیار بزرگ و ایمن را دارد.
پلاگین چیست؟
پلاگین ها، افزودنی‌هایی هستند که با نصب آنها روی سیستم، امکانات جدیدی را به وبسایت شما اضافه میکنند.
چرا از پلاگین استفاده میکنیم؟
ممکن است برخی از امکانات مورد نیاز ما به طور پیشفرض در سیستم وجود نداشته باشند. در این صورت ما باید از پلاگینهای مخصوص استفاده نماییم.
طریقه نصب پلاگین:
۱.  ابتدا باید پلاگین مورد نظر را دانلود کرده و آن را از حالت فشرده خارج کنید ( Unzip کنید. ). برای این کار میتوانید از نرم‌افزارهایی مانند winrar و winzip استفاده کنید.
۲. نرم‌افزار ارتباط با FTP خودرا اجرا کرده و به سرور خود متصل شوید. ( برای ارتباط با FTP میتوانید از نرم‌افزارهایی همچون CuteFTP استفاده نمایید. )
۳. پس از اتصال به سرور از طریق FTP وارد دایرکتوری محل نصب ام تی شوید.
۴. در فولدر Unzip شده، چندین فولدر وجود دارد که باید در مکان مناسب خود آپلود شوند. معمولا در فولدر Unzip شده دو فولدر با نامهای Plugins و mt-static وجود دارد. شما باید فولدر Plugins را در دایرکتوری نصب ام تی آپلود نمایید. ( توجه داشته باشید که ممکن است پوشه‌های دیگری نیز در فولدر Unzip شده موجود باشند که باید آنها را با توجه به راهنمای پلاگین در سایت خود آپلود نمایید. )
 ۵. حالا در نرم‌افزار اتصال با FTP خود وارد دایرکتوری سایت ( محل قرارگیری فایل mt-static ) شده و پوشه mt-static  را از فولدر Unzip شده، در آنجا آپلود نمایید.
۶. حالا وارد داشبورد (محل مدیریت وبسایت) شوید. اگر پلاگین نیازی به ایجاد Database نداشته باشد، شما مستقیما وارد محیط مدیریت خواهید شد ولی اگر پلاگین نیاز به ساخت جدول در دیتابیس داشته باشد، قبل از ورود به محیط مدیریت، سیستم از شما میخواهد که سیستم خود را ارتقا دهید. شما باید گزینه ارتقا را بزنید و منتظر بمانید تا ارتقا به پایان برسد.
۷. حالا پلاگین شما نصب شده است و میتوانید از قسمت مدیریت پلاگین ها، تنظیمات لازم را برای پلاگین مورد نظر انجام دهید.
چند نکته:
•    روش معمول نصب پلاگینها، در بالا توضیح داده شد. ممکن است یک سری پلاگینهای خاص وجود داشته باشند که نصب آنها کمی متفاوت باشد. در این صورت باید با توجه به راهنمایی پلاگین، آن را نصب کنید.
•    در موارد بسیار معدود، ممکن است یک پوشه Image نیز وجود داشته باشد. آن را باید در روت وبلاگ آپلود نمایید. (البته در موارد بسیار معدود).

موفق و پیروز باشید.

 

مووبل تایپ از الف تا ی : قسمت آخر شنبه ۲۳ آذر ۸۷

اگر تا این قسمت از سلسله مقالات آموزشی مووبل تایپ با ما همراه بوده باشید دیگر با مهمترین روش های کد نویسی قالب آشنا شده اید. تا امروز شما این موارد را با موفقیت به انجام رسانیده اید: نصب مووبل تایپ روی کامپیوتر خودتان (سرور لوکال)٬ ساخت صفحه اول سایت٬ ساخت آرشیو تکی مطلب٬ نمایش مشخصات مطلب در زیر آن و در نهایت ساخت آرشیو موضوعی مطالب. در این قسمت پیش از آنکه به سراغ آموزش ساخت آرشیو ماهانه در مووبل تایپ بروم به شما روشی را نشان می دهم که بتوانید پروسه کدنویسی قالب هایتان را بسیار سریعتر کنید. با ما باشید. 

mt-guide-30.gif

در قسمتهای قبل دیدیم مراحل کلی ساخت اجزاء سایت به صورت زیر است:

1- باز کردن قالب در ویرایشگر HTML (در مثالهای ما Dreamweaver)
2- اضافه کردن کدهای مورد نیاز برای هر قسمت در مکان مناسب در قالب بوسیله دریم ویور
3- ایجاد صفحه مربوط به قالب در قسمت مربوطه در ام تی (Design>Templates)
4- کپی کردن همه کدهای قالب
5- Paste کردن کدها در قسمت کد قالب (یعنی مرحله 3)
6- ذخیره و بازسازی (Publish)

باید اضافه کنم برای ایجاد تغییرات در یک قالب هم باز ناچارید مسیر مشابه ای را طی کنید (به استثنای مرحله 3 که بجای ایجاد قالب جدید٬ قالب ایجاد شده قبلی را باز می کنید)

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

mt-guide-31.gif

قسمتی که مدنظر ماست با فلش مشخص شده است. شما با استفاده از فیلد Link to File می توانید فایلی را به عنوان فایل مادر (یا رفرنس) به ام تی معرفی کنید تا هر زمان آن فایل تغییر کرد ام تی قالب را به طور اتوماتیک بر اساس آن تغییر دهد. به عنوان یک مثال عملی به سراغ قالب صفحه اول (قسمت ششم) خودمان می رویم:


1- از قسمت Design>Templates به سراغ قالب Home Page بروید و روی آن کلیک کنید تا به صفحه مربوطه برسید. اگر بخش Template Optionsدر زیر قسمت کدها فعال نیست روی آن کلیک کنید تا فیلدهای آن نمایان شود.

Thumbnail image for mt-guide-32.gif

 

2- هرچه را که در قسمت کد می بینید پاک کنید.
3- در قسمت Link to File آدرس فیزیکی فایل قالب را وارد کنید (توضیح: این آدرس همانجایی است که شما فایلهای قالبتان را که در دریم ویور تغییر داده اید ذخیره می کنید و به هیچ وجه به شاخه ای از سرور که ام تی فایلهایتان را در آن ایجاد می کند ارتباطی ندارد). به عنوان مثال فایلهای قالب من در شاخه زیر وجود دارند:


E:\hp\mt-guide




و من هرگاه بخواهم آنها را در دریم ویور تغییر بدهم به سراغ این شاخه از رایانه ام می روم.

به تصویر زیر دقت کنید و در صورت اطمینان از آدرس فایل index.html خودتان روی دکمه Save کلیک کنید.

Thumbnail image for mt-guide-33.gif


بعد از اتمام کار می بینید تمام کدها دوباره سر جای اولشان برگشته اند.
4- حالا بیایید تغییری در فایل اصلی به وجود بیاوریم. فایل index.html را در دریم ویور باز کنید.



5- در قسمت بالای قالب آنجا که نوشته شده by Free Css Templates پیدا کنید و بجایش بنویسید
Learn Movable Type by Writeage


6- حالا آن را در دریم ویور ذخیره کنید.
 

Thumbnail image for mt-guide-34.gif

7- بدون اینکه کار دیگری بکنید بلافاصله به سراغ ام تی می رویم. فقط کافی است یکبار سایت را بازسازی (Publish) کنید:
 

mt-new-guide-08.gif

8- حالا نتیجه را در سایت ببینید.
 

mt-guide-35.gif

همانطور که می بینید بدون اینکه مراحل اضافی Copy و Paste را انجام دهیم تغییراتمان روی قالب در ام تی اعمال می شوند. نکته: در صورتی که از این روش استفاده کرده اید حتما پس از بازسازی سایتتان متوجه یک پیغام در دریم ویور شده اید که به شما می گوید "فایل در خارج از برنامه ویرایش شده است و در صورت تمایل می توانید آن را reload کنید". دقت کنید که پاسخ شما همیشه باید خیر باشد.

حالا به سراغ بقیه قالبهایتان یعنی Main Archive Index ٬ Style Sheet ٬ Individual Entry و Category Each Archive بروید و همین مراحل را تکرار کنید تا آنها هم به فایل مربوطه شان متصل شوند. در این صورت دیگر در مواقع تغییر٬ نیازی به طی کردن مراحل اضافی نخواهد بود.

خب٬ حالا که روش ساده تر شدن سر و کله زدن با قالب ها در مووبل تایپ را یاد گرفتید بیایید به سراغ ادامه آموزشمان برویم. در قسمت قبل طریقه ساخت آرشیو موضوعی را فراگرفتید. آرشیوهای ماهانه یکی دیگر از راههای طبقه بندی و بایگانی مطالب هستند که به راحتی توسط هر CMS از جمله مووبل تایپ دسترسی به آنها امکان پذیر است.

روش ساخت آرشیو ماهانه در مووبل تایپ

برای داشتن یک آرشیو ماهانه در اصل باید صفحات زیر را ساخت:

صفحه الف: صفحه ای که شامل نام تمام ماهها به همراه مطلب (Entry) های منتشر شده در آن ماه باشد. با کلیک روی عنوان هر مطلب باید بتوان به صفحه تکی آن مطلب رسید. همچنین با کلیک روی نام هر ماه باید بتوان به صفحه ب (که در ادامه توضیح داده ام) رسید.

صفحه ب: این صفحه در حقیقت آرشیو مخصوص هر ماه است. یعنی در آن علاوه بر نام ماه ٬ لیستی از مطالب منتشر شده در آن ماه وجود دارد. باز هم با کلیک روی عنوان هر مطلب باید بتوان به صفحه تکی آن مطلب رسید.

صفحه ج: این یکی اختیاری است و به صورت یک Sidebar در صفحه اول سایت عمل می کند و به صورت لیستی شامل نام ماه ها دیده می شود که با کلیک روی نام هر ماه می توان به صفحه ب (که در بالا توضیح داده ام) رسید.

از صفحه ب شروع می کنیم. پیش از هر چیز بیایید نگاهی به نتیجه کار بیندازیم. اگر طبق مراحل ذکر شده در این قسمت پیش بروید در پایان کار باید برای هر ماه یک صفحه آرشیو مثل تصاویر زیر داشته باشید:

 

mt-guide-36.gif


تصویری از صفحه آرشیو ماه نوامبر
 

mt-guide-37.gif



تصویری از صفحه آرشیو ماه اکتبر


1- صفحه category-each-archive.html را در دریم ویور باز کنید و آن را به اسم month-each-archive.html مجددا Save کنید.

2- تنها تغییری که نیاز دارید پیدا کردن تکه کد زیر


<h2><$MTCategoryLabel$></h2>



و جایگزین کردن آن با تکه کد زیر است:

<h2><$MTArchiveTitle$></h2>

 

 

حالا فایل را Save کنید و به سراغ ام تی بروید.

3- در قسمت Design>Templates در بخش Archive Templates روی Entry Listing کلیک کنید.

4- نام قالب جدید را Monthly Each Archive بگذارید اما بر طبق آموزشی که در ابتدای این قسمت داده شد قسمت کد را خالی بگذارید و به جای آن در فیلد Link to File آدرس فیزیکی قالب جدیدتان (یعنی month-each-archive.html) را وارد کنید. این آدرس برای من به این شکل است:


E:\hp\mt-guide\month-each-archive.html




حالا روی Save کلیک کنید. همانطور که می بینید قسمت کد به صورت خودکار با کدهای قالب شما پر شده است.

5- حالا وقت آن است که برای این آرشیو٬ یک Archive Mapping در نظر بگیریم (اگر هنوز با این مفهوم آشنا نیستید بار دیگر بخش 8 قسمت نهم و یا قسمت هفتم را مطالعه کنید. به طور مختصر این بخش نحوه نمایش آدرس آرشیو را تعیین می کند). برای این کار در همان صفحه روی Template Options و بعد Create Archive Mapping کلیک کنید.

6- در قسمت Type گزینه های بسیار متنوعی برای آرشیو وجود دارد. با این گزینه ها می توانید انواع آرشیوهای روزانه٬ هفتگی٬ ماهانه٬ آرشیو نویسندگان٬ آرشیو موضوعی و حتی آرشیوهای ترکیبی مثلا آرشیو موضوعی - روزانه یا موضوعی - سالانه و غیره را بسازید. برای مورد ما انتخاب گزینه Monthly کفایت می کند پس آن را انتخاب کنید و روی Add کلیک کنید.

7- حالا باید در قسمت Path نحوه نمایش آرشیو ماهانه تان را مشخص کنید. حالت پیش فرض یعنی


yyyy/mm/index.html




آرشیو ماهانه شما را به صورت زیر نمایش می دهد:


http://localhost/2008/08/10/index.html




برای این آموزش ترجیح می دهم روال نمایش آرشیو به صورت زیر باشد:


http://localhost/200810.html




در این نحوه نمایش علاوه بر اینکه فایلهای آرشیو در ریشه اصلی سایت منتشر می شوند ماه و سال مربوطه نیز در آدرس مشخص است. برای دستیابی به چنین آدرسی از منوی Path گزینه Custom را انتخاب کنید و در قسمت مربوطه کدهای زیر را وارد کنید:


%y%m%x





و روی Save کلیک کنید.

نکته: همانطور که قبلا گفتم این کدها در حقیقت علایم اختصاری اجزاء آدرس در Archive Mapping هستند که به آنها Archive File Path Specifiers می گویند. برای دیدن فهرست کامل این اختصارات به این صفحه مراجعه کنید.

8- پیش از آنکه نتیجه را ببینید باید سایت را بازسازی (Publish) کنید. بعد از آن اگر به سراغ شاخه ای از سرور که ام تی فایلها را در آن منتشر می کند بروید یک یا تعدادی فایل با نام های مشابه 200810 و یا 200811 با پسوند html می بینید که همان آرشیوهای ماهانه شما هستند. اگر آنها را در مرورگر ببینید تقریبا با همان تصاویر ابتدای آموزش برابرند (چون زمان بکار بردن این آموزش برای شما فرق می کند شما نامهای متفاوتی برای فایلهایتان خواهید داشت).

حالا که صفحه ب را ساخته ایم به سراغ صفحه الف می رویم. پیش از هرچیز نگاهی به صفحه نهایی می اندازیم.
 

 

mt-guide-38.gif


همانطور که می بینید این صفحه شامل نام کلیه ماههایی که در آن مطلبی نگاشته شده به همراه لیست کلیه مطالب به تفکیک ماه است.

9- فایل main-archive-index.html را در دریم ویور باز کنید و به اسم main-monthly-archive.html ذخیره کنید.

10- هرچه بین دو کد زیر وجود دارد پاک کنید:


<MTIfArchiveTypeEnabled archive_type="Category">

.

.

.

</MTIfArchiveTypeEnabled>





و بجای آن تکه کد زیر را قرار دهید:


<MTIfArchiveTypeEnabled archive_type="Monthly">

<MTArchiveList archive_type="Monthly">

<h2><a href="<$MTArchiveLink$>"><$MTArchiveTitle$></a></h2>

<ul>

<MTEntries>

<li><a href="<MTEntryPermalink>"><MTEntryTitle></a></li>

</MTEntries>

</ul>

</MTArchiveList>

</MTIfArchiveTypeEnabled>




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

11- حالا به سراغ ام تی می رویم و از قسمت Design>Templates و در بخش Index Templates روی Create index template کلیک کنید.

12- نام قالب جدید را Main Monthly Archive می گذاریم. طبق آموزشی که در ابتدای این قسمت داده شد قسمت کد را خالی بگذارید و به جای آن در فیلد Link to File آدرس فیزیکی قالب جدیدتان (یعنی main-monthly-index.html) را وارد کنید. این آدرس برای من به این شکل است:


E:\hp\mt-guide\main-monthly-index.html




در قسمت Output File اسم صفحه خروجی را main-monthly-index.html قرار دهید.حالا روی Save کلیک کنید. همانطور که می بینید قسمت کد به صورت خودکار با کدهای قالب شما پر شده است.

13- سایتتان را Publish کنید.

14- اگر به سراغ شاخه ای از سرور که ام تی فایلها را در آن منتشر می کند بروید یک فایل جدید در آن به وجود آمده است. این فایل که main-monthly-index.html نام دارد در حقیقت آرشیو ماهانه اصلی ماست و همانطور که در شکل قبل مشخص است لینکی به صفحه اختصاصی هر ماه بعلاوه لینکی به صفحه تکی هر مطلب در ماه مربوط به آن دارد.


حالا که قالبهای الف و ب آرشیو ماهانه ساخته شده اند بیایید آرشیو ماهانه را به Sidebar سایت (یعنی ستون سمت چپ صفحه اصلی) هم اضافه کنیم.

15- برای اینکار فایل index.html را در دریم ویور باز کنید و به سراغ کدهای ساید بار که بین دو تکه کد زیر هستند بروید:


<div id="columnB">

.
.
.


</div>





حالا هرچه بین دو div وجود دارد را پاک کنید و بجای آن تکه کد زیر را وارد کنید:


<h3>Monthly Archive</h3>

<MTIfArchiveTypeEnabled archive_type="Monthly">

<MTArchiveList archive_type="Monthly">

<ul>

<li><a href="<$MTArchiveLink$>"><$MTArchiveTitle$> (<$MTArchiveCount$>)</a></li>

</ul>

</MTArchiveList>

</MTIfArchiveTypeEnabled>

<hr />





16- فایل را در دریم ویور ذخیره کنید و به سراغ ام تی بروید. فقط کافی است سایت را Publish کنید. حالا به صفحه اول سایتتان نگاهی بیندازید.
 

mt-guide-39.gif

در ستون سمت چپ می توانید آرشیو ماهانه مطالبتان را ببینید. اعدادی که در سمت راست نام ماه ها می بینید تعداد مطالبی است که در آن ماه منتشر کرده اید.

این ستون را می توانید به راحتی جایگزین ستون پیش فرض در صفحات دیگر قالبهایتان نیز بکنید (مثلا آرشیو های تکی مطالب٬ ماهانه٬ موضوعی و ...).

همینجا بیایید کمی تغییرات در منوی بالای قالبمان بدهیم تا از آرشیوهای ساخته شده بیشتر استفاده کنیم.

17- فایل index.html را بار دیگر در دریم ویور باز کنید. در تصویر زیر قسمتی که می خواهیم تغییر بدهیم مشخص است.


 

mt-guide-40.gif

تغییرات به این شکل خواهند بود: ابتدا لینک صفحه اول (Home) را اصلاح کنید. این لینک باید به صفحه index.html هدایت شود. بعد کلمه Products را به Categories تبدیل کنید و آن را به صفحه main-archive-index.html لینک کنید. سپس کلمه Services را به Monthly Archive تبدیل کنید و آن را به main-monthly-index.html لینک کنید.

نتیجه نهایی چیزی شبیه به این خواهد بود:

mt-guide-41.gif

 

18- پیشنهاد من این است که این منوی تغییر یافته را در باقی صفحاتی که تا کنون ساخته اید هم کپی کنید.

امیدوارم از این سلسله مطالب استفاده لازم را برده باشید. با بکار بردن روشهای مطرح شده در این سلسله مطالب شما می توانید به آسانی قالبهای دلخواه خودتان را برای ام تی کدنویسی کنید. هرچند سلسله مطالب با عنوان "مووبل تایپ از الف تا ی" در اینجا به پایان می رسد با این حال منتظر آموزشهای پیشرفته تر مووبل تایپ در آینده باشید. در آن آموزش ها به طور موردی به آموزش تکنیکهای پیشرفته تر در طراحی سایتهای برپایه ام تی خواهم پرداخت. موفق باشید.


پایان

توجه: این سلسله مطالب به طور اختصاصی برای سایت writeage.com نوشته شده است. درج تمام یا قسمتی از ‏این ‏مطالب، ‏تنها با ذکر نام سایت و آدرس دقیق این صفحه مجاز است.