آموزش کار با مگا منو در جوملا
آموزش کار با مگا منو در جوملا
در این قسمت از آموزش جوملا 3، قصد داریم تا شما را با نحوه ی کار با مگا منو (Mega Menu) آشنا کنیم.
زمان نصب قالب Shaper Helix، بصورت خودکار یک مگا منوی حرفه ای همراه آن نصب شده است. در واقع در مگا منو قابلیت نمایش چند سطر و ستون را به هنگام نمایش منو ها و زیرمنوها در اختیار داریم و همچین در مگا منو می توانید یک ماژول دلخواه مانند ماژول ورود را فراخوانی نمایید.
سرفصل های فیلم آموزش کار با مگا منو در جوملا
| 1 |
|
مدرس 
مهندس امیر پهلوان صادق
با مدرک مهندسی نرم افزار، بنیانگذار اصلی سایت بیاموز است. زمینه های پژوهشی و کاری تخصصی ایشان، در حوزه های مختلف برنامه نویسی وب و سیستم های چرخش فرم (Workflow) و SAP ERP است. تا کنون، بیش از 3000 مطلب آموزشی توسط ایشان در بیاموز ارائه شده است.
beyamooz
مدرس: مهندس امیر پهلوان صادق
حجم فایل: 129 مگابایت
مدت زمان: 01:19:00
نوع آموزش: تصویری و کاملاً فارسی
1- مدیریت مجموعه در جوملا 2- ایجاد مطلب جدید در جوملا 3- مطالب زماندار 4- درج تصاویر در مطلب 5- درج لینک در مطالب 6- تغیر ترتیب مطالب 7- کپی و انتقال مطالب در مجموعه ها و ...
هزینه آموزش: 15,000 تومان
beyamooz
مدرس: مهندس امیر پهلوان صادق
حجم فایل: 84 مگابایت
مدت زمان: 00:46:00
نوع آموزش: تصویری و کاملاً فارسی
1- قالب در جوملا چیست؟ 2- موقعیت یا Position در قالب چیست؟ 3- قالب سمت سایت و قالب سمت کاربر 4- بررسی قالب shaper_helix_ii 6- تغییر CSSهای قالب 7- تنظیم یک منوی دلخواه برای قالب و ...
هزینه آموزش: 15,000 تومان
beyamooz
مدرس: مهندس امیر پهلوان صادق
حجم فایل: 158 مگابایت
مدت زمان: 01:30:00
نوع آموزش: تصویری و کاملاً فارسی
1- یجاد انواع منو 2- ارتباط منوها با ماژوها 3- جابجایی زیر منوها در لیست های منو 4- آموزش ساخت منوی تماس ها 5- آموزش ساخت منوی مطالب 6- آموزش ساخت منوی مدیریت کاربران 7- آموزش ساخت منوی وب لینک ها و ...
هزینه آموزش: 15,000 تومان
beyamooz
مدرس: مهندس امیر پهلوان صادق
حجم فایل: 79 مگابایت
مدت زمان: 00:43:00
نوع آموزش: تصویری و کاملاً فارسی
1- نمایش فرم عضویت در جوملا 2- نمایش فرم ورود به جوملا 3- ارسال لینک فعال سازی برای کاربر 4- گروه پیش فرض اعضا سایت 5- محدودیت در تعیین کلمه عبور 6- تنظیم زبان و نوع ویرایشگر اعضاء 7- گروه های کاربری و سطح دسترسی و ...
هزینه آموزش: 15,000 تومان
من توی آموزش سوم یا همون رفع مشکل راست به چپ مگا منو به مشکل برخوردم
من یه فایل با عنوان custom.css از طریق مسیر افزونه ها و قالب ، اضافه کردم و اون کدی که گفته بودین رو وارد کردم ولی مگا منو من هنوز گزینه هاش طرف راست باز میشه !
1- در Root اصلی جوملا، یکبار پوشه Cache را خالی کنید و سپس امتحان کنید.
2- با استفاده از ابزار Inspect Element مطمئن شوید که فایل Custom.css به قالب اضافه شده است. برای این منظور روی مگا منو در سایت، راست کلیک کنید و گزینه Inspect Element را انتخاب نمایید و در پنل ظاهر شده در پایین صفحه، چک کنید که فایل مذکور اضافه شده باشد.
1- cache مرورگر را خالی کنید (در مرورگر FireFox از منوهای بالا History و سپس Clear Recent History را انتخاب کنید)
2- زمانی که آدرس سایت را در مرورگر وارد کردید، از کلیدهای Ctrl+F5 استفاده کنید تا اطلاعات بجای Cache از سرور لود شود.
3- در Root اصلی جوملا، پوشه Cache را خالی کنید.
4- در Root اصلی جوملا، به پوشه templates و سپس Shaper_Helix_ii و سپس CSS بروید و مطمئن شوید که Custom.css در این آدرس قرار دارد.
5- نهایتاً بعد از مشاهده سایت در مرورگر، با استفاده از ابزار Inspect Element مطمئن شوید که فایل Custom.css اضافه شده است.
اولش اون قطعه کد css که برای مگا منو گفتین رو خودم نوشتم ولی مگا منو درست نشد ولی وقتی فایلی که داخل بسته آموزشی قرار داده بودین رو جایگزین فایل خودم کردم مشکل حل شد !
یه سوال : هروقت میخواستم خصوصیت جدید به وسیله css برای سایت تعریف کنم باید از طریق قسمت قالب اون فایل css رو اضافه کنم و دیگه هیچ کار اضافه ی دیگه نمیخواد انجام بدم مثلا کلاس بزارم برای تگ هام یا آی دی تعریف کنم ؟
1- اگر قصد تغییر ظاهر و استایل سایت تان را دارید، یک فایل CSS با نام دلخواه مثلاً custom.css به قالب اضافه کنید و کلاس های جدید را تحت آن به قالب اضافه کنید. توجه داشته باشید که اگر قالب را به روز رسانی کنید، تمام فایل های قالب، به غیر از Custom.css به روز خواهند شد. به این ترتیب علاوه بر اینکه تمام تغییرات در فایل Custom.css متمرکز خواهد شد، تغیرات شما بعد از به روز رسانی حفظ خواهد شد.
2- بعد از اینکه کلاس مورد نظر را به فایل Custom.css اضافه کردید، برای تکمیل کار باید کلاس تعریف شده را به ماژول مورد نظرتان در سایت نیز معرفی کنید. که این کار براحتی زمان تعریف و یا ویرایش ماژول از طریق فیلد "کلاس ماژول" قابل انجام است.
3- بعد از اینکه کلاس مورد نظرتان را برای ماژول تنظیم کردید، با استفاده از ابزار Inspect Element از صحت انجام کار مطمئن شوید. (معمولاً در ابتدای نام کلاس مورد نظر شما، جوملا کلمه "Module" را اضافه می کند که شما نیز در فایل Custom.css باید آنرا در نظر بگیرید)
من تو پوشه css فایل custom.css رو ندارم باید چیکار کنم؟