Jak dodać własne style CSS to szablonu dla Joomla opartego na Frameworku EF4?

Dostosowywanie szablonów dla Joomla opartych na Frameworku EF4 jest bardzo łatwe.  Możesz dodać własne style do plików szablonu bez najmniejszych problemów. Najważniejszą różnicą która może wystąpić w przeciwieństwie do innych szablonów, że używamy LESS zamiast CSS.

Jak zmodyfikować pliki LESS i CSS w szablonie dla Joomla 3.x?

Co to oznacza?

Nie należy modyfikować żadnych plików CSS, ponieważ wszystkie style CSS w szablonie są generowane z plików LESS.

Pytasz: Ale gdzie mogę dodać moje style?

Moja odpowiedź: W pliku LESS. W tej konkretnej nazwie pliku: custom.less znajdującym się w katalogu 'joomla/templates/jm-template/less'

A teraz należy zadać kolejne pytanie: Ale nie mogę odnaleźć pliku "custom.less

Moja odpowiedź: Tak, to prawda. Należy utworzyć ten plik ręcznie.  Wystarczy dodać zwykły plik tekstowy o nazwie "custom.less" w katalogu "less"

Nie ma potrzeby modyfikowania innych części szablonu. EF4 Framework automatycznie skompiluje i przypisze ten plik do sekcji HEAD danej strony.

Proste? :)

Niektórzy będą nadal pytać: Dlaczego muszę dodać moje style w pliku "custom.less", nie w jakimkolwiek innym?

Moja odpowiedź: Należy dodać style w pliku "custom.less", aby uniknąć problemów podczas procesu aktualizacji szablonu.
W ten sposób będzie można nadpisać wszystkie style bez ryzyka usunięcia poprzedniej modyfikacji stylów szablonu.

Krótka instrukcja:

1. Stwórz plik tekstowy w "joomla / templates / less/ custom.less"
2. Dodaj swoje style w "joomla / templates / less / custom.less"
3. Odśwież stronę (i wyczyść cache).

To wszystko! :)