نحوه استفاده از loadposition و loadmodule در جوملا
در جوملا دو ویژگی وجود دارد که به شما اجازه می دهد به راحتی ماژول ها را در داخل مطالب قرار دهید:
- loadposition اجازه می دهد تا شما تمام ماژول ها را در یک موقعیت خاص منتشر کنید.
- loadmodule اجازه می دهد تا شما فقط یک ماژول خاص را منتشر کنید.
یکی از کاربران ما از این ویژگی ها برای ایجاد یک طرح در سایت خود استفاده کرد اما از نوع قرار گیری آن مطلب در سایت خود راضی نبود. او خواستار کنترل بیشتری بر روی مطلبش بود. این آموزش به شما نحوه قرار دادن ماژول ها در داخل مقاله خود را با شیوه ها واستایل های بیشتری نشان می دهد.
مرحله اول . اطمینان حاصل کنید که پلاگین زیر فعال است
به قسمت مدیریت administrator سایت خود وارد شوید و در آنجا مراحل زیر را طی کنید:
- به Extensions> Plugins یا افزونه ها > پلاگین ها بروید.
- برای پیدا کردن افزونه "Content-Load Modules" از فیلتر استفاده کنید
- در اینجا بررسی کنید که ستون «وضعیت» آن به رنگ سبز نشان داده می شود. اگر به صورت یک دایره قرمز است، روی آن کلیک کنید و آن را سبز کنید.
مرحله دوم. از دکمه ماژول استفاده کنید
دکمه ماژول، ساده ترین راه برای قرار دادن یک ماژول در یک مطلب جوملا است.
شما می توانید به منظور این کار از یک افزونه فرم ساز استفاده کنید.
- مهمترین نکته در اینجا است که گزینه "Static" را هنگامی که افزونه فرم ساز را ایجاد می کنید انتخاب کنید. این یک گزینه انتخابی به نام "Layout" یا «طرح بندی» در صفحه اول فرم ساز ها می باشد.به عکس زیر توجه کنید:
- هنگامی که یک فرم را در موقعیت استاتیک (Static) ذخیره می کنید، بر روی دکمه "Module" در ویرایشگر متن جوملا کلیک کنید. در تصویر زیر گزینه ماژول مشخص شده است.
- روی دکمه سبز ماژول ایجاد شده در قسمتی که در تصویر نشان داده شده است کلیک کنید:
- ماژول در حال حاضر با استفاده از کد کوتاه"loadmodule" در مقاله قرار داده شده است. به محتوایی که در عکس نشان داده شده است توجه کنید.
- مطلب خود را ذخیره کنید و از سایت خود بازدید کنید. شما مشاهده خواهید کرد که فرم جدیدی که چند ثانیه پیش آن را ایجاد کرده اید در سایت تان قرار دارد.
مرحله 3. loadmodule و loadposition را تایپ کنید.
امکان ایجاد این کد کوتاه به صورت دستی وجود دارد. این می تواند کنترل بیشتر بر سینتکس را به شما بدهد. این کار به نوبه خود نیز مفید است اگر شما از ویرایشگر متن پیش فرض جوملا استفاده نمی کنید. به منزله این کار مراحل زیر را طی کنید.
- یک مطلب جدید ایجاد کنید.
- با تایپ کردن ماژول ورودی را بارگیری کنید. شما می توانید از روش سینتکس برای بارگذاری هر ماژول بر اساس اسم استفاده کنید.
- با تایپ کردن ماژول " Who's online" را با موقعیت خود بارگیری کنید.
هیچ موقعیت واقعی قالب به نام Whoonline وجود ندارد. بنابراین برای اینکار شما می توانید نام موقعیت ماژول خود را تشکیل دهید و از آن برای این تکنیک استفاده کنید. ما به شما نشان می دهیم که چگونه می توانیم آن را ایجاد کنیم. در حال حاضر، در مرحله اول شما یک مطلب ایجاد کنید.
من فرض می کنم یک متنی را در نظر دارم. این یک درایو عضویت است، ما می خواهیم شما بتوانید ثبت نام کنید. در صورتی که کسی در حال حاضر آنلاین می باشد، می خواهیم نام خود را کلیک کرده و از آن طریق در تماس باشید. اگر این کار صورت گرفت و شدنی بود، من می خواهم از موارد قدرتمندتری مانند یک فرم تماس با مخاطب یا لیست مخاطبین استفاده کنم. برای نشان دادن این مقوله ما فقط به برخی از ماژول که تقریبا همه به آن دسترسی دارند نیاز داریم تا بتوانیم این کار را انجام دهیم.
تصویر بالا نشان می دهد که صفحه چطور به نظر می رسد. ما در حال حاضر ماژولی برای نشان دادن در این صفحه نداریم. ابتدا باید یاد بگیریم که چگونه ماژول ها را در این موقعیت قرار دهیم. ما قبلا کد کوتاهی را نوشته بودیم، بنابراین ماژول ها را برای آن ایجاد می کنیم.
- به Extensions > Module Manager > New یا افزونه ها > ماژول > جدید بروید.
- ماژول "Who's Online Module" را انتخاب کنید.
- عنوان ماژول را بنویسید.
- در سمت راست صفحه، یک نام موقعیت ایجاد کنید. شما می توانید این کار را با تایپ کردن در کادر "Position" انجام دهید. در مثال زیر، تایپ کردن "whoonline" را تایپ می کنم. شما می توانید هر نامی که می خواهید تا زمانی که این کار منحصر به فرد و دلخواه است استفاده کنید.
- روی «افزودن موقعیت سفارشی» کلیک کنید.
- ماژول خود را ذخیره کنید.
- مطلب خود را مشاهده کنید ماژولی که اخیرا آن را ایجاد کردبم و منتشر شده در داخل مطلب نشان داده شده است. تا کنون ما یک ماژول با قابلیت نشان دادن نام کاربری و موقعیت بارگیری کرده ایم.
مرحله 4. ایجاد divs برای قرار دادن و یک ظاهر طراحی شده
هر دو ماژول ما در داخل متن هستند، اما هنوز ظاهر آن ها خیلی خوب نیستند. دو ماژول را کنار یکدیگر قرار می دهیم.
- متن خود را ویرایش کنید و ویرایشگر خود را بر روی نمایش کد تنظیم کنید. اگر در این مرحله مشکل دارید، لطفا با این آموزش ما همراه باشید.
- (tags) یکی از بهترین روش ها، استفاده از برچسب های div است. یک پوشه را ایجاد کنید و در دو تگ div دو تا استایل floot اضافه کنید. کد loadposition / loadmodule خود را داخل divs قرار دهید. اگر به شکل توجه کنید این مرحله را بهتر درک خواهید کرد.
- این چیزی است که مطلب مورد نظر در نمای ویرایشگر به نظر می رسد. در همان قسمتی که مطلب خود را ویرایش می کنید(قسمت editor).
- اکنون دوباره سایت خود را مشاهده کنید. چیزی که الان می بینید نسبت به متن اولیه خود بهتر و با جلوه تر به نظر می رسد.
اگر شما به استایل های css آگاهی دارید، می توانید از استایل های درون خطی استفاده کنید. کلاس ها (classes) را از شیوه ی stylesheet خود دریافت کنید و به آن شکل دلخواهی که میخواهید نمایش داده شود ایجاد کنید. شما می توانید موقعیت، رنگ، اضافه کردن متن و تصاویر اضافی و خیلی کارهای دیگر را تغییر دهید.
