3. PRZYDATNE NARZĘDZIA
• Edytor tekstu zintegrowany z powłoką systemową – np. Notepad++
• Klient FTP z dodatkowymi opcjami – np. Filezilla
• Parę przeglądarek internetowych – główna Mozilla
• Wtyczki do Mozilli
• Firebug
• Colorzilla
Dodatkowo
• Znajomość CSS, HTML
• Znajomość PHP
• Znajomość frameworka Joomla!
4.
5. BIAŁY EKRAN – NAJCZĘSTSZE PRZYCZYNY
• Błąd pliku .htaccess
• Błąd plików core
• Nieodświeżona pamięć cache
• Błędne ścieżki do katalogów cache, tmp i logs
• Błąd wpisów w bazie danych
6. BIAŁY EKRAN – DIAGNOZOWANIE PRZYCZYNY
Co zrobić aby znaleźć problem?
• W System->Konfiguracja globalna->Serwer włączyć Raportowanie błędów na
Maksimum
7. BIAŁY EKRAN – DIAGNOZOWANIE PRZYCZYNY
Co zrobić aby znaleźć problem?
• Jeśli nie działa pliku configuration.php dodać linijkę
public $error_reporting = 'development';
• Lub w pliku index.php katalogu głównego dodać na jego początku
ini_set('display_errors', TRUE); error_reporting(E_ALL);
• Lub utworzyć w katalogu głównym plik php.ini o zawartości
display_errors = On
error_reporting = E_ALL & ~E_NOTICE & ~E_STRICT
9. BIAŁY EKRAN – NAPRAWA BAZY DANYCH
• Wejdź w Rozszerzenia->Instalacje->Baza danych
• Jeśli widzisz jakieś komunikaty ostrzegawcze naciśnij guzik Napraw
10.
11. WŁASNY WYGLĄD W PANELU LOGOWANIA
Aby zastosować własne elementy należy wejść do katalogu szablonu używanego
na
zapleczu
• Wyświetlane logo znajduje się w folderze images
• Tło i inne elementy można zmienić w pliku template.css znajdującym się w
katalogu css szablonu zaplecza
Ważne:
Jeśli nie znasz css rozmiar wgrywanego logo niech będzie taki sam, jak
istniejącego
12. WŁASNY WYGLĄD W PANELU LOGOWANIA
Przykład dla szablonu ISIS
• Logo znajduje się w folderze images
• Tło znajdziecie w katalogu css, plik templates.css
• Linijka 7034 – dodać deklarację
background-image: url("../images/jawor.png");
13.
14. ZNIKAJĄCE KLASY CSS
Dlaczego tak się dzieje?
• Szablon frameworkowy ma włączony tryb developerski
• Szablon ma włączoną kompresję Gzip
• Szablon ma włączoną kompresję js i css
• Szablon ma włączoną kompresję LESS
• W Joomla jest włączona kompresja stron
• Aby móc swobodnie zmieniać zapisy w klasach css należy kompresję wyłączyć.
• Zmiany nanoszone bezpośrednio w plikach css mogą być przywracane do stanu
pierwotnego przez framework
• Dodawane klasy wstawiać w zakładce Custom Code w polu do tego
przeznaczonym
15.
16. JCE – SPRAWDZANIE PISOWNI
Jak to włączyć?
• Na zapleczu należy wejść w Komponenty->JCE Editor->Profiles
• Następnie wybrać aktywny profil, np. Default
• Po wczytaniu profilu przejść do zakładki Plugin Parameters
• Na liście z lewej odnaleźć ikonę Spellchecker i zaznaczyć ją
• Wrócić do góry strony i zaznaczyć parametr State na wartość On
• Zapisać
• Po wejściu w artykuł pojawi się ikona sprawdzania pisowni
17.
18. NIESFORNE AKAPITY W UKŁADZIE KOLUMNOWYM
p {
text-align: justify;
-webkit-hyphens: auto;
-moz-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
24. RÓŻNE WERSJE SZABLONU
Co to daje?
• Możliwość ostylowania każdego elementu strony w inny sposób
• Przypisanie innego wyglądu dla danej pozycji menu
Jak to zrobić?
• Wejdź na zapleczu w Rozszerzenia->Szablony
• Wybierz używany na froncie szablon zaznaczając pole przy nim
• Naciśnij przycisk Skopiuj
• Wejdź w kopię szablonu i zmień elementy, które chcesz mieć inne
25.
26. NAPISYWANIE SZABLONEM
Co daje?
• Naniesione zmiany nie zostaną usunięte wraz z aktualizacją rozszerzenia czy
wersji Joomla!
Jak to zrobić?
• Wejdź w Komponenty->Szablony
• Przy używanym szablonie wybierz element zaznaczony strzałką
• Działa zarówno z szablonami witryny, jak i z szablonami zaplecza
30. INSTALOWANIE BEZ PAKIETU INSTALACYJNEGO
Co to daje?
• Zainstalowanie rozszerzeń pobranych z wcześniej stworzonej strony
• Zainstalowanie szablonów z wcześniej stworzonej strony
31.
32. GOOGLE FONTS BEZ POLSKICH ZNAKÓW
• Zlokalizuj gdzie deklarowane są Twoje czcionki (najczęściej plik index.php lub
któryś z plików css używanego szablonu witryny)
• Najczęściej wygląda to tak
@import 'https://fonts.googleapis.com/css?family=Open+Sans:400,300)';
@import url(http://fonts.googleapis.com/css?family=Roboto+Slab);
• Przejdź do Google Fonts i znajdź używaną na witrynie czcionkę
• Sprawdź czy czcionka posiada obsługę języka polskiego wpisując wyrazy
zawierające polskie znaki diakrytyczne
33. GOOGLE FONTS BEZ POLSKICH ZNAKÓW
• Wybierz czcionkę naciskając element zaznaczony poniżej
• Wybierz interesujące Cię kroje czcionki – pamiętaj, że im będzie ich więcej,
tym wolniej będzie wczytywała się strona
34. GOOGLE FONTS BEZ POLSKICH ZNAKÓW
• Aby korzystać z polskich znaków diakrytycznych należy zaznaczyć
• Rezultatem jest wygenerowanie linku, który należy wstawić na stronę
@import
'https://fonts.googleapis.com/css?family=Open+Sans:400,300&subset=latin,latin-ext)';
• Na skróty:
Jeśli masz pewność, że czcionka obsługuje polskie znaki dodaj na końcu jej
deklaracji zmienną &subset=latin,latin-ext
37. ZDUPLIKOWANIA TREŚĆ
W przypadku używania w wielu miejscach list kategorii artykułów, itp. elementów
mogą pojawić się duplikaty treści (ten sam element dostępny pod różnymi adresami
URL, co jest bardzo niemile widziane przez roboty indeksujące Google).
Jak sobie poradzić?
• Wejdź na stronę StyleWare i zarejestruj się bezpłatnie
• Po rejestracji pobierz wtyczkę
• Zainstaluj ją i opublikuj
Jeśli wszystko poszło jak należy zamiast szukanych duplikatów treści dostępnych pod
Adresstrony.com/index.php&view=article&article=23 oraz adresstrony.com/index.php/
tresc będzie widoczna tylko jedna wersja
Czy działa to prawidłowo można sprawdzić podglądając kod strony, w którym powinno
pojawić się dla danego wpisu coś takiego:
<link href=„http://adresstrony.com/index.php/tresc” rel=„canonical”” />
38.
39. WŁASNA STRONA BŁĘDU
• Utwórz artykuł przypisując go do kategorii Uncategorised
• Na liście artykułów, po prawej stronie, znajdziesz jego ID (zapisz je lub zapamiętaj)
• Wpisz w pasku przeglądarki adres
Adresstrony.com/index.php?option=com_content&view=article&id=yy&Itemid=xx
Gdzie xx to numer ID utworzonego wcześniej artykułu
• Jeśli strona się wyświetli poprawnie, wszystko jest ok.
• Teraz w używanym przez siebie szablonie zaplecza edytuj plik error.php lub utwórz go
• Jedyne co powinien posiadać ów plik to
if (($this->error->getCode()) == '404') {
header('Location: ' . JRoute::_("index.php?option=com_content&view=article&id=xx&Itemid=xx", false));
Exit;
}
40.
41. ZMIANA FORMATU WYŚWIETLANEJ DATY
• Może się zdarzyć, że data w artykułach jest wyświetlana w formacie amerykańskim
• Wejdź w katalog languages/pl-PL poprzez klienta FTP
• Odszukaj plik nazywający się pl-PL.ini
• Najlepiej pobierz go na dysk i otwórz
• Znajdź wartość DATE_FORMAT – po niej występują kolejne wersje formatów daty
DATE_FORMAT_LC="l, d, F Y„
DATE_FORMAT_LC1="l, d, F Y„
DATE_FORMAT_LC2="l, d, F Y H:i„
DATE_FORMAT_LC3="d F Y„
DATE_FORMAT_LC4="d-m-y„
DATE_FORMAT_JS1="d-m-y";
• Domyślnie używany jest DATE_FORMAT_LC, w „” możesz wkleić inny format
Więcej o formatach daty można znaleźć na stronie
42.
43. .HTACCESS
Bez www i z www
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTPS} !=on
RewriteCond %{HTTP_HOST} ^www.(.+)$ [NC]
RewriteRule ^ %{ENV:PROTO}://%1%{REQUEST_URI} [R=301,L]
</IfModule>
45. .HTACCESS
Blokowanie skanerów
RewriteCond %{HTTP_USER_AGENT} ^[Ww]eb[Bb]andit [NC,OR]
Blokowanie odniesień (referencyjne)
RewriteCond %{HTTP_REFERER} free-social-buttions.com [NC,OR]
Blokowanie adresów IP
Deny from 173.192.34.95 – pojedynczy adres
Deny from 65.160.238.176/28 – zakres adresów
46. .HTACCESS
Cache strony
ExpiresByType image/jpeg "access plus 1 month„
ExpiresByType text/html "access plus 0 seconds„
ExpiresByType font/opentype "access plus 1 month„
ExpiresByType application/javascript "access plus 0 seconds"
47.
48. DODAWANIE WŁASNEGO KODU
Niebezpieczeństwa:
• Niedoskonałość kodu
• Podatność na ataki
• Wadliwość działania
• Szybkość działania strony
• Brak standardowej integracji z bazą danych
49. Sourcerer
• Wielokrotne wykorzystanie dla
różnych kodów
• Wstawianie kodu php, js i html
• Kod jest wstawiany wewnątrz
artykułu lub modułu
• Wersja darmowa i płatna
{source} <?php echo 'This text is
placed through
<strong>PHP</strong>!'; ?> {/source}
Add Custom JS
• Możliwość dodania tylko
jednego pliku js
• Obsługuje wyłącznie pliki
javascript
• Pliki jest oddzielnym tworem,
który jest linkowany we wtyczce
• Darmowy
DODAWANIE WŁASNEGO KODU
50.
51. QUICKSTART
Plusy:
• Widać jak co zrobić
• Możliwość podejrzenia użytych styli css
• Możliwość podglądnięcia sposobu używania dodatków
Minusy:
• Mnóstwo niepotrzebnych elementów
• Znaczne obciążenie bazy danych
52. QUICKSTART
Co zatem zrobić?
• Zainstaluj quickstart lokalnie
• Zainstaluj czystą wersję Joomla!, na której będziesz pracował
• Podglądaj w QuickStarcie co i jak zrobić i nanoś zmiany na czystej Joomla!
53.
54. DODAWANIE IKON DO MENU
• Pobierz wtyczkę NS Font Awesome , zainstaluj ją i opublikuj
• Pobierz i zainstaluj RokCandy
• Wejdź w Komponenty->ROkCandy->Macros i utwórz nowe makro guzikiem
NEW
• W polu makro wpisz
[icon]{icon}[/icon]
• W polu Html wpisz
<i class="fa {icon}"></i>
• Zapisz i wyjdź
55. DODAWANIE IKON DO MENU
• Przejdź do menu->Jakieś menu->Jakaś pozycja menu
• W nazwie menu wstaw na przykład
[icon]fa-user[/icon] About
Pełną listę ikon znajdziesz na http://fontawesome.io/cheatsheet/
56. DODAWANIE IKON DO MENU
• Przejdź do zakładki Opcje wyglądu strony i wpisz w polu Tytuł strony dla
przeglądarki to, co masz za deklaracją ikony w tytule – w przykładzie jest to
About
• Sprawdź efekt
57.
58. WIELOJĘZYCZNOŚĆ
Wielojęzyczność w Joomla! można tworzyć ręcznie
Minusy:
• Kopia artykułu dla każdego języka
• Kopia pozycji menu dla każdego języka
• Kopia kategorii dla każdego języka
• Dobre przy niewielkich stronach
• Jeśli Klient sobie tak życzy
59. FaLang
• Wszystko definiuje się w jednym
miejscu
• Bez zbędnego skakania po
artykułach, modułach i
pozycjach menu
• Znaczne ograniczenie ilości
elementów strony
• Mniejsza baza danych
• Wersja bezpłatna i płatna
Neno
• Zautomatyzowana praca
• Opcja tłumaczenia ręcznego,
automatycznego i
profesjonalnego
• Oprócz treści tłumaczy elementy
Joomla (Porównanie)
• Wsparcie dla ponad 60 języków
• Tłumaczenia profesjonalne
tworzone przez tłumaczy
przysięgłych
WIELOJĘZYCZNOŚĆ
60.
61. WŁASNY MODUŁ W ARTYKULE
Możliwości:
• {loadposition}
• Dodatki posiadające funkcję Load Module (np. Shortcodes Ultimate)
• Dodatek Modules Anywhere
Ale co w przypadku, gdy chcemy w artykułach lub kategorii utworzyć boksy
reklamowe?
62. WŁASNY MODUŁ W ARTYKULE
Do dzieła
• Znajdź element components->com_content->views->article->tmpl->default.html
• Skopiuj go do szablonu do katalogu html->com_content->article (możesz również
zmienić nazwę pliku
• W sekcji rozpoczynającej się komentarzem wstaw
$document= JFactory::getDocument();
$renderer= $document->loadRenderer('modules');
$options = array('style' => 'xhtml');
$position= 'reklama-w-artykule';
$position1= 'srodreklama-w-artykule';
$positionx można wstawić dowolną ilość razy, w zależności od potrzeb
63. WŁASNY MODUŁ W ARTYKULE
• W miejscu, w którym chcesz wyświetlić moduł wstaw kod
<?php echo $renderer->render($position1, $options, null); ?>
• Następnie utwórz moduł Własny HTML wpisując mu jako nazwę pozycji
wartość przypisaną do zmiennej, np. reklama-w-artykule
Ważne!
Nazwa pozycji nie może być nazwą zdefiniowaną w używanym szablonie.