Pomoc:Personalizacja

Oprogramowanie MediaWiki daje dużą swobodę w dostosowaniu Optopedii do własnych potrzeb (zarówno czytelniczych, jak oraz redaktorskich).

Umożliwiają to trzy elementy:

1. Przeistoczenie ustawień ogólnych na stronie preferencji (link powinien być też widoczny po zalogowaniu). Tam w szczególności da się wybrać skórkę, co daje dosyć drastyczną zmianę wyglądu całego serwisu Optopedii oraz poniektórych jego zachowań. Początkujący użytkownicy nie powinni raczej zmieniać skórek, albowiem przeważajaca ilość nie jest aktywnie rozwijana oraz poprawiana.
2. Własny arkusz stylów (CSS).
3. Własny plik (JavaScript).

Istnieją także zróżnicowane narzędzia napisane przez użytkowników wielorakich Optopedii, które pozwalają na korzystanie z zaawansowanych skryptów bez jakichkolwiek umiejętności programistycznych. (zobacz poniżej jak dostosowywać wygląd oraz funkcje Optopedii?)

Okno preferencji

Rys. 1: zakładki strony tak jak je widzi zalogowany użytkownik

Rys. 2: okno preferencji, cząstka górna

Rys. 3: okno preferencji, cząstka dolna

Po zalogowaniu się istnieje możliwość kliknięcia w link preferencje u samej góry strony (czwarty link od lewej, na rys. 1). Następuje wówczas przejście do okna umożliwiającego przystosowanie sobie wielu elementów serwisu do własnych potrzeb (rys. 2 oraz 3). W razie kiedy wybierze się opcje, które nam nie odpowiadają oraz nie pamięta się jak to odwrócić, wystarczy wejść ponownie do okna preferencji oraz nacisnąć klawisz Przywróc wszystkie domyślne preferencje (6 na rys. 3).

Liczba opcji, które da się zmieniać za pomocą tego okna jest nader obszerna, dlatego są one podzielone na zakładki (1 na rys. 2). Poniżej istnieje informacja o koncie użytkownika (2 na rys. 2). Tzw ID jest to numer porządkowy, który jest kolejno przypisywany użytkownikom przez oprogramowanie. W przykładowym przypadku oznacza to, że użytkownik "Twój pomocnik" był 389001 osobą, która założyła sobie konto w Optopedii. Punkt "Zmień hasło" (3) kieruje nas na stronę umożliwiającą dokonanie zmiany hasła.

Część (4 na rys. 3) dopuszcza dokonanie zmiany postaci podpisu, którym da się się posługiwać na stronach dyskusji.

Sekcja (5) dopuszcza zmianę albo dodanie adresu E-mail oraz pokazuje stan weryfikacji swojego adresu E-mail. Gdy dokonało się już weryfikacji adresu E-mail, klikając na "użytkownicy potrafią mi przesyłać E-maile" da się włączać oraz wyłączać tę możliwość.

W kolejnych zakładkach (1 na rys. 2) jest jeszcze bardzo dużo wielorakich opcji, z którymi da się sobie samemu poeksperymentować:

