آموزش سفارش سازی و اختصاصی کردن لوگو در جوملا

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

 شخصی سازی لوگو

در زیر مراحل ساده ای برای مدیریت قالب ها در جوملا استفاده شده است -

• پس از ورود به مدیریت سایت جوملا خود، به آدرس افزونه ها > قالب ها بروید.
• بعد از کلیک بر روی قالب ها، صفحه مدیریت قالب ها (استایل ها ) را مانند صفحه زیر مشاهده خواهید کرد.

• بر روی قالب Beez3 - Default کلیک کنید ، صفحه ای مانند تصویر زیر نمایش داده می شود. شما می توانید لوگو مربوط به وب سایت خود را در این صفحه تنظیم کنید.

• برای تغییر لوگو شما باید به تب دوم این صفحه یعنی تب "پیشرفته" مراجعه کنید. در زیر فیلدهای موجود در صفحه لوگو سفارشی جوملا را توضیح داده ایم:

  

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

نوار ابزار صفحه قالب ها : ویرایش استایل

در زیر ما جزئیات عملکردهای دکمه های نوار ابزار موجود را ذکر کردیم:

• ذخیره : تغییرات ایجاد کرده را ذخیره می کند و در همان صفحه قرار می گیرد.
• ذخیره و بستن : پس از ذخیره تغییرات ایجاد شده صفحه جاری را می بندد.
• ذخیره به صورت رونوشت : می توانید از این قالب یک کپی را با استفاده از این گزینه تهیه کنید که نام آن قالب همان نام قالب فعلی با پسوند 2 می باشد مثلا : Beez3 - Default (2)
• انصراف : بدون ذخیره یا تغییر در تنظیمات مورد نظر آن را می بندد.

 توجه :

قالب Beez3 یک قالب همه کاره و آسان برای شخصی سازی است که برای انواع مختلف سایت کار می کند. این قالب استانداردهای مهم دستیابی را برآورده می کند و طیف وسیعی از تکنیک های CSS و javascript را نشان می دهد.