Szablon jest najważniejszym elementem strony dla Twojego gościa. Jest Twoją wizytówką, dlatego należy wykonać go szczególnie starannie.
W tym poradniku znajdziesz kilka uwag jak w systemie amp.cms zainstalować wymarzony szablon.
Szablon musi mieć formę plików HTML, wraz z obrazkami, stylami i javascriptami. Jeżeli nie potrafisz wykonać szablonu samemu, na rynku jest mnóstwo gotowych rozwiązań, które możesz wykorzystać.
Aby szablon zadziałał na Twojej stronie, wykonaj kilka czynności:
-
Stwórz szablon w panelu administracyjnym
Dokładny opis tego procesu znajdziesz w tej częśći instrukcji. Czynność dodawania szablonu możesz wykonać zarówno w panelu administracyjnym, jak i wstawiając odpowiednie pliki i katalogi przez FTP.
-
Przygotuj plik główny szablonu
Plik musi nazywać się index.html. Jeżeli Twój szablon ma kilka plików html, jeden z nich musi być uruchamiany jako standardowy. W tym pliku wstaw znaczniki w miejscach, w których CMS ma wstawić treść. Szczegóły dotyczące znaczników znajdziesz w instrukcji obsługi.
-
Usuń zbędny kod
W gotowych szablonach bardzo często załączone są skrypty języka JavaScript. System amp.cms ma kilka mechanizmów, takich, jak ruchomy banner czy mapy google, które wymagają wstawienia podobnych skryptów do szablonu. W przypadku użycia tych modułów, silnik CMS sam wstawi do szablonu niezbędne skrypty. Aby jednak kod zadziałał prawidłowo, w szablonie nie może być żadnego podobnego kodu dodanego na sztywno. Usuń więc wszystkie linie dodające JQuery oraz dodatki do niego.
-
Przygotuj pozostałe pliki szablonu
System amp.cms od wersji 9 ma możliwość wykorzystania w szablonie również innych plików html, niż główny index.html. Wszystkie pozostałe pliki należy przygotować tak samo, jak główny. Aby użyć na danej podstronie pliku innego, niż index.html, należy podczas edycji strony wypełnić pole oznaczone jako "plik szablonu".
-
Zadbaj o prawidłowe linki
Wszystkie elementy statyczne szablonu - obrazki, tła, style, skrypty itp. muszą mieć prawidłowe linki, aby mogły zadziałać. System amp.cms udostępnia Ci specjalny znacznik: #PATH#, który zostanie zamieniony na link do katalogu z szablonem. Znacznik zadziała jednak tylko w plikach html. Elementy graficzne dodawane za pośrednictwem stylu CSS, mogą mieć ścieżkę względną liczoną względem pliku CSS, który ją wywołuje. Jeśli więc chcesz dodać obrazek w pliku CSS, a ten obrazek znajduje się w tym samym katalogu, co plik CSS, wystarczy wpisać tylko nazwę pliku z grafiką, bez żadnej ścieżki dostępu.
|