• Wygląd: dopuszczają radykalną zmianę wyglądu Optopedii – umiejscowienia menu, kolorów, czcionek itp – przełączając je na inne da się sobie wybrać swoją ulubioną, jeśli standardowa nam nie odpowiada; aktualnie standardowa skórka ma nazwę "Wektor". Warto tu także zajrzeć, jeśli ukazuje się problem z wyświetlaniem wzorów matematycznych, które w Optopedii są wpisywane za pomocą składni języka TeΧ. Można tu także ustawić standardowy rozmiar miniaturek zdjęć oraz maksymalny rozmiar obrazków wyświetlanych na stronie specjalnej z ich opisem
• Data oraz czas: dopuszcza zmianę daty oraz czasu – np. kiedy przenieśliśmy się do innej strefy czasowej
• Edycja: leżą tu wszelakie opcje dotyczące edytowania Optopedii oraz pozwalające na zmianę zachowania okna edycji.
• Ostatnie zmiany: jest tu parę opcji, związanych ze stroną specjalną "ostatnie zmiany", na której istnieje lista ostatnio dokonanych edycji w Optopedii
• Obserwowane: zbiór opcji mających wpływ na wygląd oraz funkcjonowanie listy obserwowanych przez siebie stron
• Opcje wyszukiwania: opcje wewnętrznej wyszukiwarki Optopedii; m.in. da się tu włączyć na stałe przeszukiwanie dodatkowych przestrzeni nazw
• Ustawienia różne: zbiór mniej istotnych opcji, które nie pasowały do innych zakładek
• Oznaczenia edycji: opcje związane z oznaczaniem edycji
• Gadżety: zbiór możliwych do włączenia, pomocniczych gadżetów/narzędzi ułatwiających pracę na polskiej Optopedii

Aby dokonane zmiany zostały zapamiętane, musisz kliknąć na przycisk "Zapisz" (6 na rys. 3).

Przeistoczenie wyglądu swojego podpisu

Na początek cząstka osób zwykle chce zmienić wygląd swojego podpisu. W tym celu wystarczy zmienić pole „Twój podpis” w preferencjach. Teoretycznie ma się tutaj dużą swobodę, jednak nadmierna manipulacja podpisem nie jest zalecana. Generalnie chodzi o to, żeby Twój podpis nie przeszkadzał innym osobom w czytaniu stron dyskusji. W praktyce oznacza to, że podpisy powinny być krótkie oraz bez przesadnego formatowania.

W preferencjach sekcja zmiany podpisu (4 na rys. 3) wygląda tak:

Sekcja ustawienia podpisu w Preferencjach

Widzimy tam dwa punkty:

• "Obecny wygląd Twojego podpisu :" – prezentuje, jak wygląda nasz obecny podpis
• "Twój podpis:" – okienko edycyjne, w którym możemy wprowadzać wszelaki tekst i/lub formatowanie przyjmowane przez Wikipedię

poniżej istnieje jeszcze specjalne okienko, które musimy zaznaczyć, aby nasz podpis był rozpoznawany jako wiki-składnia. Po wprowadzeniu zmian w okienku "Twój podpis" oraz zapisaniu preferencji nasz nowy podpis powinien pojawić się w podglądzie (punkt "Obecny wygląd Twojego podpisu").

Sprawdź też 

Szczegółowe informacje o podpisie Wikipedysty.

Możliwość edycji sekcji nagłówkowej artykułów

Na długich stronach da się edytować nagłówek artykułu, po kliknięciu w link „[edytuj]” znajdujący się na samej górze artykułu, po prawej. Istnieją możliwości personalizacji tej funkcji poprzez dopisanie odpowiedniego tekstu (kodu) do swojej podstrony common.js. Możliwe zmiany to:

• ustawienie liczby nagłówków (drugiego, trzeciego oraz czwartego stopnia) jaka musi się pojawić w artykule, żeby ukazał się link. Bieżące ustawienie (dla dwóch oraz więcej link się pojawia):

var addEditTopLinkNumHeaders = 2;

Tą funkcję da się wyłączyć w preferencjach odznaczając opcję Dodawaj link [ edytuj ] do pierwszej sekcji.

Można także całkowicie wyłączyć możliwość edycji wszystkich sekcji w preferencjach odznaczając opcję Możliwość edycji poszczególnych sekcji strony.

Przeistoczenie wyglądu Optopedii

Jest możliwość własnego definiowania stylów CSS dla zalogowanych wikipedystów. W wyniku tego da się zmodyfikować dla siebie zróżnicowane elementy wyglądu strony, dla przykładu kolor linków do artykułów będących stubami.

