Jak Zmienić Szerokość Szablonu Joomla?

Spisu treści:

Jak Zmienić Szerokość Szablonu Joomla?
Jak Zmienić Szerokość Szablonu Joomla?

Wideo: Jak Zmienić Szerokość Szablonu Joomla?

Wideo: Jak Zmienić Szerokość Szablonu Joomla?
Wideo: Joomla 3.x. How To Change Modules, Menu, Logo Width 2024, Może
Anonim

Joomla jest jednym z najbardziej konfigurowalnych i przyjaznych dla użytkownika systemów CMS. Korzystając z możliwości tego systemu zarządzania witryną, możesz nie tylko wypełnić witrynę różnymi funkcjami, ale także zmienić jej wygląd na podstawie zainstalowanych szablonów.

Jak zmienić szerokość szablonu joomla?
Jak zmienić szerokość szablonu joomla?

Instrukcje

Krok 1

Otwórz stronę główną swojej witryny. W menu przeglądarki, z której korzystasz, wybierz funkcję przeglądania kodu źródłowego strony. W przeglądarce Google Chrome to narzędzie znajduje się w sekcji „Narzędzia” – „Wyświetl źródło”, w przeglądarce Firefox – „Tworzenie stron internetowych” – „Źródło”. Jeśli używasz Opery, wybierz Widok - Narzędzia programistyczne - Kod źródłowy, aby wyświetlić kod HTML.

Krok 2

Znajdź uchwyt i zobacz wszystkie divy i ich nazwy. Otwórz plik template.css swojego szablonu za pomocą dowolnego edytora tekstu i znajdź blok, który jawnie ustawia szerokość. Na przykład, jeśli jest po, w pliku szablonu poszukaj bloku nazw. Aby uprościć wyszukiwanie, możesz użyć funkcji „Edytuj” - „Znajdź” w oknie edytora. Przejrzyj wszystkie div wymienione w kodzie źródłowym strony.

Krok 3

W parametrze szerokość wprowadź żądaną wartość w procentach lub pikselach. Przejrzyj pozostałe bloki o tych samych szerokościach i zmień je w ten sam sposób. Na przykład, jeśli dodałeś 200 pikseli do szerokości w warstwie głównej, musisz dodać te same 200 pikseli do innych bloków.

Krok 4

Po zakończeniu zmian zapisz plik i zobacz wynik, w razie potrzeby ponownie edytuj plik template.css. Jeśli użyjesz obrazów jako tła bloków w szablonie, najprawdopodobniej będziesz musiał zmienić ich rozmiar. Ponadto dla każdego elementu div można ustawić własny kolor tła, który może zastąpić obraz monochromatyczny. Jeśli w projekcie strony znajduje się logo, możesz je rozciągnąć za pomocą dowolnego edytora graficznego. Możesz także użyć własnych obrazów w szablonach.

Zalecana: