Tworzenie artykułów w Joomla 2.5

Tworzenie artykułu przypomina nieco tworzenie kategorii. Jeżeli jesteśmy w menu kategorie, włączamy zakładkę artykuły i po kliknięciu w przycisk nowy przechodzimy do nowego okienka. W pierwszym polu nadajemy tytuł artykułu i deklarujemy do jakiej kategorii chcemy przypisać ten artykuł. W głównym polu wpisujemy treść artykułu. Możemy go uzupełnić o grafikę.  Żeby to zrobić ustawiamy kursor w miejscu gdzie ma pojawić się grafika i klikamy na przycisku grafika poniżej okienka edytora. Jesteśmy przenoszeni do menedżera mediów skąd możemy pobrać wybrany plik z grafiką. Jeżeli jej tam jeszcze nie ma, możemy ją pobrać wczytując plik. Będzie on pobrany do aktualnie otwartego katalogu. Możemy też określić położenie grafiki względem tekstu decydując o jego wyrównaniu.

Opcje publikacji to miejsce , w którym podajemy informacje dotyczące autora publikacji oraz można określić w jakim czasie ma być ona widoczna na stronie. Opcje meta danych warto uzupełnić żeby wyszukiwarki mogły odnaleźć artykuł w sieci. Po potwierdzeniu przyciskiem zapisz artykuł jest w naszej bazie ale jeszcze nie jest widoczny. Jeżeli nasz artykuł wyróżnimy, to pojawi się na naszej stronie. Możemy w dowolnym momencie przejść do edycji tego artykułu, jeżeli uznamy, że będzie to wskazane.

Edytor i filtry.

Możemy zwiększyć możliwości edytora tekstów przez edycję dodatku z menu rozszerzenia.

Zmieniamy opcje podstawowe na tryb pracy rozszerzony oraz zmieniamy możliwość umieszczania w artykułach określonych znaczników HTML.

Usuwamy” i frame". Innym miejscem do ustawień jest menu witryna, konfiguracja globalna. W zakładce filtrowanie tekstu dla różnych grup użytkowników.

Edycja artykułów.

Wcześniej skonfigurowaliśmy edytor, teraz wykorzystamy jego nowe możliwości. Mamy dużo nowych opcji, które podobne są do edytora „Word”. Ciekawym sposobem jest linkowanie zewnętrzne lub wewnętrzne.

Zyskujemy nowe możliwości  edycji obrazków, tzn. jego położenia , wielkości wyświetlanej, odległości otoczonego tekstu, itd.

W bardzo prosty sposób wstawiamy  filmy z youtube. Wystarczy  włączyć narzędzie do wklejania takich plików i mamy nasz plik, który możemy edytować(np. zmieniać jego widoczną wielkość przed wklejeniem) i wstawiamy go do artykułu. Widzimy, że znacznik i frame dla użytkownika "super user" działa i takie obrazki mogą być do artykułów wklejane.

Możemy również z ustawieniami dla tego konta wstawiać w kodzie HTML np. mamy z maps.google.pl. Wystarczy wkleić kod HTML z wybranej mapy do naszego artykułu. Pamiętajmy o zapisaniu zmian w artykule 

Dzielenie artykułu.

Zanim zaczniemy edytować nasz artykuł, warto wiedzieć, że możemy to robić na powiększonym ekranie. Tryb pełnoekranowy uruchamiany jest dzięki takiemu narzędziu.    I teraz praca nad artykułem jest znacznie wygodniejsza.

Artykuły możemy dzielić na części. Użyjemy do tego dwóch przycisków umieszczonych pod edytorem.

Przycisk więcej pozwala na podział artykułu na wstęp i resztę artykułu. W miejscu podziału pojawia się czerwona linia i na stronie głównej zobaczymy tylko część artykułu do tej linii a całą resztę dopiero po kliknięciu na czytaj dalej. Innym sposobem dzielenia jest podział na strony. Jest to zasadne przy bardzo długich tekstach.

Robimy to tak samo jak poprzednim razem ustawiając kursor w odpowiednim miejscu podziału i włączając narzędzie podziału. 

Pojawi się nowe okienko w którym piszemy tytuł dla strony oraz odnośnik, który pojawi się w małym spisie treści. Na tronie ten artykuł będzie widoczny w całości i żeby nie zajmował on tyle miejsca dodatkowo artykuł dzielimy na wstęp i resztę.

Ustawianie artykułu.

Opcje artykułu daje nam najwięcej możliwości w ustawieniu wyglądu i zachowaniu naszego artykułu. Ich funkcja jest opisana w żółtej chmurce po najechaniu wskaźnika na jej nazwę. Warto jest jakie jest praktyczne działanie wszystkich.

Pamiętajmy jednak, że opcje te dotyczą wszystkich artykułów oprócz tych na stronie tytułowej. Te rządzą się swoimi prawami. Ustawienia globalne mają priorytet na d innymi i warto je ustawić w pierwszej kolejności.

Przechodzimy do wszystkich artykułów a z tam do opcji globalnych.

