قالب ها

قالب ها نحوه نمایش سایت جوملا را کنترل می کنند: چیدمان، رنگ ها، موقعیت ماژول ها و هر عنصر بصری دیگر توسط قالبی که به آن اختصاص داده شده تعریف می شود. جوملا با دو قالب عرضه می شود، Atum برای مدیریت و Cassiopeia برای بخش جلوی سایت، و هر دو قابل سفارشی سازی یا جایگزینی هستند.

این بخش مبانی نحوه عملکرد قالب ها، روش های سفارشی سازی Cassiopeia و ساخت امن بر پایه آن، جایگزینی برندینگ پیش فرض آن و برخی نکات کاربردی برای تغییر ظاهر سایت از صفحه ای به صفحه دیگر را پوشش می دهد.

شروع کار با قالب ها

اینکه قالب چیست و چگونه با استفاده از گزینه های داخلی آن شکل دادن به ظاهر Cassiopeia را آغاز کنید.

مبانی قالب – اینکه قالب جوملا چیست، دو قالبی که هر سایت با آنها شروع می شود (Atum برای مدیریت، Cassiopeia برای بخش جلوی سایت) و گزینه های سفارشی سازی که در جاهای دیگر این بخش پوشش داده شده اند.
سفارشی سازی Cassiopeia – استفاده از گزینه های استایل داخلی Cassiopeia و یک فایل CSS سفارشی برای تغییر برندینگ، رنگ ها و چیدمان بدون ویرایش مستقیم کد قالب.

سفارشی سازی قالب ها

روش هایی برای تغییر خروجی و ساختار قالب فراتر از گزینه های داخلی آن، از لغو نحوه نمایش یک افزونه گرفته تا ساخت قالبی که در برابر بروزرسانی ها دوام می آورد.

لغو قالب – کپی کردن و ویرایش فایل های خروجی یک افزونه برای تغییر نشانه گذاری آن، با استفاده از لغو ماژول ورود به عنوان مثالی کاربردی.
چیدمان های قالب – ایجاد چیدمان های جایگزین برای ماژول ها، کامپوننت ها، مجموعه ها و آیتم های منو تا نمونه های مختلف بتوانند ظاهر متفاوتی داشته باشند.
قالب های فرزند – ساخت قالبی که از Cassiopeia ارث بری می کند و فقط فایل هایی را که تغییر می دهید لغو می کند، به طوری که بروزرسانی های قالب سفارشی سازی های شما را بازنویسی نکنند.
فایل templateDetails.xml در Cassiopeia – فایل XML که ابرداده قالب، موقعیت های ماژول، پشتیبانی از زبان و گزینه های قابل تنظیم را تعریف می کند.

برندینگ و آیکون ها

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

فاوآیکون ها – ایجاد و نصب آیکون کوچکی که در تب های مرورگر نمایش داده می شود، در فرمت های SVG و ICO که جوملا انتظار دارد.
لوگوهای SVG قالب – طراحی یک لوگوی برداری سفارشی در Inkscape و پیکربندی جوملا برای استفاده از فایل SVG به عنوان گرافیک برند سایت.
آیکون های استاندارد – استفاده از مجموعه آیکون Font Awesome که در Cassiopeia و Atum تعبیه شده و یافتن نام یک آیکون از کتابخانه کامل.

نکات مربوط به قالب

تکنیک های کاربردی برای تغییر ظاهر سایت از صفحه ای به صفحه دیگر به جای کل سایت.

تعویض قالب ها – تنظیم استایل قالب پیش فرض سایت و اختصاص یک استایل متفاوت به صفحات خاص از طریق آیتم های منو.
صفحه اصلی در استایل متفاوت – دادن ظاهری مخصوص به صفحه اصلی با استفاده از تخصیص ماژول ها، استایل های سفارشی، لغوها یا یک قالب فرزند.
استایل های ماژول و منو – افزودن کلاس های CSS سفارشی به ماژول ها یا آیتم های منوی جداگانه و استایل دهی به آنها در فایل user.css.