TAHA
01-11-2010, 01:29 PM
جوملا مشکل بزرگ ساخت و پیاده سازی وب سایت های قوی را بسیار آسان می کند. یکی از دلایل اینکه بسیاری ازحرفه ها از آن استفاده می کنند و محبوبیت زیادی دارد همین نکات می باشند. اما اگر شما تا به حالا از یک سیستم مدیریت محتوا (CMS) استفاده نکرده اید ممکن است شاید در ابتدا فکر کنید خیلی کارهای ساده در این سیستم مشکل تر شده است.
فراگیری این سلسله موضوعات آموزشی برای افرادی که برای اولین بار تمایل دارند از یک سیستم مدیریت محتوا بطور جدی استفاده کنند کاملا ضروری است.
بسیاری از کاربرانی که برای اولین بار از جوملا استفاده کرده اند، پیش از آن وب سایتی برای خودشان داشته اند، که با استفاده از HTML و Css طراحی شده است. اما شما نیز می توانید ساختار وب سایت فعلی خود را داشته باشید و فقط آن را به جوملا 1.5 تبدیل کنید، ما در این بخش به شما چگونگی تبدیل سایت ایستاتیک به سایتهای مبتنی بر joomla را آموزش می‌دهیم.
قبل از انجام هر کاری آخرین نسخه جوملا 1.5.13 (http://www.tanzfarsi.ir/download.html)را دانلود کنید
مقدمات تبدیل محتوای ایستا (static content)
محتوای مستقل: محتوایی است که مکررا تغییر نمی کند و در وب سایت هایی که بر اساس HTML نوشته شده‌اند، هر منو یی که انتخاب می شود، به راحتی یک صفحه از محتوا را نمایش می‌دهد.
تبدیل محتوای صفحه:
مراحل مقدماتی این تبدیل به شرح زیر می‌باشد، سعی کنید شماره‌ها را به ترتیب دنبال کنید.
1- به قسمت مدیریت مطالب (Article Manager) در بخش مدیریت جوملا بروید و یک محتوا برای هر صفحه از محتوای مستقل اضافه کنید. هر مطلبی شامل محتواهای یکی از صفحات مستقل فعلی شما می‌باشد.
در مطالب خود، نام هایی توصیفی بدهید تا دوباره به راحتی بتوانید آنها را پیدا کنید. همان طور که در شکل زیر نمایش داده شده است، در قسمت صفحه نخست گزینه خیر را انتخاب کنید.
http://pnu-club.com/plugins/content/imagesresizecache/a27e34dc4c661fa0f6286f4956ab9fb5.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t1.jpg)
2- اگر تعداد صفحات شما کم است (مثلا 20 صفحه یا کمتر)، می‌توانید در فیلد بخش ، گزینه ایستا را انتخاب کنید. یعنی بدونه بخش و مجموعه
اگر تعداد صفحات مستقل بیشتر باشد، بایستی یک یا چند بخش که خود شامل یک یا چند مجموعه باشد ایجاد کنید و بعد هر مطلبی را به یک بخش و مجموعه اختصاص دهید. این کار، پیداکردن یک مطلب از گروهی خاص را برای شما راحت تر می‌کند.
نکته: وقتی مطالبتان را با استفاده از بخش ها و مجموعه ها فیلتر دار کرده و یا مرتب کنید کار شما باز هم راحت تر می شود.
3- برای انتقال مطالب کافیست هر مطلب را از سایت فعلی خود رونوشت (copy) کرده و در منطقه ویرایش کننده جوملا بچسبانید(paste)
نکته: بهتر است ابتدا صفحات را در محیط ویرایشگر متن (مثلا برنامه Notepad) بچسبانید(paste) و سپس از آنجا به جوملا رونوشت عمل(copy) و بچسبانید(paste) کنید.
4- حالا مطالب را در جوملا ایجاد کرده اید و بایستی آن ها را به منوها لینک دهید.
5- به قسمت مدیریت منو بروید. آیکون گزینه های منو را انتخاب کنید و برای بخش ایجاد مطالب از آن استفاده کنید.
6- ساختار منوی مورد نیاز خودتان را تعریف کنید. اگر چنانچه منوی فعلی شما منوی اصلی دارد، فقط از ماژول منو اصلی استفاده کنید. و در صورتیکه زیر منو دارید از منو اصلی به عنوان گزینه پدر استفاده کنید و هر زیر منوی موجود را به عنوان یک منوی جدید به گزینه پدر اضافه کنید.
7- همانطور که در شکل زیر می‌بینید، در گزینه منو باید از طریق طرح مطلب، به صفحه مورد نظر لینک داده شود.
http://pnu-club.com/plugins/content/imagesresizecache/64d6a0d965fd9e7ffb8111eec7f4fb6f.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t2.jpg)
نکته: حتی اگر هنگام نصب و پیکربندی جوملا گزینه اطلاعات پیش فرض را انتخاب نکرده باشید، بعد از نصب، یک منوی اصلی همراه با یک صفحه اصلی در صفحه اول به طور پیش فرض وجود خواهد داشت و حالا بسته به اینکه شما بخواهید که در سایت لینک به صفحه اصلی داشته باشید یا نه، می‌توانید این صفحه پیش فرض را تغییر دهید و گزینه‌های منوی جدید به آن افزوده و یا آن را به صورت یک طرح مطلب تغییر دهید.
8- عنوان گزینه منو را وارد کنید. این عنوان می‌تواند شبیه عنوان مطلب باشد. در این صورت راحت‌تر می‌توانید تشخیص دهید که چه مطلبی به کدام گزینه منو مربوط است.
9- در قسمت پارامترها، در بخش پارامتر پایه ای، گزینه انتخاب را کلیک کنید پس از کلیک کردن گزینه پنجر های برای شما باز می شود که شما مطلب مورد نظر را در آن انتخاب می کنید.
10- برای هر مطلبی که قبلا ایجاد کرده‌اید یک منو اضافه کنید. در صورت نیاز، یک یا چند زیر منو اضافه کنید.
11- در این مرحله، هر مطلبی باید به یک منو لینک داده شده باشد. بعد برای جوملا تعریف کنیم که هر منویی در چه صفحه‌ای و در کدام مسیر قرار بگیرد.
12- به مسیر روبرو بروید: امکانات/مدیریت ماژول، حتی اگر هنگام نصب جوملا، اطلاعات پیش فرض را انتخاب نکرده بودید، یک ماژول مخصوص منوی اصلی (Main Menu) خواهید داشت. کافی است برای ویرایش آن و نمایش ماژول، ماژول مربوطه را ویرایش کنید.
http://pnu-club.com/plugins/content/imagesresizecache/e2f7de8233e27c287397cc37eb9edc6f.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t3.jpg)
13- این موقعیت ها نشان دهنده ی این است که ماژول منو در چه صفحه ای به نمایش در می‌آید. به قالبی که استفاده می‌کنید بستگی دارد. موقعیت‌هایی چون: "بالا، چپ، کاربر3 و ...". برای این که موقعیت‌های قالب موجود را ببینیم یک راه وجود دارد و آن اینست که در انتهای نوار آدرس نشانی اینترنتی سایت خود (URL) این حروف را وارد کنیم: "?tp=1". اگر چنانچه در شبکه‌ی Localhost کار می‌کنید. در URL اینگونه وارد کنید:http://localhost/joomla15/?tp=1
و در نتیجه صفحه‌ای خواهید دید که موقعیت های قالبی که هم اکنون از آن استفاده می‌کنید را نمایش می‌دهد. مثل شکل زیر:
http://pnu-club.com/plugins/content/imagesresizecache/ebfded09637c133298df853ab91939d5.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t4.jpg)
14- در قسمت ترازبندی منو در مدیریت ماژول مورد نظر می‌توانید انتخاب کنید که کدام منو در کجا به نمایش در آید. اگر چنانچه زیر منو دارید، همه زیر منو ها در قسمت زیرین منو اصلی قرار دارند و می توانید آنها را مشاهده کنید.
http://pnu-club.com/plugins/content/imagesresizecache/70e78f8de38281ab61344c010c81318d.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t5.jpg)
15- در مرحله‌ی بعد، در قسمت عنوان منو، نام ماژول را از لیست موجود انتخاب کنید. این نام، همان نام منو در قسمت مدیریت منو می‌باشد.
16- در مرحله بعدی، سبک منو را انتخاب کنید. شیوه‌های موجود با یکدیگر متفاوتند و به قالبی که استفاده می‌کنید بستگی دارد. قالب پیش فرض 4 شیوه دارد. یعضی شیوه‌های منو گزینه‌های منو را در لیستی عمودی نمایش می‌دهند. (مناسب برای موقعیت چپ یا راست). بقیه هم در یک لیست افقی (مثلا مناسب برای موقعیت بالا یا کاربر 3 - user3)
17- اگر مایلید، از گوشه سمت راست بالای صفحه، پیش نمایش را انتخاب کنید تا تغییرات صفحه خانه را مشاهده کنید. در راستای منوی اصلی، مطلبی را که به عنوان اولین گزینه روبروی منوی اصلی انتخاب کرده بودید، باید دیده شود. مثل مثال زیر.
http://pnu-club.com/plugins/content/imagesresizecache/4613d1fee38ea04f9a7f694a915b2016.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t6.jpg)
18- در صورتیکه زیر منو دارید، این مراحل را برای هر زیر منو تکرار کنید. ازطریق پیش نمایش همه چیز را مرتب بررسی کنید.
19- به شما تبریک می گوییم. در این مرحله مطلب مستقل شما باید وجود داشته باشد. درست است؟! حال می توانید در مورد افزودن ماژول های جدید، صفحه اول و یا استفاده از دیگر کاربردهای جوملا فکر کنید.
تبدیل گرافیک ها
تبدیل گرافیک های موجود از یک وب سایت هم می‌تواند سخت باشد و هم راحت و به عوامل مختلفی بستگی دارد. از جمله:
1- اینکه چقدر طرح فعلی شما به یکی از قالب های (Templates) موجود جوملا نزدیک است؟
2- اینکه واقعا تا چه اندازه می‌خواهید که سایت جوملایی شما شبیه سایت فعلی‌تان باشد؟
اگر چنانچه در زمینه‌ی HTML و CSS اطلاعاتی دارید، با توجه به فایل template.css در پوشه‌ی Templates، می‌توانید بین این قالب موجود و قالب جوملا مطابقت ایجاد کنید.
از مسیر، امکانات /مدیریت قالب ها یک قالب ایجاد کنید. در جوملا 1.5، دو نوع قالب وجود دارد و البته قالب های دیگری رایگان و یا با هزینه (تجاری) موجودند.
فراگیری این سلسله موضوعات آموزشی برای افرادی که برای اولین بار تمایل دارند از یک سیستم مدیریت محتوا بطور جدی استفاده کنند کاملا ضروری است.
بسیاری از کاربرانی که برای اولین بار از جوملا استفاده کرده اند، پیش از آن وب سایتی برای خودشان داشته اند، که با استفاده از HTML و Css طراحی شده است. اما شما نیز می توانید ساختار وب سایت فعلی خود را داشته باشید و فقط آن را به جوملا 1.5 تبدیل کنید، ما در این بخش به شما چگونگی تبدیل سایت ایستاتیک به سایتهای مبتنی بر joomla را آموزش می‌دهیم.
قبل از انجام هر کاری آخرین نسخه جوملا 1.5.13 (http://www.tanzfarsi.ir/download.html)را دانلود کنید
مقدمات تبدیل محتوای ایستا (static content)
محتوای مستقل: محتوایی است که مکررا تغییر نمی کند و در وب سایت هایی که بر اساس HTML نوشته شده‌اند، هر منو یی که انتخاب می شود، به راحتی یک صفحه از محتوا را نمایش می‌دهد.
تبدیل محتوای صفحه:
مراحل مقدماتی این تبدیل به شرح زیر می‌باشد، سعی کنید شماره‌ها را به ترتیب دنبال کنید.
1- به قسمت مدیریت مطالب (Article Manager) در بخش مدیریت جوملا بروید و یک محتوا برای هر صفحه از محتوای مستقل اضافه کنید. هر مطلبی شامل محتواهای یکی از صفحات مستقل فعلی شما می‌باشد.
در مطالب خود، نام هایی توصیفی بدهید تا دوباره به راحتی بتوانید آنها را پیدا کنید. همان طور که در شکل زیر نمایش داده شده است، در قسمت صفحه نخست گزینه خیر را انتخاب کنید.
http://pnu-club.com/plugins/content/imagesresizecache/a27e34dc4c661fa0f6286f4956ab9fb5.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t1.jpg)
2- اگر تعداد صفحات شما کم است (مثلا 20 صفحه یا کمتر)، می‌توانید در فیلد بخش ، گزینه ایستا را انتخاب کنید. یعنی بدونه بخش و مجموعه
اگر تعداد صفحات مستقل بیشتر باشد، بایستی یک یا چند بخش که خود شامل یک یا چند مجموعه باشد ایجاد کنید و بعد هر مطلبی را به یک بخش و مجموعه اختصاص دهید. این کار، پیداکردن یک مطلب از گروهی خاص را برای شما راحت تر می‌کند.
نکته: وقتی مطالبتان را با استفاده از بخش ها و مجموعه ها فیلتر دار کرده و یا مرتب کنید کار شما باز هم راحت تر می شود.
3- برای انتقال مطالب کافیست هر مطلب را از سایت فعلی خود رونوشت (copy) کرده و در منطقه ویرایش کننده جوملا بچسبانید(paste)
نکته: بهتر است ابتدا صفحات را در محیط ویرایشگر متن (مثلا برنامه Notepad) بچسبانید(paste) و سپس از آنجا به جوملا رونوشت عمل(copy) و بچسبانید(paste) کنید.
4- حالا مطالب را در جوملا ایجاد کرده اید و بایستی آن ها را به منوها لینک دهید.
5- به قسمت مدیریت منو بروید. آیکون گزینه های منو را انتخاب کنید و برای بخش ایجاد مطالب از آن استفاده کنید.
6- ساختار منوی مورد نیاز خودتان را تعریف کنید. اگر چنانچه منوی فعلی شما منوی اصلی دارد، فقط از ماژول منو اصلی استفاده کنید. و در صورتیکه زیر منو دارید از منو اصلی به عنوان گزینه پدر استفاده کنید و هر زیر منوی موجود را به عنوان یک منوی جدید به گزینه پدر اضافه کنید.
7- همانطور که در شکل زیر می‌بینید، در گزینه منو باید از طریق طرح مطلب، به صفحه مورد نظر لینک داده شود.
http://pnu-club.com/plugins/content/imagesresizecache/64d6a0d965fd9e7ffb8111eec7f4fb6f.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t2.jpg)
نکته: حتی اگر هنگام نصب و پیکربندی جوملا گزینه اطلاعات پیش فرض را انتخاب نکرده باشید، بعد از نصب، یک منوی اصلی همراه با یک صفحه اصلی در صفحه اول به طور پیش فرض وجود خواهد داشت و حالا بسته به اینکه شما بخواهید که در سایت لینک به صفحه اصلی داشته باشید یا نه، می‌توانید این صفحه پیش فرض را تغییر دهید و گزینه‌های منوی جدید به آن افزوده و یا آن را به صورت یک طرح مطلب تغییر دهید.
8- عنوان گزینه منو را وارد کنید. این عنوان می‌تواند شبیه عنوان مطلب باشد. در این صورت راحت‌تر می‌توانید تشخیص دهید که چه مطلبی به کدام گزینه منو مربوط است.
9- در قسمت پارامترها، در بخش پارامتر پایه ای، گزینه انتخاب را کلیک کنید پس از کلیک کردن گزینه پنجر های برای شما باز می شود که شما مطلب مورد نظر را در آن انتخاب می کنید.
10- برای هر مطلبی که قبلا ایجاد کرده‌اید یک منو اضافه کنید. در صورت نیاز، یک یا چند زیر منو اضافه کنید.
11- در این مرحله، هر مطلبی باید به یک منو لینک داده شده باشد. بعد برای جوملا تعریف کنیم که هر منویی در چه صفحه‌ای و در کدام مسیر قرار بگیرد.
12- به مسیر روبرو بروید: امکانات/مدیریت ماژول، حتی اگر هنگام نصب جوملا، اطلاعات پیش فرض را انتخاب نکرده بودید، یک ماژول مخصوص منوی اصلی (Main Menu) خواهید داشت. کافی است برای ویرایش آن و نمایش ماژول، ماژول مربوطه را ویرایش کنید.
http://pnu-club.com/plugins/content/imagesresizecache/e2f7de8233e27c287397cc37eb9edc6f.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t3.jpg)
13- این موقعیت ها نشان دهنده ی این است که ماژول منو در چه صفحه ای به نمایش در می‌آید. به قالبی که استفاده می‌کنید بستگی دارد. موقعیت‌هایی چون: "بالا، چپ، کاربر3 و ...". برای این که موقعیت‌های قالب موجود را ببینیم یک راه وجود دارد و آن اینست که در انتهای نوار آدرس نشانی اینترنتی سایت خود (URL) این حروف را وارد کنیم: "?tp=1". اگر چنانچه در شبکه‌ی Localhost کار می‌کنید. در URL اینگونه وارد کنید:http://localhost/joomla15/?tp=1
و در نتیجه صفحه‌ای خواهید دید که موقعیت های قالبی که هم اکنون از آن استفاده می‌کنید را نمایش می‌دهد. مثل شکل زیر:
http://pnu-club.com/plugins/content/imagesresizecache/ebfded09637c133298df853ab91939d5.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t4.jpg)
14- در قسمت ترازبندی منو در مدیریت ماژول مورد نظر می‌توانید انتخاب کنید که کدام منو در کجا به نمایش در آید. اگر چنانچه زیر منو دارید، همه زیر منو ها در قسمت زیرین منو اصلی قرار دارند و می توانید آنها را مشاهده کنید.
http://pnu-club.com/plugins/content/imagesresizecache/70e78f8de38281ab61344c010c81318d.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t5.jpg)
15- در مرحله‌ی بعد، در قسمت عنوان منو، نام ماژول را از لیست موجود انتخاب کنید. این نام، همان نام منو در قسمت مدیریت منو می‌باشد.
16- در مرحله بعدی، سبک منو را انتخاب کنید. شیوه‌های موجود با یکدیگر متفاوتند و به قالبی که استفاده می‌کنید بستگی دارد. قالب پیش فرض 4 شیوه دارد. یعضی شیوه‌های منو گزینه‌های منو را در لیستی عمودی نمایش می‌دهند. (مناسب برای موقعیت چپ یا راست). بقیه هم در یک لیست افقی (مثلا مناسب برای موقعیت بالا یا کاربر 3 - user3)
17- اگر مایلید، از گوشه سمت راست بالای صفحه، پیش نمایش را انتخاب کنید تا تغییرات صفحه خانه را مشاهده کنید. در راستای منوی اصلی، مطلبی را که به عنوان اولین گزینه روبروی منوی اصلی انتخاب کرده بودید، باید دیده شود. مثل مثال زیر.
http://pnu-club.com/plugins/content/imagesresizecache/4613d1fee38ea04f9a7f694a915b2016.jpeg (http://pnu-club.com/images/stories/docs/backend/convert_static_to_joomla_cms/t6.jpg)
18- در صورتیکه زیر منو دارید، این مراحل را برای هر زیر منو تکرار کنید. ازطریق پیش نمایش همه چیز را مرتب بررسی کنید.
19- به شما تبریک می گوییم. در این مرحله مطلب مستقل شما باید وجود داشته باشد. درست است؟! حال می توانید در مورد افزودن ماژول های جدید، صفحه اول و یا استفاده از دیگر کاربردهای جوملا فکر کنید.
تبدیل گرافیک ها
تبدیل گرافیک های موجود از یک وب سایت هم می‌تواند سخت باشد و هم راحت و به عوامل مختلفی بستگی دارد. از جمله:
1- اینکه چقدر طرح فعلی شما به یکی از قالب های (Templates) موجود جوملا نزدیک است؟
2- اینکه واقعا تا چه اندازه می‌خواهید که سایت جوملایی شما شبیه سایت فعلی‌تان باشد؟
اگر چنانچه در زمینه‌ی HTML و CSS اطلاعاتی دارید، با توجه به فایل template.css در پوشه‌ی Templates، می‌توانید بین این قالب موجود و قالب جوملا مطابقت ایجاد کنید.
از مسیر، امکانات /مدیریت قالب ها یک قالب ایجاد کنید. در جوملا 1.5، دو نوع قالب وجود دارد و البته قالب های دیگری رایگان و یا با هزینه (تجاری) موجودند.