Ustawienia globalne mają zastosowanie dla wszystkich artykułów, nie mniej jednak każdy artykuł z osobna może mieć własne ustawienia.

Zarządzanie artykułami.

Ikona wyróżnianie wstawia artykuł na stronę główną, a archiwizacja przenosi go do tej części witryny do której możemy dotrzeć osobnym linkiem.

Ciekawą funkcją  jest przetwarzanie wsadowe. Po zaznaczeniu kilku artykułów możemy je jednym kliknięciem np. przenieść do innej kategorii lub zmienić poziom dostępu lub język. Potwierdzamy naszą decyzję przyciskiem wykonaj.

Tworzenie pozycji w menu.

Dostęp do artykułów do tej pory jest możliwy wyłącznie wtedy, kiedy jest on wyróżniony, czyli znajduje się na stronie startowej.

Co jednak z innymi artykułami? Będą one widoczne dopiero wtedy kiedy utworzymy do niego odsyłacz, czyli link menu.

Po kliknięciu w przycisk utwórz musimy w pierwszej kolejności  określić  typ pozycji menu. 

Jeżeli chcemy zrobić odnośnik do pojedyńczego artykułu, wybieramy taką opcję.  A następnie wskazujemy o jaki artykuł chodzi.

Jeżeli chcemy zmienić nazwę naszego menu głównego czyli tej po intalacji (Main menu) wskazujemy w projektancie menu jakie będzie zmieniane a natępnie wybieramy przycisk dostosuj.

Ustawienia witryny w joomla 2.5

Po zainstalowaniu Joomli możemy wszystkie ustawienia dokonać  z poziomu panelu administracyjnego korzystając z opcji konfiguracji. Teraz zmienimy w konfiguracji globalnej kilka najważniejszych opcji. Mamy do wyboru 5 zakładek: witrynę,  system, serwer, uprawnienia i filtrowanie tekstu.

W ustawieniach witryny możemy zmienić np.  nazwę  witryny, zablokować  „widzialność” witryny, funkcja ta jest przydatna w czasie wprowadzania zmian w wyglądzie naszej strony.

Zakładka witryna.

Uzupełniamy pola meta dane, słowa kluczowe, prawa do treści i zaznaczamy nie autora meta danych. Zapisujemy te ustawienia, odświeżamy w przeglądarce naszą witrynę i kombinacją klawiszy Ctrl + u sprawdzamy kod naszej witryny. Widzimy w nim nasze meta dane.

Zakładka system.

Tutaj niczego nie zmieniamy, pamiętajmy jednak, że pamięć podręczną włączamy tylko wtedy kiedy nasza strona jest bardzo często odwiedzana (np. w czasie zajęć szkolnych). Czas sesji, który wyloguje nas z zaplecza po okresie bezczynności określony jest w minutach.

Zakładka serwer.

Zmienimy tylko strefę czasową na Warsav. Po prawej stronie mamy widoczne ustawienia naszej bazy danych, którą pozostawiamy bez zmian. Poczta nie będzie działać ponieważ nie mamy lokalnie serwera poczty. Jeżeli będziemy mieli Joomlę na serwerze internetowym, poczta będzie działać.

Zakładka uprawnienia i filtrowanie treści.

Chwilowo bez zmian.

Szata graficzna.

Tworząc własną witrynę w Internecie, chcemy żeby ta odróżniała się wyglądem od innych witryn. Poznamy sposób zmian tego wyglądu od standardowego. Mamy kilka możliwości, możemy samodzielnie zbudować własny szablon lub zlecić jego wykonanie firmie zewnętrznej. Inną możliwością jest kupienie gotowego szablonu lub wybranie wersji bezpłatnej.

My zajmiemy się modyfikacją standardowego szablonu. Przechodzimy do zaplecza i w zakładce Rozszerzenia, szablony przełączamy się do szablonów. Mamy tutaj kilka szablonów, bardzo prosty Atomic, Beez5 (użyty HTML 5) i Beez_20 (użyty HTML 4), pozostałe 2 dotyczą zaplecza.

Zajmiemy się szablonem Beez_20. Przechodzimy do zakładki style bo to właśnie tam decydujemy o wyglądzie naszej strony.

Modyfikacja wyglądu witryny.

Modyfikacje będą polegały na podmianie wyglądu grafiki, zmianie logo i kolorów menu chwilowo niewidocznego. Będąc w przeglądarce Firefox  klawiszami Ctrl + u przechodzimy do kodu strony. Analizując ten kod dowiemy się jak nazywa się obrazek umieszczony w nagłówku strony i do jakiego katalogu trzeba go skopiować, żeby nadpisać istniejący obrazek. Ten sposób jest jednak mało efektywny. Uzupełnimy naszą przeglądarkę o dodatek firebug, który pozwala na dokładniejszą analizę strony  http://getfirebug.com/ . Po jego zainstalowaniu w prawym górnym rogu przeglądarki pojawi się nowy znaczek (żuk), który uruchamia nową funkcjonalność, a mianowicie pokazuje równocześnie widok strony oraz kod HTML i CSS. Po kliknięciu w pierwsze narzędzie

Możemy wybrać myszką element graficzny na stronie a poniżej widzimy położenie w kodzie oraz powiązany z nim kod CSS z informacją skąd jest pobierany ten obrazek i jak się nazywa. Przechodzimy do miejsca gdzie zapisany jest ten szablon aby odnaleźć poszukiwane pliki. 





Otwieramy folder XAMPP i folder SPEK a w nim folder templates, gdzie  znajduje się  szablon beez_20. Folder images zawiera podfolder personal (zgodnie z informacją odczytaną z kodu CSS) a nim plik personal2.png. Ten obrazek możemy zmodyfikować programem graficznym lub zastąpić innym. Trzeba jednak pamiętać o zachowaniu jego oryginalnego rozmiaru i formatu. Zmieniamy nazwę starego dopisując do nazwy np. bak, a nowy wklejamy w to samo miejsce z oryginalną nazwą.

Kolejną zmianę wykonamy w logo strony. 
Tekst umieszczony pod logo zmieniamy nie w kodzie strony lecz edytując styl szablonu. W zapleczu przechodzimy do stylu beez2. Po prawej stronie widzimy narzędzie do zmiany logo i jego miejsca. Możemy wstawić inne logo wcześniej umieszczone w odpowiednim katalogu, zmieniamy tytuł strony oraz jej opis. Po zapisaniu tych zmian oglądamy jego efekty. 

Dodatkowo zmienimy kolorystykę dla menu. Posłużymy się firebugiem,  ustawiamy się na elemencie menu i widzimy w kodzie gdzie się one znajdują. Przydatna jest znajomość języka HTML, żeby rozumieć strukturę kodu. Przydatny będzie plugin firepicker , który dodaje małe okno wyboru koloru, gdy edytujesz regułę CSS w Firebugu. Zmiany będą widoczne natychmiast jednak nie będą trwałe. Musimy wyedytować właściwy plik CSS i dokonać w nim właściwych zmian. Przydatny do tego będzie np. program notepad++. Odczytujemy w którym wierszu musimy dokonać zmiany i po ponownym zapisaniu tych zmian uzyskujemy trwałą zmianę kolorów na stronie.

Favikon.

Zajmiemy się zmianą drobnego elementu a mianowicie favikoną.

Jest to standardowa ikona joomli, którą zmienimy na własną. Skorzystamy z serwisu http://www.favicon.cc/ i po utworzeniu jej zapisujemy ją a następnie podmieniamy w naszej witrynie w modyfikowanym szablonie. Przeglądarki często zapisują w pamięci podręcznej wcześniejsze favikony. 

W polu adresowym przeglądarki wpisujemy ścieżkę do naszego nowego favikonu http://localhost/spek/templates/bezz_20/favikon.ico pojawi się nam ikona a po powrocie do adresu localhost będziemy mieli zmienioną ikonę.

Struktura witryny.

Będziemy planować strukturę treści, które będziemy zamieszczać na naszej stronie. Tworząc artykuły będziemy chcieli umieszczać w nich obrazki a czasem inne pliki. W jaki sposób zarządzać takimi mediami, żeby używać ich z poziomu joomli? Na zapleczu managera mamy dostęp do przycisku media.

Zamieszczone są tam przykładowe pliki w procesie instalacji joomli. Możemy z tego poziomu zarządzać plikami czyli dodawać je lub kasować. Możemy też tworzyć nowe katalogi zgodnie ze swoimi potrzebami. Wstawienie nowej grafiki polega na wyborze katalogu do którego ma być skopiowany plik a następnie wskazaniu go w zasobie lokalnym i skopiowaniu do joomli. 

Oprócz standardowego wczytywania plików możemy skorzystać z flash’owego uploadera.
Włączamy opcje i zaznaczamy tak, możemy również wybrać rozszerzenia dla pobieranych plików oraz ich wielkość (UWAGA, wielkość plików wyrażona jest w megabajtach). Po zapisaniu nowych ustawień zmienia się nieco widok do pobierania nowych plików. Pamiętać musimy o tym, żeby pobierane obrazy miały właściwą  wielkość/rozdzielczość.

Kategorie.

Jeżeli wiemy już jak ma wstępnie nasza witryna, możemy zacząć tworzyć kategorie.

Kategoria utworzona podczas instalacji ma angielską nazwę ale możemy to szybko zmienić wchodząc do niej i zmieniając jej nazwę na własną.




Tworzenie nowej kategorii jest tak samo proste.

Przydatny jest opis kategorii, który edytujemy poniżej. Kolejne kategorie lub podkategorie tworzymy podobnie pamiętając o wskazaniu dla której kategorii (nadrzędna) jest tworzona podkategoria. 



Widok naszej struktury kategorii i podkategorii będzie widoczny w oknie głównym. Kategoria jest widoczna lub nie po zaznaczeniu tej opcji