باید تا پایان این شمارش معکوس صبر کرد و دید که تیم مامبولرن برای کاربران سیستم های متن باز چه سوپرایزی دارند...
به امید موفقیت تمامی ایرانیان و پارسی زبانان، و بخصوص تیم مامبولرن
مترجم: (من بیش از دو ماه است که با کنترل پانل (Control Panel) و بخش مدیریت (Administrator) مداوم کار می کنم ولی حالا با پیدا کردن و ترجمه این مقالات تازه دارم میفهمم که چه کاری دارم میکنم. برای قدردانی از زحمات دست اندرکارن سایت و جلوگیری از سردرگمی تازه واردین سعی میکنم این سلسله مقالات به عنوان مبنایی برای همه تازه واردین باشه و بعد از خواندن و درک مطالب این آموزشها سوالات با سطح بالاتری را در انجمن رفع اشکال مامبولرن مطرح کنند.
میدونم مثل من فکر میکنید: یکی دو صفحه مطلب می خونید، بعد یه سایت حرفه ای راه میندازید و یا علی!
ولی مامبو اینگونه نیست. چیزهایی هست که قبل از ایجاد حتی یک صفحه حتما باید خوب بدانید.
مایوس نشوید ، وقتی تمام پارامترهای لازم برای سایت را تنظیم کردید، اضافه کردن چیزهای جالب به سایت مثل آب خوردن است.
در این نسخه از مامبو شما مجبورید مطالبتان را به سه سطح تقسیم کنید، نه بیشتر و نه کمتر.این سه سطح عبارتند از : بخش (Section) - مجموعه (Category) - مطالب و یا محتواها (Contents). بخش ها (Sections) ظرفهای بزرگی هستند. آنها مجموعهها را در خود نگه میدارند. مجموعهها (Categories) ظرفهای کوچکتری هستند که حاوی مطالب (Contents) هستند. چیز مهمی که باید درک شود این است که شما نمیتوانید مطالبی در سایت داشته باشید مگر اینکه حتما برای آنها بخش و مجموعهها داشته باشید که این مطالب را در خود حفظ کنند.
بخشها مثل کمدها هستند. مجموعهها مثل کشوها هستند و مطالب همان مدارک روی کاغذ هستند. اگر همه مدارک را در گوشهای بریزیم استفاده از آنها محال است. کشوها بدون کمد روی هم چیده شوند باز بهتر از حالت قبل است ولی هنوز براحتی قابل استفاده نیستند. اگر آنها را بدون کشو در کمد بگذاریم هم فکر خوبی نیست. پس برای ایجاد نظم در سایت باید مدارک (محتوا و یاContents) را در کشوها (مجموعهها یا Categories) و داخل کمدها (بخش یا Sections) قرار دهیم.
موضوع جذاب دیگر در مورد بخشها و گروهها این است که میتوانیم قالبهای متفاوتی را به هر یک نسبت دهیم. در این حالت هر چیز در بخش مثلا "اخبار" ظاهر شود میتواند به جای 1 ستونی ، 2 ستونی باشد و قسمتهای "ورود به سایت" و "نظرخواهی" را بعنوان مثال نداشته باشد. در این حالت اگر یکی از اعضا خبر جدیدی وارد کند ظاهر آن شبیه بقیه اخبار سایت است ولی اصلا شبیه عناوین بخش محصولات (مثلا!) نیست.
بعد از همه این حرفها که باید بخش و مجموعه داشته باشیم راهی وجود دارد تا مطالبی ایجاد کرد که فاقد بخش و گروه باشد، به نام مطالب ثابت (Static Contents). نه به آن معنا که ثابت و نقطه مقابل متغیر بلکه فقط به این معنی که فاقد بخش و گروه است. ولی یادتان باشد اگر چنین مطلبی ایجاد کنید نمیتوانید مطالب جدید که شبیه آن باشد بصورت دینامیک ایجاد کنید.
پس درباره نظام سایتتان فکر کنید و مشخص کنید آیا میخواهید قسمتهای مختلف سایت ظاهر متفاوتی داشته باشند؟ سپس سایت خود را بر اساس سیستم بخش و مجموعه پایه ریزی کنید.
قالبها (Templates) ظاهر سایت و یا قسمتهای مختلف آنرا میسازند. اگر به قسمت قالب (قالبهای کاربری) در بخش مدیریت (Administration) سایت خود بروید (Site -> Template Manager -> Site Templates) لیستی از قالبهای نصب شده را خواهید دید. یکی از آنها را انتخاب کنید، نه بروی نام قالب بلکه دکمه رادیویی سمت راست آن و سپس آیکون پیشفرض "ِDefault" در toolbar بالای صفحه را کلیک نمایید، سپس سایتتان را باز کنید و ببینید چه طور ظاهر آن عوض شده است.
اگر در لیست فقط یک نام دیدید میتوانید قالبهای جدید را با کمک آیکون جدید همین Toolbar نصب کنید. برای این کار اول قالب (ها) را از سایت www.mambo-digg.com دریافت کنید و با کمک دکمه Browse در قسمت نصب قالب جدید آن(ها) را انتخاب و دکمه Upload and Install را فشار دهید. جهت راهنمایی چگونگی نصب قالب در سایت مقاله آموزشی آن موجود است.
قالبها یک سری فایل هستند که ظاهر سایت را مشخص میکنند. فایل اصلی یک قالب که در یک فولدر به نام همان قالب در کنار فایلهای دیگری مجتمع شده اند فایل index.php است که حاوی کدهای html و برای چیدمان عناصر سایت مثل جداول ، لوگوی سایت ، موقعیت ماژول و ... دارای کدهای php برای عناصر انعطاف پذیر (Dynamic) میباشد.
فایل دیگر و بسیار مهم قالب ، فایل Style Sheet یا جدول مشخصات ظاهری قالب که پسوند آن css است فونتها ، رنگها و قابهای عناصر سایت را در خود دارد.
به یک نمودار تصویری از چگونگی تقسیم بندی که فایل index.php در سایت ایجاد میکند توجه کنید:
"header.jpg" جایگاه لوگوی شماست. "body" بلوکی است که مطالب سایت را درخود جای میدهد. بلوکهای پرتغالی رنگ در نمودار فوق positionها و یا موقعیت ماژول هستند که شما میتوانید در آنها ماژولها را قرار دهید ، به هر تعداد که بخواهید و ماژولهای گذاشته شده میتوانند انتشار (Published) یا عدم انتشار (Unpublished) داشته باشند. مثلا در top Position یک ماژول جستجو و یک ماژول تاریخ خواهیم داشت. در right Position یک ماژول منو و یک ماژول ثبت نام در سایت. وقتی شما یک قالب طراحی میکنید فقط تعیین میکنید یک موقعیت ماژول در کدام Position قرارداده شود که این کار را با یک خط ساده php انجام میدهید، مثل این:
<?php mosLoadModules('left'); ?>
قالب شما یک Style Sheet نیز دارد که فونتها ، رنگها ، قابها و ... عناصر صفحه را کنترل میکند. در این جا توضیحاتی در مورد نامگذاری قراردادی متغیرهای این فایل که به نام style.css در شاخه قالب دیده میشود آورده شده است:
سری به قسمت قالبهای سایت خودتان بزنید و option botton کنار آنرا کلیک کنید و سپس از Toolbar بر روی گزینه Edit CSS کلیک کنید . خیلی از این تگها (Tag) که در زیر آورده شده را خواهید دید. میتوانید آنها را تغییر دهید ولی قبل از تسلط کامل خیلی مراقب باشید. یک تغییر اضافه کل ظاهر سایت را بهم میزند.
– تگی که مشخصات ظاهری قسمت مطالب (صورتی وسط در نمودار بالا) را کنترل میکند مثل رنگ پس زمینه نام و اندازه و کلفتی فونت و ...
– فرمت پیش فرض برای همه مرزبندی های قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
– فرمت پیشفرض برای همه خطوط افقی در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
– فرمت پیشفرض برای تمام پاراگرافها در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
- فرمت پیشفرض برای تمام جداول اطلاعاتی در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
– فرمت پیشفرض برای تمام رکوردهای جداول در قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
– فرمت پیشفرض برای تمام لیستهای نامنظم قالب. این تگ منحصر به حالاتی است که برای یک عامل در قالب مشخصات ظاهری تعریف نشده باشد.
– فرمت پیشفرض ظاهر لینکها. زمانی بکار میرود که یک لینک دارای ظاهر تعریف شده خاصی نباشد.
– فرمت پیشفرض برای لینکهای دیده شده. زمانی بکار میرود که یک لینک دارای ظاهر تعریف شده خاصی نباشد.
– فرمت پیشفرض برای وقتی که موس روی لینک حرکت میکند. زمانی بکار میرود که یک لینک دارای ظاهر تعریف شده خاصی نباشد.
این کل تگها نیست و تگهای دیگری نیز احتیاج هستند که در آموزشهای طراحی قالب مامبو آمده است.
– برای تمام باکس های ورود اطلاعات بکار میرود مثل Login و Search. button – برای تمام کلیدهایی که در سایت دیده میشود بکار میرود.
– فرمت سطح اول تمام منوها را کنترل میکند.
– فرمت منوهای دیده شده در سطح اول را کنترل میکند.
– فرمت منوهای سطح اول در هنگام حرکت موس روی آنها را کنترل میکند.
– فرمت تمام منوهای سطوح زیرسطح اول را کنترل میکند
– فرمت منوهای دیده شده در سطح دوم به بعد را کنترل میکند.
– فرمت منوهای سطح دوم به بعد در هنگام حرکت موس روی آنها را کنترل میکند.
– برای نمایش فرمت این تگ است << Start < Prev Next > End >>
- برای نمایش حالت لینک این تگ است << Start < Prev Next > End >>
- برای نمایش حالت لینک صفحات دیده شده این تگ است << Start < Prev Next > End >>
- برای نمایش حالت لینک وقتی که موس روی آن میرود << Start < Prev Next > End >>
- برای حالت نمایش لینک "ادامه مطلب..... " در صفحه محتوای شماست
- برای حالت نمایش لینک "ادامه مطلب....." در صفحه محتوای شماست وقتی که قبلا آنرا دیده اید
- برای حالت نمایش لینک "ادامه مطلب...." وقتی با موس روی آن میروید.
– استایل عمومی برای همه ماژولها
- استایل عمومی برای سرصفحه همه ماژولها
- استایل عمومی برای قسمتهای درج اطلاعات همه ماژول
-
-
-
.- Title of the component being used to display the content.
.- Title of the content, article, etc. being displayed.
.- Table that holds all non-article information (components, category lists, contact forms, etc).
.- Table that holds the actual text for an article.
-
-
-
.
.
.
.- Style for the site title.
.- Default styling for the pathway (or breadcrumbs) displayed by the mosPathWay() function.
- Style for hyperlinks in the pathway (or breadcrumbs) displayed by the mosPathWay() function.
- Style for hyperlinks that you have visited in the pathway (or breadcrumbs) displayed by the mosPathWay() function.
- Style for the mouseover effect for hyperlinks that are displayed as part of the pathway (or breadcrumbs) displayed by the mosPathWay() function.
.- Format of the "create date" displayed for various content items
.- Format for the "last updated" date displayed at the bottom of various content items.
.-
.-
.-
.-
.-
.- For modifying {moscode} output.
.- Text passed with mosmsg url parameter.
.-
.-
این هم 3 نمودار تصویری برای درک بهتر مطلب:
یه بار دیگه یادآوری میکنم این اطلاعات مربوط به فایل style.css موجود در شاخه یک قالب هست. شما اگر این فایل رو با هر ویرایشگری باز کنید این تگها و عنوانها رو میبینید و تنظیمات مثل رنگ، اسم فونت، راست چین ، چپ چین خیلی راحت قابل مشاهده و تغییر هست. شماره رنگها را باید در فوتوشاپ در قسمت رنگها و بعد از انتخاب رنگ دلخواه با موس بدست آورید و این کد 6 رقمی که در زیر صفحه دیده میشه به جای رنگ موجود در استایل قرار بدهید .
حالا که توضیحات پایه مربوط به قالبها را دیدید ، در ادامه به دستورالعملهای ویژه برای دانلود یا طراحی قالب می پردازیم.
دانلود کردن قالب (template)
برای دریافت قالبهای آماده فارسی به http://www.mambo-digg.com مراجعه کنید. بعد از دانلود قالب که در اصل یک فولدر به نام همان قالب است محتوی تعدادی فایل و زیپ شده ، میتوانید آنرا بوسیله بخش مدیریت (Administrator) نصب جامع انجام دهید.
بمنظور طراحی قالب مامبو شما باید به HTML , CSS آشنایی نسبی داشته باشید. به همین منظور پیشنهاد میکنم هر چه سریعتر بر این زبانها مسلط شوید.
توضیحات دقیق در مورد ماژولها در قسمتهای بعدی همین مقاله به تفصیل ذکر خواهد شد. ماژول ها چهارگوش های جادویی کوچکی هستند که محتویات متغیر(داینامیک) دارند. در قسمت مدیریت سایت به Modules-> Site Modules بروید. این قسمت حاوی ماژول های نصب شده در مامبو است که در موقع نصب اضافه شده اند.
همانطور که می بینید تمام منوها در اصل یک ماژول هستند. فرم ورودی کاربر یک ماژول است. آخرین اخبار ماژول دیگری است که لینکی به آخرین اخبار اضافه شده به گروه اخبار سایت (News Category) میباشد.
تقریبا هر آنچه با لینک ها و مطالب ورودی کاربران ارتباط دارد یک ماژول است و هزاران ماژول وجود دارد که میتوان آنها را دانلود و نصب کرد.
با این وصف شما اصلا به همان چند ماژول اولیه که در موقع نصب می بینید محدود نیستید (توضیحات مفصل در پی خواهد آمد).
وقتی به جدول ماژول ها در مدیریت سایت خود نگاه می کنید ستونی به نام موقعیت ماژول ها را می بینید که موقعیت مکانی ماژول را در صفحه مشخص میکند. اگر روی یکی از این ماژول ها کلیک کنید یک منوی کرکره ای خواهید دید که بوسیله آن میتوانید محل ماژول را تغییر دهید.
البته همه محلهای ذکر شده در این منو ممکن است در قالب شما وجود نداشته باشند.برای دیدن مکانهای موجود در قالب فعلی در قسمت مدیریت به Site>Preview>Inline with position نگاه کنید. حالا جای یک ماژول را عوض کنید و نتیجه را در سایت خود بصورت زنده ببینید. جالب بود نه؟!
ماژولها را میتوان فعال و غیر فعال کرد. در بعضی صفحات یا همه آنها یا هیچکدام position ها جای ماژول را مشخص میکنند و کاری به نمایش یا عدم نمایش آن ندارد.
صفحات مورد نظر برای نمایش ماژول را میتوانید با کمک کلید کنترل و کلیک ماوس بصورت گروهی منظم یا نامنظم انتخاب کنید و آنها به یک یا چند یا همه منوها متصل کنید .
برای شنیدن یک چیز عجیب حاضر باشید: page بی 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" را بله بگذارید.جالب بود نه!?
اول تصاویر مورد نظر را در منوی Site > Media Manager به قسمت تصاویر آپلود کنید.برای انتخاب فایل تصویر از هارد خود ، کلید Browse را بزنید و بعد ، از منوبار بالا Upload را انتخاب کنید. برای ایجاد شاخه و دسته بندی تصاویر از Create استفاده کنید.
وقتی تصاویر آپلود شدند میتوانید آنها را در موضوعات درج کنید.
سعی نکنید تصویر را در متن Drag & Drop کنید. با اینکه ظاهرا اتفاقی میافتد ولی نتایج خوبی در بر ندارد.چون فقط تصویر کوچکی از اصل تصویر را به متن اضافه میکند.
یک کلید جادویی وجود داد که این کار را برای شما میکند.دو گل کوچک در ادیتور می بینید که یکی حرف دارد و دیگری . با کلیکمتن روبرو به متن اصلی اضافه میشود: {} .به محض انجام این کار قسمت images در تنظیمات سمت راست صفحه بدرد بخور میشود.حالا به آنجا بروید و تصویر مورد نظرتان را در لیست انتخاب کنید.و با فشار کلید Add نام تصویر را در پایین Content Images خواهید دید.
با هر بار فشار یک عبارت {} در صفحه ادیتور اضافه میشود.شما تصویری نمی بینید.یا حتی نام تصویری را نشان نمیدهند.اگر بیش از یک تصویر داشته باشید آنها به ترتیب لیست شده در نمایش داده میشوند.
mos_image یک مامبوت است که در متن تصویر قرار میدهد. در ادامه در مورد مامبوت ها صحبت خواهیم کرد.
مامبوتها دیگری به این منظور موجود هستند.
حالا که یک موضوع با تصویر ایجاد کردید به سراغ اتصالات (links) میرویم.