آموزش: نکات ساده و بسیار مهم برای درک عمیق

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

مامبو چیست؟
قسمت اول
مامبو مشکل بزرگ ساخت و اجرای یک وب سایت قوی را آسان میکند.دلیل اینکه خیلی ها از آن استفاده میکنند همین است.اما اگر شما تا حالا از یک سیستم مدیریت محتوا (CMS) استفاده نکرده اید به نظر میرسد در ابتدا فکر کنید خیلی کارهای ساده در این سیستم مشکل تر شده است.
این سلسله موضوعات برای کسانی است که برای اولین بار مایلند از یک سیستم مدیریت محتوا بطور جدی استفاده کنند.
اگر شما مثل من برای اولین بار است که با یک (CMS) برخورد میکنید این مقالات بسیار برای شما مفید است.من تمام جزئیات را برای شما توضیح نخواهم داد. در این مورد باید وقت بیشتری در جستجو و مطالعه سایتهای مربوطه صرف کنید.چیزی که من به شما خواهم گفت این است که برای استفاده بهینه از مامبو چطور به سایتتان فکر کنید و آنرا برای طراحی با مامبو آماده کنید و چطور از سوال :" من میخوام ..." به جواب " متشکر انجام دادم .." برسید.

[size=8pt]مترجم:(من دو ماه بیشتره که دارم با کنترل پانل و administrator ور میرم ولی حالا با پیدا کردن و تجمه این مقالات تازه دارم میفهمم چکار دارم میکنم.برای قدردانی از زحمات دست اندرکارن سایت و جلوگیری از سردرگمی تازه واردین سعی میکنم این سلسله مقالات به عنوان رفرانسی برای همه تازه واردین باشه و بعد از خواندن و درک مطالب این آموزشها سوالهای سطح بالاتری را در فوروم مطرح بکنن.)[/size]
این سلسله مقالات با راهنمایی مدیران و درخواستهای شما عزیزان حتما تغییر خواهد کرد ولی عناوین زیربرای آن در نظر گرفته شده است:
[size=10pt]
1- چگونه به واقعیت یک سیستم مدیریت محتوا فکر کنید تا توقعات بجا و نابجا از آن را خودتان تشخیص داده و درک کنید.
2- چطور سایتتان را سرو سامان بدهید.
3- طراحی ظاهر سایت
4- ماژولها و صفحات سایت
5- اضافه کردن متون و تصاویر
6- ایجاد link
7- بلاگ ها و صفحه اول سایت
8- ماژولها کامپوننت ها و مامبوتها
9- این کجاست[/size]

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

(پایان قسمت اول)

مترجم : علیرضا گودرزی

قسمت دوم

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

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

پایان قسمت دوم

مترجم : علیرضا گودرزی

قسمت سوم

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

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

پایان بخش سوم

مترجم : علیرضا گودرزی

قسمت چهارم - تیکه A

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

قالبها یا (Templates) ظاهر سایت و یا قسمتهای مختلف آنرا میسازند.اگر به قسمت قالب در (administrator ) مدیریت سایت خود بروید
(Site -> Template Manager -> Site Templates) لیستی از قالبها را خواهید دید.یکی از آنها را کلیک کنید.نه نام سایت بلکه کلید سمت چپ آن و سپس آیکون "ِDefault " در toolbar بالای صفحه. سپس سایتتان را باز کنید و ببینید چه طور ظاهر آن عوض شده است.
مترجم : اگر در لیست فقط یک نام دیدید میتوانید قالبهای جدید را با کمک آیکون new همین toolbar نصب کنید.برای این کار اول قالب (ها) را از سایت [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] دانلود کنید و با کمک دکمه brows در قسمت نصب قالب جدید (new) آن (ها) را انتخاب و دکمه Upload and Install را فشار دهید. جهت راهنمایی چگونگی نصب قالب در سایت مقاله آموزشی موجود است.