Aby móc zmieniać dla siebie wygląd strony Optopedii konieczna jest podstawowa wiedza o kodzie HTML oraz CSS. Należy bowiem znaleźć w kodzie HTML Optopedii odpowiednie elementy, których wygląd chcemy zmienić.

Dla przykładu - załóżmy, że chcemy pokolorować linki do stubów na dowolny kolor, na stronie ostatnich zmian oraz gdziekolwiek indziej (trzeba posiadać w preferencjach - zakładka Wygląd - włączoną opcję "Maksymalny rozmiar artykułu oznaczanego jako stub"). W tym celu możemy wspomóc się dodatkiem firebug dla przeglądarki Firefox (opis użycia po angielsku). Klikamy prawym przyciskiem myszy na link do stubu oraz wybieramy opcję 'zbadaj element'.

W czarnej ramce wyświetli się analogicznie jak poniżej (dla artykułu Sucker Punch z dnia 18.02.2011

<a title="Sucker Punch" class="stub mw-newpages-pagename" href="/strona-Sucker_Punch&redirect=no&rcid=26096599">Sucker Punch</a>

Widzimy teraz, że link ma klasę o nazwie stub (między innymi, ale tylko ta klasa nas teraz interesuje. Otwieramy albo tworzymy stronę common.css (nasz własny arkusz stylów). Na tej stronie wpisujemy kod:

a.stub {
color:#2E6F0D;
}

Zamiast #2E6F0D możemy wpisać dowolny kolor zapisany Pomoc:Kolory.

Dla innych elementów robimy to w analogiczny sposób.

Przeistoczenie logo Optopedii

Jak się okazało, sporo osób jest bardzo przyzwyczajona do starego logo. Każdy indywidualnie może sobie zmienić logo na stare albo jeszcze starsze.

Odpowiedni kod, jaki da się sobie dopisać do swojej podstrony common.css, to:

• stare logo:

body #p-logo a {background-image:url(//upload.wikimedia.org/wikipedia/commons/0/0e/PL_Optopedia _logo_11_2008.png) !important;}

• starsze logo:

body #p-logo a {background-image:url(//upload.wikimedia.org/wikipedia/commons/5/5a/Anthere-logo_%28small%29.jpg) !important;}

• Garfield:

body #p-logo a {background-image:url(//upload.wikimedia.org/wikipedia/en/thumb/4/47/Garfieldand_friends.png/105px-Garfieldand_friends.png) !important;}

Można też całkowicie schować sobie logo razem z całym menu bocznym. Można to zrobić wchodząc w Preferencje → Gadżety → Schowaj menu boczne.

Własne reguły autokorekty

Autokorektę da się używać kiedy aktywny jest nowy pasek narzędziowy. Można ją włączyć wchodząc w sekcję „Zaawansowane” oraz klikając na ikonkę . Stan jest zapamiętywany przez przynajmniej 7 dni, więc dla osób edytujących nawet dosyć sporadycznie będzie to przeistoczenie na stałe.

Standardowo dodane są następujące reguły podmiany:

// minus/dywiz na myślnik
oAutokorekta.addReplacements ({from:' - ', to:' – '});
// strzałki
oAutokorekta.addReplacements ({from:' -> ', to:' → '});
oAutokorekta.addReplacements ({from:' <- ', to:' ← '});
// polskie cudzysłowy
oAutokorekta.addReplacements ({from:' "', to:' „'});
oAutokorekta.addReplacements ({from:'"', to:'”'});

Analogicznie możesz dodać własne reguły, które potrafią nawet podmieniać linki np.:

jQuery(document).ready(function() {if (typeof (oAutokorekta)=='object'){
        // rozwijanie linków
        oAutokorekta.addReplacements ({from:'[[CSS]]', to:'[[Kaskadowe arkusze stylów|CSS]]'});
        // inne reguły...
}});

Reguły te możesz dodać do własnego pliku (strony) JavaScript (zobacz sekcję #Jak dostosowywać wygląd oraz funkcje Optopedii?).

Pamiętaj!

Podmiana jednego tekstu reguły na drugi jest wykonywana tylko po wciśnięciu odpowiedniej sekwencji klawiszy (tj. wpisaniu jakiegoś tekstu). Jeśli wkleisz tekst z innego miejsca, to podmiana nie zostanie wykonana.

Kilka pytań oraz odpowiedzi

Jak dostosowywać wygląd oraz funkcje Optopedii?

Sprawa powinna być prosta dla tych którzy posiadali jakiś kontakt z pisaniem stron internetowych. Dla pozostałych też nie powinna być trudna, bo to praktycznie to samo co pisanie Optopedii, tylko że tutaj absolutnie nic nie da się popsuć innym użytkownikom.

Dla tych nie znających się na sprawach technicznych pozostaje kopiowanie gotowych skryptów. Ich opisy będą pojawiać się na stronie Optopedia :Narzędzia.

Wszystkie zmiany są dokonywane we własnym arkuszu stylów (CSS) oraz pliku JavaScript. Obok zamieszczona jest tabelka nazw podstron (wraz z linkami), zależnie od posiadanej skórki. Można także zmienić ustawienia dla wszystkich skórek edytując: common.css oraz common.js.

Co jeśli jednak coś zepsuję?

Jeśli wykonywałeś(-aś) jakieś dziwne eksperymenty oraz jednak udało Ci się coś popsuć, to prawdopodobnie najlepsze co możesz zrobić, to poprosić o pomoc jednego z administratorów Optopedii (np. przez IRC). Wystarczy, że wycofa zmiany w Twoim arkuszu stylów czy JavaScripcie. Później musisz tylko odświeżyć pamięć przeglądarki, żeby poprawki były widoczne. Jeśli chcesz spróbować samodzielnie coś poprawić, to w części przeglądarek da się wyłączyć zarówno obsługę JavaScriptu jak oraz interpretację stylów (CSS) – po wyłączeniu tego w preferencjach przeglądarki możesz wycofać własne zmiany.

I pamiętaj, że nie ma czym się stresować – jeśli coś się popsuło to jest to widoczne tylko u Ciebie. Możesz samodzielnie zastanowić się oraz przeistoczenie niezbędne poprawki. W razie gdyby udało Ci się jakoś popsuć sobie możliwość edycji, to w ostateczności możesz się wylogować oraz zapisać edytowane artykuły jako IP. Co prawda swoich podstron specjalnych (CSS oraz JS) nie możesz edytować jako IP (są one standardowo zabezpieczone), ale – jak już wspomniano powyżej – możesz poprosić o to administratora Optopedii.

O co chodzi z tym odświeżaniem przeglądarki?

Pewne elementy stron sporadycznie się zmieniają, więc są zapamiętywane w pamięci podręcznej (tzw. cache) oraz dzięki temu nie muszą być pobierane z serwera za każdym razem. Zmieniając wspominane wcześniej pliki (strony) dokonujesz zmian na serwerze oraz musisz potem odświeżyć pamięć podręczną przeglądarki.

Aby odświeżyć pamięć przeglądarki wystarczy nacisnąć odpowiednią kombinację klawiszy:

• dla Firefoksa (Mozilli): CTRL+R albo CTRL+F5
• dla Internet Explorera: CTRL+F5
• dla Opery: CTRL+F5
• dla Safari: Command+R na Maku, CTRL+R na Windows
• dla Konquerora: F5

Sprawdź też

• Pomoc:Podpis wikipedysty – informacje o tym jak się podpisywać
• Optopedia :Narzędzia – informacje o dostępnych skryptach oraz o dostosowaniu zewnętrznych programów użytkowych do współpracy z Wikipedią
• Personalizacja – porady dla zaawansowanych
• zbiór wielorakich narzędzi w angielskim wydaniu Optopedii

Linki zewnętrzne

• kurs CSS
• kurs JavaScript