جوملا یکی از قابل تنظیم ترین و کاربرپسندترین CMS موجود در آن است. با استفاده از قابلیت های این سیستم مدیریت سایت ، نه تنها می توانید سایت را با قابلیت های مختلف پر کنید ، بلکه بر اساس الگوهای نصب شده ظاهر آن را نیز تغییر دهید.
دستورالعمل ها
مرحله 1
صفحه اصلی سایت خود را باز کنید. در منوی مرورگری که استفاده می کنید ، عملکرد مشاهده کد منبع صفحه را انتخاب کنید. در Google Chrome ، این ابزار در بخش "Tools" - "View Source" ، در Firefox - "Web Development" - "Source" قرار دارد. اگر از Opera استفاده می کنید ، برای مشاهده کد HTML گزینه View - Development Tools - Source Code را انتخاب کنید.
گام 2
دسته را پیدا کنید و همه div ها و نام آنها را ببینید. فایل template.css الگوی خود را با هر ویرایشگر متن باز کنید و یک بلوک پیدا کنید که به وضوح عرض را تنظیم کند. به عنوان مثال ، اگر بعد از آن است ، در پرونده الگو به دنبال بلوک نام باشید. برای ساده کردن جستجو ، می توانید از عملکرد "ویرایش" - "یافتن" پنجره ویرایشگر استفاده کنید. تمام بخشهای ذکر شده در کد منبع صفحه را مرور کنید.
مرحله 3
در پارامتر width ، مقدار مورد نظر را بر حسب درصد یا پیکسل وارد کنید. بقیه بلوک هایی که عرض یکسانی دارند را مرور کرده و به همان روش تغییر دهید. به عنوان مثال ، اگر 200 پیکسل به عرض لایه اصلی اضافه کرده باشید ، باید همان 200 پیکسل را به بلوک های دیگر اضافه کنید.
مرحله 4
پس از انجام تغییرات ، پرونده را ذخیره کرده و نتیجه را مشاهده کنید ، در صورت لزوم مجدداً template.css را ویرایش کنید. اگر از تصاویر به عنوان پس زمینه بلوک ها در الگو استفاده می کنید ، به احتمال زیاد مجبورید اندازه آنها را تغییر دهید. همچنین ، برای هر div ، می توانید رنگ پس زمینه خود را تنظیم کنید ، که می تواند جایگزین تصویر تک رنگ شود. اگر در طراحی سایت آرم وجود دارد ، می توانید آن را با استفاده از هر ویرایشگر گرافیکی گسترش دهید. همچنین می توانید از تصاویر خود در قالب ها استفاده کنید.
