✅ Utwórz szablon dla Joomla

Spisie treści

Przed opracowaniem naszego szablonu musimy poznać kilka koncepcji struktury plików i katalogów Joomla. Niektóre główne katalogi, elementy i pliki to:
SzablonJest to grupa katalogów i plików, które określają strukturę i wygląd, jaki przyjmie serwis. Możemy mieć zainstalowanych kilka szablonów, aby wybrać, a tym samym zmienić projekt zgodnie z rozwojem, który prowadzimy.
Plik szablonu zazwyczaj łączy kod HTML i php, w którym zdefiniowane są bloki lub warstwy div sieci, w których zawartość sieci będzie wyświetlana zgodnie ze stroną lub sekcją.
Dodatkowo w szablonie HTML można zdefiniować inne bloki, aby wstawić wtyczki lub kod funkcjonalności, które musimy wykonać. Ogólnie rzecz biorąc, bloki, które definiujemy, to nagłówek strony internetowej, pasek nawigacyjny lub menu, boczne kolumny, jeśli były, obszar zawartości, jeśli potrzebujemy, możemy utworzyć wszystkie bloki, które chcemy, wszystko zależy od wymagania do opracowania. Te bloki lub obszary nazywane są pozycjami.
ModułModuł joomla to obiekt z kodem HTML, PHP, CSS lub JavaScript, który może być wyświetlany w określonych pozycjach lub wyznaczonych blokach w szablonie internetowym. Na przykład możemy umieścić dostęp użytkownika w nagłówku, selektorze języka, formularzu kontaktowym itp.
PodłączWtyczka Joomla to obiekt z kodem HTML, PHP, CSS lub JavaScript, który można osadzić w treści sieci. Różnica w stosunku do modułu polega na tym, gdzie wtyczka pojawia się na stronie. Wtyczka generalnie nie może wskazać, w której pozycji się znajduje, ponieważ są one wykonywane w celu wygenerowania zdarzenia, na przykład w celu sprawdzenia poprawności wiadomości e-mail,
SkładnikKomponent to zbiór modułów i wtyczek. Na przykład komponent może być wirtualnym sklepem, takim jak Virtuemart, wszystkie obiekty komponentu mają swoje własne ustawienia i mogą być wyświetlane na osobnej stronie.
Struktura szablonu Joomla
Szablon to zestaw plików, które definiują strukturę sieci oraz bloki lub pozycje, do których możemy przypisać różne elementy. Szablon dla Joomla składa się z następujących plików:
index.php: to główny plik opisujący strukturę i projekt strony internetowej
błąd.php: to plik, który będzie zawierał dyrektywy w przypadku błędu nieznalezienia strony, błędu 404.
Podgląd obrazów: są to te o nazwach template_preview.png.webp i template_thumbnail.png.webp, które pozwolą Ci zobaczyć podgląd szablonu w miniaturze od administratora.
Komponenty.php: Ten plik, jeśli potrzebujemy mieć wersję sieci do druku, konfigurujemy arkusze stylów, aby przedstawić artykuł do wydrukowania.
Obrazy: to katalog, w którym zapiszemy wszystkie obrazy projektu dla obrazów.
js: w tym katalogu umieścimy skrypty javascript lub Jquery lub cokolwiek, czego używamy.
język: w tym katalogu możemy znaleźć pliki potrzebne do tłumaczeń na różne języki.
Ważnym aspektem jest to, że ze względów bezpieczeństwa każdy katalog musi mieć pusty plik index.html, aby uniemożliwić odczyt z zewnątrz, tak aby każdy, kto chce uzyskać dostęp do katalogu, widział tylko pusty dokument.
Po zainstalowaniu Joomla dla naszego przykładu, nie będziemy teraz wskazywać, jak ją zainstalować, można ją po prostu pobrać ze strony http://www.joomlaspanish.org/

Po zainstalowaniu Joomla utworzymy w innym miejscu katalog inny niż katalog Joomla i nazwiemy go Próbny stworzyć nasz szablon. W tym katalogu najpierw utworzymy plik szablonSzczegóły.xml, czyli ten, który zawiera konfigurację szablonu, w środku piszemy następujący kod xml.

 Szablon Demo 1.0 26.02.2015 Sergio [email protected] Copyright (C) 2015 Demo Szablon demo dla Joomla 3.0 index.php obrazy css debug pozycja-0 pozycja-1 pozycja-2 pozycja-3 pozycja-4 pozycja-5 pozycja -6 pozycja-7 pozycja-8 pozycja-9 pozycja-10

Definiujemy nazwę szablonu nazywamy go Demonstracja szablonuGdy zainstalujemy szablon w Joomla, menedżer użyje tej nazwy do utworzenia katalogu i zapisania plików szablonów, będzie to również nazwa, która będzie widoczna w panelu administratora, autor, katalogi, które zawiera szablon oraz pozycji, które będą mieć, możemy zdefiniować kilka, nawet jeśli nie używamy ich wszystkich.
Następnie utworzymy plik index.php gdzie zdefiniujemy strukturę sieci i odpowiadające jej pozycje.

 
 .kontener {szerokość: 980px; margines lewy: auto; / * centrujemy sieć * / margin-right: auto; ramka: jednolita 1px czarna; } .container {margines: 20px 0px; /* do treści dodajemy margines 20px * / border: solid 1px green; } .treść {liczba: lewa; szerokość: 750px; obramowanie: stałe 1px czerwone; } .zimniejszy {zmiennoprzecinkowy: prawy; szerokość: 270px; } .colder, .pie, .head {border: 1px stałe niebieskie; }

Klasy css są łatwe do określenia, jakie mamy bloki i jakie pozycje. Na koniec tworzymy plik zip z katalogiem zawierającym szablon i instalujemy go od administratora joomla. Mamy dostęp do panelu administracyjnego Joomla.

Stamtąd przechodzimy do menu Rozszerzenia> Menedżer rozszerzeń i przystępujemy do instalacji szablonu, który mamy w formacie zip.
PamiętaćPamiętaj, że każdy szablon różni się w zależności od wersji Joomla, w tym przypadku jest kompatybilny z 2.5 do 3.x. Również aby zainstalować wszystkie katalogi muszą mieć uprawnienia do przesyłania plików.

POWIĘKSZAĆ

Kliknij obraz, aby go powiększyć

Zainstalowany szablon i pobierając domyślne informacje z Joomla w tym przypadku w wersji 2.5 w języku hiszpańskim, widzimy, jak moduł dostępu użytkownika został automatycznie umieszczony na pozycji 3, ponieważ jest to domyślnie oznaczone, podczas gdy treść internetowa jest umieszczona na pozycji 1, która to ten, który przypisaliśmy w treści internetowej. Od administratora możemy zmienić położenie różnych elementów, którymi zarządzamy.
Po zainstalowaniu szablonu, jeśli chcemy go zaktualizować lub zmodyfikować, możemy działać na kodzie szablonu zainstalowanego w joomla w katalogu templetes lub pracować poza Joomla w innym katalogu, odtworzyć plik zip, a następnie usunąć szablon z joomla i zainstaluj go ponownie.