یک قالب چیست؟
قالبها یک سری فایل هستند که ظاهر سایت را مشخص میکنند.فایل اصلی یک قالب - که در یک فولدر به نام همان قالب در کنار فایلهای دیگری مجتمع شده اند - فایل index.php است که حاوی کدهای html برای چیدمان عناصرسایت مثل جداول ، لوگوی سایت و غیره و کدهای php برای عناصر انعطاف پذیر((Dynamic میباشد.

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

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

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

پایان تیکه A از قسمت چهارم

مترجم : علیرضا گودرزی

تیکه B از قسمت چهارم

3-طراحی ظاهر سایت[size=6pt](ادامه)[/size]

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

مترجم: سری به قسمت قالبهای سایت خودتان بزنید و option bottun کنار آنرا کلیک کنید و سپس از toolbar انتخاب Edit کلیک کنید . خیلی از این تگها که در زیر دیده شده خواهید دید.میتوانید آنها را تغییر دهید ولی قبل از تسلط کامل خیلی مراقب باشید یک تغییر اضافه کل ظاهر سایت را بهم میزند.

تنظیمات سراسری و فراگیر

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

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

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

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

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

a.mainlevel:link – فرمت سطح اول تمام منوها را کنترل میکند
a.mainlevel:visited – فرمت منوهای دیده شده در سطح اول را کنترل میکند.
a.mainlevel:hover – فرمت منوهای سطح اول در هنگام حرکت موس روی آنها را کنترل میکند.
a.sublevel:link - فرمت تمام منوهای سطوح زیرسطح اول را کنترل میکند
a.sublevel:visited - فرمت منوهای دیده شده در سطح دوم به بعد را کنترل میکند.
a.sublevel:hover - فرمت منوهای سطح دوم به بعد در هنگام حرکت موس روی آنها را کنترل میکند.

pagenav - Sets the style for the footer navigation"<< Start < Prev Next > End >>") when they do not appear as hyperlinks (when only a few articles exist.
a.pagenav:link - Style for the footer navigation links ("<< Start < Prev Next > End >>").
a.pagenav:visited -Style for visited footer navigation links ("<< Start < Prev Next > End >>").
a.pagenav:hover - Mouseover effect for the footer navigation links ("<< Start < Prev Next > End >>").
a.readon:link - Style for the "Read More" link that is displayed for large contemt items.
a.readon:visited - Style for visited "Read More" hyperlinks that are displayed for large content items.
a.readon:hover - Mouseover effect for the "Read More" link that is displayed for large contect items.

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

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

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

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

استیل لیست بخشها:

.sectiontableheader
.sectiontableentry1
.sectiontableentry2

استایل اطلاعات دیگر مثل عنوان سایت ، تاریخ ایجاد و غیره

.title - Style for the site title.
.pathway - Default styling for the pathway (or breadcrumbs) displayed by the mosPathWay() function.
a.pathway:link - Style for hyperlinks in the pathway (or breadcrumbs) displayed by the mosPathWay() function.
a.pathway:visited - Style for hyperlinks that you have visited in the pathway (or breadcrumbs) displayed by the mosPathWay() function.
a.pathway:hover - Style for the mouseover effect for hyperlinks that are displayed as part of the pathway (or breadcrumbs) 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 content items.

متفرقه

.ontab -
.offtab -
.tabpadding -
.tabheading -
.pagetext -
.moscode - For modifying {moscode} output.
.message - Text passed with mosmsg url parameter.
.small -
.smalldark -

توضیحات بیشتر وسه نمونه از فایلهای مربوط به استایل را میتوانید از آدرس زیر دانلود کنید و مفصل روی آن کار کنید:
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید].

پایان تیکه B از قسمت چهارم ;)

مترجم: علیرضا گودرزی

تیکه C از قسمت چهارم

3-طراحی ظاهر سایت(ادامه)


این هم 3 نمودار تصویری برای در ک بهتره مطلب:

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]


[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]


[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]


[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

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

پایان تیکه C از قسمت چهارم

مترجم: علیرضا گودرزی

تیکه ِD از قسمت چهارم

3-طراحی ظاهر سایت(ادامه)


حالا که توضیحات پایه مربوط به قالبها را دیدید ، در ادامه به دستورالعملهای ویژه برای دانلود یا طراحی قالب می پردازیم.

دانلود کردن قالب (template)
برای دریافت قالبهای آماده فارسی به [مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید] مراجعه کنید(البته باید عضو شوید و وارد سایت شوید چون به عنوان میهمان چیزی نمیشود دانلود کرد) و برای دریافت قالبهای انگلیسی به خیلی جاها میشه سر زد و یکی از بهترینها اینجاست ww.mambohut.com
بعد ا دانلود قالب که در اصل یک فولدر به نام همان قالب است محتوی تعدادی فایل و زیپ شده ، میتوانید آنرا بوسیله cPanel و File Manager داخل شاخه mambo\templates کپی کنید تا مامبو آنرا در لیست قالبهای موجود در نظر بگیرد و یا این کار را بوسیله بخش مدیریت administrator و قالبها و نصب قالب جدید انجام دهید.

طراحی قالب
یک خود آموز خوب برای طراحی قالب را در آدرس زیر میتوانید بیابید:
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

اگر میخواهید یک قالب کاملا جدید با Dreamweaver ایجاد کنید به خودآموز زیر مراجعه کنید:
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]
این خود آموز شما را راهنمایی میکند که امکان کار با نوع خاصی از فایلها را برای Dreamweaver دانلود کنید که در آن میتوان براحتی قالب طراحی کرد.این خودآموز پیشنهاد میکند که برنامه MSAS را دانلود و نصب کنید.این برنامه کامپیوتر خانه شما را تبدیل به یک سرور کوچک با امکانات MySQL و Apache نموده تا بتوانید قبل از ارائه یا استفاده از قالبتان آنرا آزمایش کنید.
یک خودآموز مفصل تر دیگر این یکی است:
[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

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

پایان تیکه D از قسمت چهارم :D

مترجم: علیرضا گودرزی

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

قسمت پنجم

صفحات و ماژولها

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

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

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

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

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

ماژولها را میتوان فعال و غیر فعال کرد.در بعضی صفحات یا همه آنها یا هیچکدام.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 اضافه کنید.
در صفحه تنظیمات موضوع جدید، Page title باعث دیده شدن عنوان موضوع در بالای صفحه خواهد شد.
Page alias درurl دیده خواهد شد.
متن شما به دو قسمت تقسیم خواهد شد "مقدمه" و "متن اصلی".(intro & main )
مقدمه در صفحه اول سایت دیده میشود و با کلیک روی "ادامه مطلب ..." قسمت دوم یعنی متن اصلی دیده میشود که با این کار هر دو قسمت مقدمه و متن اصلی با هم در صفحه جدیدی دیده خواهند شد.

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

تصاویر

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

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

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

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

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

[مهمان/کاربر گرامی برای دیدن لینک ها ابتدا باید عضو سایت شوید و لاگین کنید برای ثبت نام اینجا کلیک کنید]

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

پایان قسمت ششم

مترجم: علیرضا گودرزی