مامبو چیست؟

[آبجی]

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

اگر شما برای اولین بار است که با یک (CMS) برخورد میکنید این مقالات بسیار برای شما مفید است. ما تمام جزئیات را برای شما توضیح نخواهم داد. در این مورد باید وقت بیشتری در جستجو و مطالعه سایتهای مربوطه صرف کنید. چیزی که ما به شما خواهیم گفت این است که برای استفاده بهینه از مامبو چطور به سایتتان فکر کنید و آنرا برای طراحی با مامبو آماده کنید و چطور از سوال :" من میخواهم ..." به جواب " متشکر انجام دادم .." برسید.
مترجم: (من بیش از دو ماه است که با کنترل پانل (Control Panel) و بخش مدیریت (Administrator) مداوم کار می کنم ولی حالا با پیدا کردن و ترجمه این مقالات تازه دارم میفهمم که چه کاری دارم میکنم. برای قدردانی از زحمات دست اندرکارن سایت و جلوگیری از سردرگمی تازه واردین سعی میکنم این سلسله مقالات به عنوان مبنایی برای همه تازه واردین باشه و بعد از خواندن و درک مطالب این آموزشها سوالات با سطح بالاتری را در انجمن رفع اشکال مامبولرن مطرح کنند.
1- چگونه به واقعیت یک سیستم مدیریت محتوا فکر کنید تا توقعات بجا و نابجا از آن را خودتان تشخیص داده و درک کنید.
2- چطور سایت خود را سازماندهی کنید.
3- طراحی ظاهر سایت
4- ماژولها و صفحات سایت
5- اضافه کردن متون و تصاویر
6- ایجاد لینک (Link)
7- بلاگ ها و صفحه اول سایت
8- ماژول ها، کامپوننت ها و مامبوت ها
9- این کجاست

اگر شما لینک اخبار (newsfeed) ، فورم نظرخواهی و بلاگ در سایت خود لازم دارید مامبو عالیست! ولی باید برای یادگیری آن وقت صرف کنید. یادتان باشد مشکل ترین قسمت یادگیری شروع کار است.
با هیچ راهنما و مقاله آموزشی نمیتوانید خیلی سریع و بی نقص قسمتهای مختلف سایتتان را برپا کنید. باید کمی در ابتدا وقت صرف کنید.

[آبجی]

1- چگونه به واقعیت یک سیستم مدیریت محتوا فکر کنید تا توقعات بجا و نابجا از آن را خودتان تشخیص داده و درک کنید.

بیشتر وقتی صحبت از وب سایت میشود به یاد تعدادی صفحات وب و لینکهای بین آنها می افتیم. در این نوع وب سایت هر صفحه وب دارای مطالب ثابتی است (Static) که بعد از تنظیم دیگر تغییر نمیکند، مگر طراح سایت آنرا تغییر و دوباره بارگذاری کند. در این حالت شما در مورد سایتتان به شکل یک ساختار درختی فکر میکنید: صفحه اول که دارای یک منو است و به تعدادی صفحات دیگر لینک شده است و در هر یک از این صفحات لینکهایی به صفحات دیگر و .....
براي ادامه مطلب بر روي لينك ادامه كليك كنيد.

مامبو جور دیگری سایت را سازمان دهی میکند چون هر چیز در سایتتان دیده میشود متغییر و غیر ثابت (Dynamic) است.این صفحات بر اساس اطلاعات وارد شده توسط مشاهده کنندگان سایت ، لینکهای اخبار، یا مطالب اضافه شده توسط اعضای سایت تغییر میکند بدون اینکه طراح سایت در این تغییرات دخالت داشته باشد. این مطالب متغییر درست در لحظه ای که مشاهده کننده صفحه را باز یا آنرا رفرش (Refresh) میکند ایجاد یا بروز میشوند.
در مامبو این بی معنی است که بپرسیم در یک صفحه خاص چه مطالبی وجود دارد ، تا هنگامی که صفحه در سایت دیده شود. شما صفحه ای برای تنظیم و طراحی نخواهید داشت. پس لازم است نوعی دیگر به قضیه نگاه کنید.
هر صفحه از سایت مامبوی شما حاوی بلوکهای متفاوتی از مطالب است که هر یک از بلوکها یکPosition نامیده میشود. شما صفحه آرایی صفحات را با یک قالب (Template) انجام میدهید نه تک تک و بطور ثابت.
تمام تنظیمات مثل محل بلوکها ، فونتها ، رنگها و پس زمینه ها در اینTemplate انجام میشود. سپس ماژولها را در بلوکها قرار میدهید. دست آخر مطالب را اضافه میکنید و آنها را در اصل به یکی از اجزاء صفحه که معمولا منوها هستند نسبت میدهید.

[آبجی]

2- چطور سایت خود را سازماندهی کنید.

میدونم مثل من فکرمیکنید: یکی دو صفحه مطلب می خونید، بعد یه سایت حرفه ای راه میندازید و یا علی!
ولی مامبو اینگونه نیست. چیزهایی هست که قبل از ایجاد حتی یک صفحه حتما باید خوب بدانید.
مایوس نشو ید ، وقتی تمام پارامترهای لازم برای سایت را تنظیم کردید، اضافه کردن چیزهای جالب به سایت مثل آب خوردن است.
براي ادامه مطلب روي لينك ادامه كليك كنيد.
در این نسخه از مامبو شما مجبورید مطالبتان را به سه سطح تقسیم کنید، نه بیشتر و نه کمتر.این سه سطح عبارتند از :
بخش(Section) - گروه (Category) - مطالب (Contents).
بخش ها (Sections) ظرفهای بزرگی هستند. آنها گروه ها را در خود نگه میدارند. گروه ها (Categories) ظرفهای کوچکتری هستند که حاوی مطالب (Contents) هستند. چیز مهمی که باید درک شود این است که شما نمی توانید مطالبی در سایت داشته باشید مگر اینکه حتما برای آنها بخش و گروه داشته باشید که این مطالب را در خود حفظ کنند.
یک سیستم بایگانی را تصور کنید:
بخشها مثل کمدها هستند. گروه ها مثل کشوها هستند و مطالب همان مدارک روی کاغذ هستند. اگر همه مدارک را در گوشه ای بریزیم استفاده از آنها محال است. کشوها بدون کمد روی هم چیده شوند باز بهتر از حالت قبل است ولی هنوز براحتی قابل استفاده نیستند. اگر آنها را بدون کشو در کمد بگذاریم هم فکر خوبی نیست. پس برای ایجاد نظم در سایت باید مدارک (Contents) را در کشوها (Categories) و داخل کمدها (Sections) قرار دهیم.
موضوع جذاب دیگر در مورد بخشها و گروه ها این است که میتوانیم قالبهای متفاوتی به را به هر یک نسبت دهیم. در این حالت هر چیز در بخش مثلا "اخبار" ظاهر شود میتواند به جای 1 ستونی ، 2 ستونی باشد و قسمتهای "ورود به سایت" و "نظرخواهی" را بعنوان مثال نداشته باشد. در این حالت اگر یکی از اعضا خبر جدیدی وارد کند ظاهر آن شبیه بقیه اخبار سایت است ولی اصلا شبیه عناوین بخش محصولات (مثلا!) نیست.
توجه: بعد از همه این حرفها که باید بخش و گروه داشته باشیم راهی وجود دارد تا مطالبی ایجاد کرد که فاقد بخش و گروه باشد، به نام مطالب ثابت (Static Contents). نه به آن معنا که ثابت و نقطه مقابل متغیر بلکه فقط به این معنی که فاقد بخش و گروه است. ولی یادتان باشد اگر چنین مطلبی ایجاد کنید نمیتوانید مطالب جدید که شبیه آن باشد بصورت دینامیک ایجاد کنید و مطالب ثابت اینچنینی را هم نمیتوانید در صفحه اول قرار دهید.
پس درباره نظام سایتتان فکر کنید و مشخص کنید آیا میخواهید قسمتهای مختلف سایت ظاهر متفاوتی داشته باشند؟ سپس سایت خود را بر اساس سیستم بخش و گروه پایه ریزی کنید.

[آبجی]

3- طراحی ظاهر سایت

قالبها (Templates) ظاهر سایت و یا قسمتهای مختلف آنرا میسازند. اگر به قسمت قالب در بخش مدیریت (Administration) سایت خود بروید (Site -> Template Manager -> Site Templates) لیستی از قالبها را خواهید دید.یکی از آنها را کلیک کنید.نه ب روری نام قالب بلکه دکمه رادیویی سمت چپ آن و سپس آیکون "ِDefault " در toolbar بالای صفحه. سپس سایتتان را باز کنید و ببینید چه طور ظاهر آن عوض شده است.
مترجم: اگر در لیست فقط یک نام دیدید میتوانید قالبهای جدید را با کمک آیکون New همین Toolbar نصب کنید. برای این کار اول قالب (ها) را از سایت www.Mambolearn.com دانلود کنید و با کمک دکمه Browse در قسمت نصب قالب جدید آن (ها) را انتخاب و دکمه Upload and Install را فشار دهید. جهت راهنمایی چگونگی نصب قالب در سایت مقاله آموزشی آن موجود است.
براي ادامه مطلب روي لينك ادامه كليك كنيد.
- یک قالب چیست؟
قالبها یک سری فایل هستند که ظاهر سایت را مشخص میکنند. فایل اصلی یک قالب - که در یک فولدر به نام همان قالب در کنار فایلهای دیگری مجتمع شده اند - فایل index.php است که حاوی کدهای html و برای چیدمان عناصرسایت مثل جداول ، لوگوی سایت و غیره و کدهای php برای عناصر انعطاف پذیر (Dynamic) میباشد.

فایل دیگر و بسیار مهم قالب ، فایل StyleSheet یا جدول مشخصات ظاهری قالب که پسوند آن css است میباشد که فونتها ، رنگها و قابهای عناصر سایت را در خود دارد.
به یک نمودار تصویری از چگونگی تقسیم بندی که فایل index.php در سایت ایجاد میکند توجه کنید:

"header.jpg" جایگاه لوگوی شماست. "body" بلوکی است که مطالب سایت را درخود جای میدهد. بلوکهای پرتغالی رنگ در نمودار فوق position ها هستند که شما میتوانید در آنها ماژولها را قرار دهید ، به هر تعداد که بخواهید و ماژولهای گذاشته شده میتوانند فعال (Published) یا غیرفعال (Unpublished) باشند. مثلا در top Position یک ماژول جستجو و یک ماژول تاریخ خواهیم داشت. در rightPosition یک ماژول منو و یک ماژول ثبت نام در سایت. وقتی شما یک قالب طراحی میکنید فقط تعیین میکنید یک ماژول در کدام Position قرارداده شود که این کار را با یک خط ساده php انجام میدهید، مثل این:
<?php mosLoadModules('left'); ?>


- لیست مشخصات یا Style Sheet
قالب شما یک StyleSheet نیز دارد که فونتها ، رنگها ، قابها و ... عناصر صفحه را کنترل میکند. در این جا توضیحاتی در مورد نامگذاری قراردادی متغیرهای این فایل که به نام style.css در شاخه قالب دیده میشود آورده شده است:

مترجم:سری به قسمت قالبهای سایت خودتان بزنید و option botton کنار آنرا کلیک کنید و سپس از Toolbarبر روی گزینه Edit CSSکلیک کنید. خیلی از این تگها (Tag) که در زیر آورده شده را خواهید دید. میتوانید آنها را تغییر دهید ولی قبل از تسلط کامل خیلی مراقب باشید. یک تغییر اضافه کل ظاهر سایت را بهم میزند.

تنظیمات سراسری و فراگیر
body – تگی که مشخصات ظاهری قسمت مطالب (صورتی وسط در نمودار بالا) را کنترل میکند مثل رنگ پس زمینه نام و اندازه و کلفتی فونت و ...
div – فرمت پیش فرض برای همه مرزبندی های قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
hr – فرمت پیشفرض برای همه خطوط افقی در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
p – فرمت پیشفرض برای تمام پاراگرافها در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
td- فرمت پیشفرض برای تمام جداول اطلاعاتی در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد..
tr – فرمت پیشفرض برای تمام رکوردهای جداول در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
ul – فرمت پیشفرض برای تمام لیستهای نامنظم قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
a:link – فرمت پیشفرض ظاهر لینکها. زمانی بکار میرود که یک لینک دارای ظاهر تعریف شده خاصی نباشد.
a:visited– فرمت پیشفرض برای لینکهای دیده شده. زمانی بکار میرود که یک لینک دارای ظاهر تعریف شده خاصی نباشد.
a:hover – فرمت پیشفرض برای وقتی که موس روی لینک حرکت میکند. زمانی بکار میرود که یک لینک دارای ظاهر تعریف شده خاصی نباشد.

توجه:این کل تگهای ممکن نیست و تگهای دیگری هم ممکن است در یک قالب گنجانده شوند.

- تنظیمات فرم ها

inputbox– برای تمام باکس های ورود اطلاعات بکار میرود مثل Loginو Search.
button– برای تمام کلیدهایی که در سایت دیده میشود بکار میرود.


- کنترل صفحات (منوها و ...)

a.mainlevel:link –فرمت سطح اول تمام منوها را کنترل میکند.
a.mainlevel:visited –فرمت منوهای دیده شده در سطح اول را کنترل میکند.
a.mainlevel:hover –فرمت منوهای سطح اول در هنگام حرکت موس روی آنها را کنترل میکند.
a.sublevel:link –فرمت تمام منوهای سطوح زیرسطح اول را کنترل میکند
a.sublevel:visited – فرمت منوهای دیده شده در سطح دوم به بعد را کنترل میکند.
a.sublevel:hover – فرمت منوهای سطح دوم به بعد در هنگام حرکت موس روی آنها را کنترل میکند.
pagenav– برای نمایش فرمت این تگ است << Start < Prev Next > End >>
a.pagenav:link - برای نمایش حالت لینک این تگ است << Start < Prev Next > End >>
a.pagenav:visited - برای نمایش حالت لینک صفحات دیده شده این تگ است << Start < Prev Next > End >>
a.pagenav:hover - برای نمایش حالت لینک وقتی که موس روی آن میرود << Start < Prev Next > End >>
a.readon:link - برای حالت نمایش لینک "ادامه مطلب..... " در صفحه محتوای شماست
a.readon:visited - برای حالت نمایش لینک "ادامه مطلب....." در صفحه محتوای شماست وقتی که قبلا آنرا دیده اید
a.readon:hover - برای حالت نمایش لینک "ادامه مطلب...." وقتی با موس روی آن میروید.

- تنظیمات ماژول

table.moduletable – استایل عمومی برای همه ماژولها
table.moduletable th- استایل عمومی برای سرصفحه همه ماژولها
table.moduletable td - استایل عمومی برای قسمتهای درج اطلاعات همه ماژول



- تنظیمات صفحه مطالب ها

a.category:link -
a.category:hover -
a.category:visited -
.componentheading - Title of thecomponent being used to display the content.
.contentheading- Title of the content, article, etc. beingdisplayed.
.contentpane - Table that holds all non-article information (components, category lists, contact forms, etc).
.contentpaneopen - Table thatholds the actual text for an article.
a.contentpagetitle:hover -
a.contentpagetitle:link -
a.contentpagetitle:visited-

- استیل لیست بخشها
.sectiontableheader
.sectiontableentry1
.sectiontableentry2


- استایل اطلاعات دیگر مثل عنوان سایت ، تاریخ ایجاد و غیره
.title - Style for the sitetitle.
.pathway - Default styling for the pathway (or breadcrumbs) displayed by the mosPathWay() function.
a.pathway:link - Style for hyperlinks in the pathway (or breadcrumbs) displayedby the mosPathWay() function.
a.pathway:visited - Style forhyperlinks that you have visited in the pathway (or breadcrumbs) displayed bythe mosPathWay() function.
a.pathway:hover - Style for themouseover effect for hyperlinks that are displayed as part of the pathway (orbreadcrumbs) displayed by the mosPathWay() function.
.createdate - Format of the "create date" displayed for various content items
.modifydate - Format for the "last updated" date displayed at the bottom of various contentitems.

- متفرقه
.ontab-
.offtab -
.tabpadding -
.tabheading -
.pagetext -
.moscode - For modifying {moscode} output.
.message - Text passed with mosmsg url parameter.
.small-
.smalldark-
توضیحات بیشتر و سه نمونه از فایلهای مربوط به استایل را میتوانید از آدرس زیر دانلود کنید و مفصل روی آن کار کنید:
http://www.mambohut.com/index.php?option=com_remository&Itemid=26&func=fileinfo&parent=category&filecatid=107.
این هم 3 نمودار تصویری برای درک بهتر مطلب:

مترجم:یه بار دیگه یادآوری میکنم این اطلاعات مربوط به فایل style.css موجود در شاخه یک قالب هست. شما اگر این فایل رو با هر ادیتوری باز کنید این تگها و عنوانها رو میبینید و تنظیمات مثل رنگ، اسم فونت، راست چین ، چپ چین خیلی راحت قابل مشاهده و تغییر هست. شماره رنگها را باید در فوتوشاپ در قسمت رنگها و بعد از انتخاب رنگ دلخواه با موس بدست آورید و این کد 6 رقمی که در زیر صفحه دیده میشه به جای رنگ موجود در استایل قرار بدهید .
حالا که توضیحات پایه مربوط به قالبها را دیدید ، در ادامه به دستورالعملهای ویژه برای دانلود یا طراحی قالب می پردازیم.


- دانلود کردن قالب (template)

برای دریافت قالبهای آماده فارسی به http://www.mambolearn.com/fa/option,com_docman/task,cat_view/gid,36/Itemid,37.html مراجعه کنید (البته باید عضو شوید و با نام کاربری خود وارد سایت شوید چون به عنوان میهمان لینک دانلود برای شما نمایش داده نخواهد شد) و برای دریافت قالبهای انگلیسی به خیلی جاها میشه سر زد و یکی از بهترینها اینجاست: www.mambohut.com
بعد از دانلود قالب که در اصل یک فولدر به نام همان قالب است محتوی تعدادی فایل و زیپ شده ، میتوانید آنرا بوسیله cPanel و File Manager داخل شاخه mambo\templates کپی کنید تا مامبو آنرا در لیست قالبهای موجود در نظر بگیرد و یا این کار را بوسیله بخش مدیریت (Administrator) و قالبها و نصب قالب جدید انجام دهید.


- طراحی قالب


یک خود آموز خوب برای طراحی قالب را در آدرس زیر میتوانید بیابید:
http://www.absalom.biz/tutorials/Mambo_Template_Tutorial.html

اگر میخواهید یک قالب کاملا جدید با Dreamweaver ایجاد کنید به خودآموز زیر مراجعه کنید:
www.mambosolutions.com/dw_tutorial/
این خود آموز شما را راهنمایی میکند که امکان کار با نوع خاصی از فایلها را برای Dreamweaver دانلود کنید که در آن میتوان براحتی قالب طراحی کرد. این خودآموز پیشنهاد میکند که برنامه MSAS را دانلود و نصب کنید. این برنامه کامپیوتر خانه شما را تبدیل به یک سرور کوچک با امکانات MySQL و Apache نموده تا بتوانید قبل از ارائه یا استفاده از قالبتان آنرا آزمایش کنید.
یک خودآموز مفصل تر دیگر را میتواند در لینک زیر مشاهده کنید:
http://www.allmambo.com/index.php?o...&id=13&Itemid=2

[آبجی]

4- ماژول ها و صفحات سایت

- ماژول ها
توضیحات دقیق در مورد ماژولها در قسمتهای بعدی اهمین مقاله به تفصیل ذکر خواهد شد.
ماژول ها چهارگوش های جادویی کوچکی هستند که محتویات متغیر(داینامیک) دارند. در قسمت مدیریت سایت به Modules-> Site Modules بروید. این قسمت حاوی ماژول های نصب شده در مامبو است که در موقع نصب اضافه شده اند.

براي ادامه مطلب روي لينك ادامه كليك كنيد.

همانطور که می بینید تمام منوها در اصل یک ماژول هستند. فرم ورودی کاربر یک ماژول است. آخرین اخبار ماژول دیگری است که لینکی به آخرین اخبار اضافه شده به گروه اخبار سایت (News Category) میباشد.

تقریبا هر آنچه با لینک ها و مطالب ورودی کاربران ارتباط دارد یک ماژول است و هزاران ماژول وجود دارد که میتوان آنها را دانلود و نصب کرد


مترجم:البته در فارسی چندین ماژول .

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

وقتی به جدول ماژول ها در Administrator سایت خود نگاه می کنید ستونی به نام Position را می بینید که موقعیت مکانی ماژول را در صفحه مشخص میکند. اگر روی یکی از این ماژول ها کلیک کنید یک منوی کرکره ای خواهید دید که بوسیله آن میتوانید محل ماژول را تغییر دهید.


مترجم:البته همه محلهای ذکر شده در این منو ممکن است در قالب شما وجود نداشته باشند.برای دیدن مکانهای موجود در قالب فعلی در قسمت مدیریت به Site>Preview>Inline with position نگاه کنید. حالا جای یک ماژول را عوض کنید و نتیجه را در سایت خود بصورت زنده ببینید. جالب بود نه؟

ماژولها را میتوان فعال و غیر فعال کرد. در بعضی صفحات یا همه آنها یا هیچکدامposition ها جای ماژول را مشخص میکنند و کاری به نمایش یا عدم نمایش آن ندارد.


مترجم:صفحات مورد نظر برای نمایش ماژول را میتوانید با کمک کلید کنترل و کلیک ماوس بصورت گروهی منظم یا منظم انتخاب کنید و آنها به یک یا چند یا همه منوها متصل کنید .


- صفحات(Pages)


برای شنیدن یک چیز عجیب حاضر باشید: pageبی page ! در مامبو شما فکر میکنید دارید به یک صفحه نگاه میکنید. هیچ صفحه خاصی وجود ندارد. مامبو اینطور فکر میکند که شما دارید به یک منو نگاه میکنید. در مامبو راهی برای دانستن دقیق محتویات یک صفحه نیست. جای ماژولها و مطالب و حتی position ها قابل پیش بینی نیستند چون مامبو اصلا به page اعتقادی ندارد. با اینکه واحد اصلی در وب صفحات هستند، مامبو گوشش بدهکار نیست و صفحه مشخصی را در آن پیدا نخواهید کرد.


اضافه کردن متن و تصویر

وقتی در مورد اضافه کردن متن و تصویر صحبت میکنم منظورم قسمت وسط صفحه است ، نه منوها ، نه ستونها و نه قابهای دو طرف (مثل نظر خواهی ، ورود کاربران ، یا اخبار).
فقط قسمت مرکزی صفحه( در قالب بنام mos_mainbody دیده میشود).

بعد از اینکه ماژولها را چیدید و بخش ها وگروه ها را اضافه کردید حالا نوبت مطالب است که در گروهایی که در بخشها هستند اضافه شوند.(Contents<Sections> Categories )

متن
TinyMCE نام ادیتوریست که مامبو از آن استفاده می کند.برای فعال کردن آن در مدیریت به این منو بروید: Mambots>Site Mambots .انتخاب No WYSIWYG را غیر فعال و TinyMCE WYSIWYG Editor را فعال کنید.اگر با HTML آشنا هستید پیشنهاد میکنم حتما advanced را برای ادیتورTinyMCE فعال کنید. . . . . . . . .
مترجم : البته در مامبو فارسی منتشر شده توسط mambolearn.com این ادیتور با تنظیمات لازم فعال شده است و این توضیحات را میتوانید نادیده بگیرید.

شما میتوانید متن و تصویر رابا افزودن یک موضوع جدید از قسمت منوبار Content > All Content Items اضافه کنید.
در صفحه تنظیمات موضوع جدید، Pagetitle باعث دیده شدن عنوان موضوع در بالای صفحه خواهد شد.
Page alias در url دیده خواهد شد.
متن شما به دو قسمت تقسیم خواهد شد "مقدمه" و "متن اصلی".(intro & main )
مقدمه در صفحه اول سایت دیده میشود و با کلیک روی "ادامه مطلب ..." قسمت دوم یعنی متن اصلی دیده میشود که با این کار هر دو قسمت مقدمه و متن اصلی با هم در صفحه جدیدی دیده خواهند شد.

البته شما میتوانید در مقدمه توضیحی در مورد مطلب اصلی بدهید و با کلیک روی "ادامه مطلب ...." متن اصلی را ببینید بدون تکرار مقدمه.
برای عدم تکرار مقدمه در قسمت پارامترهای تنظیمات موضوع "Hide intro text" را بله بگذارید.جالب بود نه!

تصاویر

بار اول دو ساعت طول کشید تا من توانستم یک تصویر نصفه نیمه در متن اضافه کنم.در help چیزی پیدا نکردم. در انجمن هم کسی جواب درستی به من نداد.به همین خاطر من شما را از اون دو ساعت دردناک معاف میکنم.

اول تصاویر مورد نظر را در منوی Site > Media Manager به قسمت تصاویر آپلود کنید.برای انتخاب فایل تصویر از هارد خود ، کلید Brows را بزنید و بعد ، از منوبار بالا Upload را انتخاب کنید. برای ایجاد شاخه و دسته بندی تصاویر از Create استفاده کنید.

وقتی تصاویر آپلود شدند میتوانید آنها را در موضوعات درج کنید.
کاری که نباید انجام دهید:
• سعی نکنید تصویر را در متن Drag & Drop کنید. با اینکه ظاهرا اتفاقی میافتد ولی نتایج خوبی در بر ندارد.چون فقط تصویر کوچکی از اصل تصویر را به متن اضافه میکند.

یک کلید جادویی وجود داد که این کار را برای شما میکند.دو گل کوچک در ادیتور می بینید که یکی حرف "I" دارد و دیگری "P".
با کلیک "I" متن روبرو به متن اصلی اضافه میشود:{mosimage} .به محض انجام این کار قسمت images در تنظیمات سمت راست صفحه بدرد بخور میشود.حالا به آنجا بروید و تصویر مورد نظرتان را در لیست انتخاب کنید.و با فشار کلید Add نام تصویر را در پایین Content Images خواهید دید.

با هر بار فشار "I" یک عبارت {mosimage} در صفحه ادیتور اضافه میشود.شما تصویری نمی بینید.یا حتی نام تصویری را نشان نمیدهند.اگر بیش از یک تصویر داشته باشید آنها به ترتیب لیست شده در ContenyImages نمایش داده میشوند.
{mosimages} چیست؟ آنطور که من فهمیدم mos_image یک مامبوت است که در متن تصویر قرار میدهد. در ادامه در مورد مامبوت ها صحبت خواهیم کرد.
مامبوت دیگری برای این منظور هست که میتوانید اطلاعات بیشتر را در لینک زیر ببینید.

http://forum.mamboserver.com/showthread.php?p=243412#post243412

حالا که یک موضوع با تصویر ایجاد کردید به سراغ اتصالات (links) میرویم.


لینک ها

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

منوها
منوها در اصل ماژول هستند.با نصب مامبو تعداد کمی منو در سایت ایجاد میشود.مثل mainmenu ,topmenu, usermenu ,othermenu . چون منوها ماژول هستند شما میتوانید آنها را در موقعیت های مجاز با توجه به قالب خودتان در سایت قرار دهید و جابجا کنید.چیزی که در مورد منوها باید به یاد داشته باشید این است که تا وقتی مطلبی ایجاد نشده نمی شود منوی مربوط به آنرا ایجاد کرد.

شما میتوانید منوها را از قسمت مدیریت منوها (menu manager) و یا در قسمت مطالب – contents ایجاد کنید. وقتی در حال مشاهده و ویرایش یک مطلب هستید ،
(Content>Content Manager>All ContentItems>click the Item for edit) یک مطلب را انتخاب کنید. جدولی در سمت راست وجود دارد که منوی اتصال نام دارد(Link Menu) شما میتوانید یک یا چند منو را برای لینک به مطلب فعلی انتخاب کنید.و این ساده ترین راه ایجاد لینک در مامبو است.

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

New Menu Items: چگونه ، چه چیزی
Blog –Content Category
Blog – Content Section
Link – Content Item
و الی آخر.
کلمه اول (در اینجا Blog ) میگوید که این مطلب چگونه در صفحه ظاهر میشود.یک صفحه بلاگ حاوی جزئیات متعددی از مطالب است ولی فقط مقدمه (intro) هر موضوع را نشان خواهد داد که این مقدمه لینکی به صفحه اصلی مطلب در یک صفحه جدید خواهد بود. یک Link مستقیما به محل مربوطه که برایش مشخص شده وصل شده است. یک Table دارای قسمتهای جدول بندی شده از مطالب است.یک Separator به هیچ جا وصل نیست و Wrapper برای نشان دادن یک سایت دیگر داخل صفحه سایت خودمان .

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

قبل از ایجاد منوهای خیلی زیاد یادتان باشد که منوها ماژول هستند ومامبو ماژولهای زیادی در خود دارد.مثلا اگر میخواهید منویی برای اخبار بسازید دست نگه دارید! این کار را مامبو قبلا انجام داده است.ماژول آخرین اخبار " Latest News" عنوان آخرین خبرها و لینک به هریک را که در گروه اخبار باشد نمایش میدهد و شما احتیاج به هیچ کاری جز انتخاب جای این ماژول لازم نیست انجام دهید.

اگر بخواهید ظاهر زیبایی برای منوها داشته باشید و از این ظاهر ساده متنی راحت شوید این ماژول به شما کمک خواهد کرد:
http://mamboforge.net/projects/swmenu/

ایجاد لینک در متن یا تصویر
اگر میخواهید قسمتی از متن یا یک تصویر را یک مطلب به صفحه دیگری لینک دهید اولین کار این است که یکی از کامپوننت های url را تهیه کنید.من SEF404 را پیشنهاد میکنم. http://mamboforge.net/projects/sef404/.
اگر به آدرس صفحات وب خودتان نگاه کنید آنها را بسیار نامفهوم خواهید یافت ./view/25/64/….. .
SEF404 آدرسها را بهتر و زیباتر میسازد و از نام بخش ها و گروهها و عنوان مطالب برای اجزاء آدرس استفاده میکند.

مترجم :در مامبو فارسی این روش ممکن است نتیجه مطلوب به همراه نداشته باشد .

حال چه زشت و چه زیبا هر صفحه ای را که میخواهید به آن لینک دهید باز کنید.از آدرس بار بالای Browser آدرس این صفحه را بطور کامل انتخاب کنید(Highlight). با کلیک راست و انتخاب Copy آدرس را در حافظه کپی کنید.حالا به مطلبی که میخواهید در آن لینک ایجاد کنید بروید. متن یا تصویرمورد نظر را highlight کنید و آیکون link را از بالای ادیتور مطلب کلیک کنید.در قسمت مربوط به آدرس، متنی را که در حافظه کپی کرده بودید با راست کلیک وpaste در محل خود قرار دهید.
تمام ! لینک ایجاد شد .تا اینجا دیگر توانایی ایجاد یک سایت را دارید.


بلاگ ها و صفحه اصلی سایت

به تازگی سوال شده که چطور بلاگ های خاص ایجاد کنیم؟این هم توضیحات لازم:

بلاگ ها

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

1- یک گروه (category) ایجاد کنید ونام آنرا آزمایش بگذارید.
2- برای ایجاد یک صفحه بلاگ، یک منوی جدید ایجاد کنید- یادتان باشد در مامبو از صفحه واقعی(page) خبری نیست ! فقط منوها و لینک به آنها واقعی اند.(بخشهای قبلی را بخوانید). Mainmenu را انتخاب کنید و new را کلیک کنید.یک صفحه از از انتخاب های متفاوت ظاهر خواهد شد.
Content Category-Blog را تیک بزنید.سپس نام صفحه را بگذارید و گروه آزمایش را انتخاب کنبد.یادتان نرود که قسمت پارامترهای صفحه را نگاه کنید و تنظیماتی مثل تعداد ستونها و انتخابهای مفید دیگر را تنظیم کنید.

صفحه اصلی سایت
یکی از اشتباهات من این بود که فکر میکردم FrontpageManager ( مدیریت صفحه نخست در کنترل پنل) برای کار با صفحه اول و اصلی سایت است.اینطور نیست. مامبو شیئی بنام بلوگ دارد و بین دوستون سمت چپ و راست یکی از این بلاگ هاست.
بلاگ یک شی بسیار قدرتمند و غیر معمول است .بطور پیش فرض یک بلاگ تک ستونی است. و میتواند 2 ستونی هم باشد . در هر بلاگ میتوان به بلاگ های دیگر لینک داد.
بلاگ کاملا قابل تنظیم و انعطاف پذیر است و شما در اشکال مختلف از آن استفاده میکنید و یادتان باشد کاری که میکنید فقط تغییر تنظیمات همین بلاگ عجوبه است .شما این تغییرات را در user menus>mainmenu انجام میدهید.با تغییر در مقدمه (intro) و ستونها و leading شکل و شمایل مورد نظر شما حاصل میشود.
یک بلاگ همچنین به مجموعه ای از عناوین مطالب نیز اشاره میکند.
هر عنوانی که در اولین آیتم منوی اصلی (Mainmenu) سایت شما باشد صفحه اصلی یا اول محسوب میشود. با فهمیدن این موضوع کمی حالتان گرفته میشود.چون شما اجبارا مجبورید اولین انتخاب منوی اصلی را صفحه نخست قرار دهید.هر چیز دیگری را جایگزین کنید front Page Manager آنرا ویرایش خواهد کرد.


تفاوت بین کامپوننت و ماژول و مامبوت چیست؟

ماژول ها ضماءم نرم افزاری هستند که در سایت شما اطلاعات را به نمایش میگذارند.منوها ماژول هستند.نظرخواهی ها ماژول هستند. فرم ورود به سایت یک ماژول است. ماژولها در موقعیت های قالب قرار میگیرند و در ظاهر سایت دیده میشوند.

کامپوننت ها در اصل یک برنامه هستند.آنها یک توانایی جدید به قسمت مدیریت اضافه میکنند.پس وقتی شما میخواهید مثلا یک خبرنامه به سایت اضافه کنید هم کامپوننت و هم ماژول آنرا نصب میکنید. وقتی کامپننتی نصب میشود در منوی Component صفحه مدیریت قابل مشاهده است. وقتی از این لیست کامپوننت نصب شده را انتخاب میکنید ابزار تنظیم و کاربرد بهینه از این کامپوننت را میتوانید ببینید.

مامبوت ها عملگرهای کوچکی هستند که ماموریت دارند موضوعاتی را قبل از نمایش یا کاربرد به روشی دستکاری اصلاح یا سازماندهی کنند.مامبو در هسته مرکزی خود تعدادی مامبوت دارد.برای مثال mosimage برای تبدیل تگ {mosimage} به تگ img در HTML بکار میرود mospagebreak برای صفحه بندی و ایجاد جدول مطالب بکار میرود.به نظر میاید که ما به عنوان کاربر کمتر به مامبوت ها نیاز داشته باشیم.

Add-on نام غیر فنی برای ابزارهای با مزه ای است که در نصب هسته اصلی مامبو وجود ندارد.Add-on ها معمولا از یک کامپوننت و یک ماژول وابسته به آن تشکیل میشوند مثل پشتیبانی فعال و گاهی از یک ماژول و یک مامبوت تشکیل میشوند مثل .AkoComment

از کجا میشود یک Add-on را پیدا کرد؟

مترجم: مامبو فارسی را میتوانید از سایت www.mambolearn.com و انجمن آن برای این منظور استفاده کنید.

مامبو از http://mamboforge.net استفاده کرده ولی متاسفانه توضیحات در این سایت خیلی کامل نیست و سخت است که یک Add-on خوب و مناسب پیدا کرد و آن را با مشابهات دیگر مقایسه کرد.

در زیر لیستی از Add-on هایی که باید داشته باشید را مشاهده میکنید.
• ثبت نام و کاربری زیبا برای اعضا: Community Builder
• مدیریت دانلود کردن برای اعضا : DOCMan یا Remository
• خبرنامه : YaNC
• نقشه سایت دینامیک : SitMap
• فرم های زیبا: Art*Forms برای فرم های ساده و FacileForms برای فرم های پیچیده
• انجمن گفتگو: SimpleBoard بسیار ساده و قابل اعتماد و برای ترافیک بیشتر SMF یا phpBB مناسب هستند. vBulletin تنظیمات مشکلی دارد ولی بسیار قدرتمند است.
• تجارت الکترونیکی: phpshop یا mosCommerce
• سرسید نامه و تقویم : Events Calendar
• منوهای کرکره ای با تصویر و امکانات دیگر : SWMenu در آدرس http://www.swonline.biz/
• امکان گذاشتن مولتی مدیا مثل موسیقی و فیلم: MosMedia در آدرس
http://www.ag-solutions.net/content/view/23/45/
• پیغام خصوصی : MyPMS Open-source
• پشتیبانی چند زبانه: MambelFish
• گالری تصاویر: RSgallery و MenaltoGallery 2 و zOOm و Ponygallery

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

تماس با ما : وقتی مامبو را نصب میکنید منوی اصلی با یک انتخاب تماس با ما دیده میشود. در صفحه تماس با اطلاعات مربوط به تماس مراجعین با شما درج شده است. برای تنظیمات آن به قسمت زیر مراجعه کنید.
Component -> Contacts -> Manage Contacts

برای ایجاد یک "تماس با ما" ی جدید اول از Menus انتخاب mainmenu را کلیک کنید و بعد New را از toolbar انتخاب کنید ودر صفحه بعدی Link-Contact را انتخاب کنید.با پر کردن فیلدهای مخصوص این قسمت یک صفحه تماس جدید ایجاد میشود.

اگر دوست دارید اطلاعات دیگری به این فرم بیافزایید باید از یک کامپوننت فرم ساز پیشرفته استفاده کنید. فیلدهای مورد نظر را به آن اضافه کنید و در لینک "تماس با ما" بکار ببرید.

صفحات مربوط به بخشها و گروه ها
Category & Section Pages

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

[آبجی]

3- طراحی ظاهر سایت

قالبها (Templates) ظاهر سایت و یا قسمتهای مختلف آنرا میسازند. اگر به قسمت قالب در بخش مدیریت (Administration) سایت خود بروید (Site -> Template Manager -> Site Templates) لیستی از قالبها را خواهید دید.یکی از آنها را کلیک کنید.نه ب روری نام قالب بلکه دکمه رادیویی سمت چپ آن و سپس آیکون "ِDefault " در toolbar بالای صفحه. سپس سایتتان را باز کنید و ببینید چه طور ظاهر آن عوض شده است.
مترجم: اگر در لیست فقط یک نام دیدید میتوانید قالبهای جدید را با کمک آیکون New همین Toolbar نصب کنید. برای این کار اول قالب (ها) را از سایت www.Mambolearn.com دانلود کنید و با کمک دکمه Browse در قسمت نصب قالب جدید آن (ها) را انتخاب و دکمه Upload and Install را فشار دهید. جهت راهنمایی چگونگی نصب قالب در سایت مقاله آموزشی آن موجود است.
براي ادامه مطلب روي لينك ادامه كليك كنيد.
- یک قالب چیست؟
قالبها یک سری فایل هستند که ظاهر سایت را مشخص میکنند. فایل اصلی یک قالب - که در یک فولدر به نام همان قالب در کنار فایلهای دیگری مجتمع شده اند - فایل index.php است که حاوی کدهای html و برای چیدمان عناصرسایت مثل جداول ، لوگوی سایت و غیره و کدهای php برای عناصر انعطاف پذیر (Dynamic) میباشد.

فایل دیگر و بسیار مهم قالب ، فایل StyleSheet یا جدول مشخصات ظاهری قالب که پسوند آن css است میباشد که فونتها ، رنگها و قابهای عناصر سایت را در خود دارد.
به یک نمودار تصویری از چگونگی تقسیم بندی که فایل index.php در سایت ایجاد میکند توجه کنید:

"header.jpg" جایگاه لوگوی شماست. "body" بلوکی است که مطالب سایت را درخود جای میدهد. بلوکهای پرتغالی رنگ در نمودار فوق position ها هستند که شما میتوانید در آنها ماژولها را قرار دهید ، به هر تعداد که بخواهید و ماژولهای گذاشته شده میتوانند فعال (Published) یا غیرفعال (Unpublished) باشند. مثلا در top Position یک ماژول جستجو و یک ماژول تاریخ خواهیم داشت. در rightPosition یک ماژول منو و یک ماژول ثبت نام در سایت. وقتی شما یک قالب طراحی میکنید فقط تعیین میکنید یک ماژول در کدام Position قرارداده شود که این کار را با یک خط ساده php انجام میدهید، مثل این:
<?php mosLoadModules('left'); ?>


- لیست مشخصات یا Style Sheet
قالب شما یک StyleSheet نیز دارد که فونتها ، رنگها ، قابها و ... عناصر صفحه را کنترل میکند. در این جا توضیحاتی در مورد نامگذاری قراردادی متغیرهای این فایل که به نام style.css در شاخه قالب دیده میشود آورده شده است:

مترجم:سری به قسمت قالبهای سایت خودتان بزنید و option botton کنار آنرا کلیک کنید و سپس از Toolbarبر روی گزینه Edit CSSکلیک کنید. خیلی از این تگها (Tag) که در زیر آورده شده را خواهید دید. میتوانید آنها را تغییر دهید ولی قبل از تسلط کامل خیلی مراقب باشید. یک تغییر اضافه کل ظاهر سایت را بهم میزند.

تنظیمات سراسری و فراگیر
body – تگی که مشخصات ظاهری قسمت مطالب (صورتی وسط در نمودار بالا) را کنترل میکند مثل رنگ پس زمینه نام و اندازه و کلفتی فونت و ...
div – فرمت پیش فرض برای همه مرزبندی های قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
hr – فرمت پیشفرض برای همه خطوط افقی در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
p – فرمت پیشفرض برای تمام پاراگرافها در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
td- فرمت پیشفرض برای تمام جداول اطلاعاتی در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد..
tr – فرمت پیشفرض برای تمام رکوردهای جداول در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
ul – فرمت پیشفرض برای تمام لیستهای نامنظم قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
a:link – فرمت پیشفرض ظاهر لینکها. زمانی بکار میرود که یک لینک دارای ظاهر تعریف شده خاصی نباشد.
a:visited– فرمت پیشفرض برای لینکهای دیده شده. زمانی بکار میرود که یک لینک دارای ظاهر تعریف شده خاصی نباشد.
a:hover – فرمت پیشفرض برای وقتی که موس روی لینک حرکت میکند. زمانی بکار میرود که یک لینک دارای ظاهر تعریف شده خاصی نباشد.

توجه:این کل تگهای ممکن نیست و تگهای دیگری هم ممکن است در یک قالب گنجانده شوند.

- تنظیمات فرم ها

inputbox– برای تمام باکس های ورود اطلاعات بکار میرود مثل Loginو Search.
button– برای تمام کلیدهایی که در سایت دیده میشود بکار میرود.


- کنترل صفحات (منوها و ...)

a.mainlevel:link –فرمت سطح اول تمام منوها را کنترل میکند.
a.mainlevel:visited –فرمت منوهای دیده شده در سطح اول را کنترل میکند.
a.mainlevel:hover –فرمت منوهای سطح اول در هنگام حرکت موس روی آنها را کنترل میکند.
a.sublevel:link –فرمت تمام منوهای سطوح زیرسطح اول را کنترل میکند
a.sublevel:visited – فرمت منوهای دیده شده در سطح دوم به بعد را کنترل میکند.
a.sublevel:hover – فرمت منوهای سطح دوم به بعد در هنگام حرکت موس روی آنها را کنترل میکند.
pagenav– برای نمایش فرمت این تگ است << Start < Prev Next > End >>
a.pagenav:link - برای نمایش حالت لینک این تگ است << Start < Prev Next > End >>
a.pagenav:visited - برای نمایش حالت لینک صفحات دیده شده این تگ است << Start < Prev Next > End >>
a.pagenav:hover - برای نمایش حالت لینک وقتی که موس روی آن میرود << Start < Prev Next > End >>
a.readon:link - برای حالت نمایش لینک "ادامه مطلب..... " در صفحه محتوای شماست
a.readon:visited - برای حالت نمایش لینک "ادامه مطلب....." در صفحه محتوای شماست وقتی که قبلا آنرا دیده اید
a.readon:hover - برای حالت نمایش لینک "ادامه مطلب...." وقتی با موس روی آن میروید.

- تنظیمات ماژول

table.moduletable – استایل عمومی برای همه ماژولها
table.moduletable th- استایل عمومی برای سرصفحه همه ماژولها
table.moduletable td - استایل عمومی برای قسمتهای درج اطلاعات همه ماژول