در این جلسه، ما در مورد نحوه سفارش سازی و اختصاصی کردن لوگو در جوملا بررسی خواهیم کرد. می توانید بنا به نیاز خود آرم را برای وب سایت جوملایی خود اضافه کنید و آن را تنظیم کنید.
شخصی سازی لوگو
در زیر مراحل ساده ای برای مدیریت قالب ها در جوملا استفاده شده است -
- پس از ورود به مدیریت سایت جوملا خود، به آدرس افزونه ها > قالب ها بروید.
- بعد از کلیک بر روی قالب ها، صفحه مدیریت قالب ها (استایل ها ) را مانند صفحه زیر مشاهده خواهید کرد.
- بر روی قالب Beez3 - Default کلیک کنید ، صفحه ای مانند تصویر زیر نمایش داده می شود. شما می توانید لوگو مربوط به وب سایت خود را در این صفحه تنظیم کنید.
-
برای تغییر لوگو شما باید به تب دوم این صفحه یعنی تب "پیشرفته" مراجعه کنید. در زیر فیلدهای موجود در صفحه لوگو سفارشی جوملا را توضیح داده ایم:
- پوشش دهنده کوچک : عرض و اندازه پوشش دهنده با ستون های اضافی باز شده در درصد.
- پوشش دهنده کوچک : عرض و اندازه پوشش دهنده با ستون های اضافی بسته به درصد.
- لوگو: انتخاب یا ارسال یک تصویر. اگر نمی خواهید که لوگو نمایش داده شود، پاک کردن را انتخاب کنید و این فیلد را خالی بگذارید.
- عنوان سایت : در صورتی عنوان سایت نمایش داده می شود که شما از لوگو استفاده نکرده باشید.
- توضیحات سایت : توضیحات مرتبط با سایتتان را در اینجا وارد کنید.
- موقعیت ناوبر : می توانید تعیین کنید قبل یا بعد از محتوا ناوبر قرار بگیرد.
- کامپوننت های نیازمند به بوتسترپ : یک لیست جدا شده با کاما(،) از هر کامپوننتی که نیاز به بوتسترپ دارند ایجاد کنید، به عنوان مثال com_name, com_anothername.
- رنگ قالب : می توانید رنگ قالب را با توجه به گزینه های کشویی آن سفارش سازی کنید.
- ما در اینجا به فیلد لوگو احتیاج داریم که می توانیم از این طریق لوگو سایت را تغییر دهیم . بارگذاری لوگو برای سایت در این فیلد انجام می شود. برای انتخاب تصویر روی دکمه "انتخاب: کلیک کنید. با کلیک بر روی دکمه انتخاب ، پنجره پاپ آپ زیر را دریافت خواهید کرد. از پوشه زیر تصویر را انتخاب کرده و بر روی "درج" کلیک کنید.
نوار ابزار صفحه قالب ها : ویرایش استایل
در زیر ما جزئیات عملکردهای دکمه های نوار ابزار موجود را ذکر کردیم:
- ذخیره : تغییرات ایجاد کرده را ذخیره می کند و در همان صفحه قرار می گیرد.
- ذخیره و بستن : پس از ذخیره تغییرات ایجاد شده صفحه جاری را می بندد.
- ذخیره به صورت رونوشت : می توانید از این قالب یک کپی را با استفاده از این گزینه تهیه کنید که نام آن قالب همان نام قالب فعلی با پسوند 2 می باشد مثلا : Beez3 - Default (2)
- انصراف : بدون ذخیره یا تغییر در تنظیمات مورد نظر آن را می بندد.
توجه :
قالب Beez3 یک قالب همه کاره و آسان برای شخصی سازی است که برای انواع مختلف سایت کار می کند. این قالب استانداردهای مهم دستیابی را برآورده می کند و طیف وسیعی از تکنیک های CSS و javascript را نشان می دهد.
