Podstawy wizualnej edycji
Wizualna edycja (ang. rich editing), nazywana także WYSIWYG (od „What You See Is What You Get” - „otrzymujesz to, co widzisz”), pozwala na formatowanie tekstu podczas jego wpisywania. Gdy Ty skupiasz się na pisaniu, wizualny edytor tworzy kod HTML w tle. Kroje czcionek, odnośniki i obrazki wyświetlane są w polu edytora mniej więcej tak, jak zostaną one wyświetlone na stronie.
WordPress posiada wizualny edytor HTML, który działa we wszystkich popularnych przeglądarkach internetowych. Edycja kodu HTML nie jest jednak tym samym, co wpisywanie go. Każda strona internetowa składa się z dwóch głównych komponentów: struktury, która jest określana przez kod HTML i tworzona przez edytor podczas wprowadzania tekstu, oraz wyglądu, który jest definiowany przez plik style.css wybranego motywu WordPressa. WordPress tworzy zgodny ze standardem kod XHTML 1.0, co oznacza, że wstawienie wielu nowych linii (tagów BR) po akapicie nie spowoduje utworzenia na stronie pustego miejsca. Tagi BR zostaną usunięte jako niewłaściwe przez funkcje korekcji kodu HTML WordPressa.
Podczas pracy z edytorem korzystać można z podstawowych klawiaturowych skrótów, takich jak w innych edytorach tekstowych, na przykład: Shift+Enter wstawia nową linię, Ctrl+C kopiuje, Ctrl+X wycina, Ctrl+Z cofa wprowadzone zmiany, Ctrl+Y powtarza wprowadzenie zmian, Ctrl+A zaznacza wszystko itd. (jeżeli korzystasz z Maca, zamiast klawisza Ctrl użyj klawisza Command). Lista wszystkich skrótów dostępna jest w karcie „Klawiaturowe skróty”.
Jeśli nie podoba Ci się sposób działania wizualnego edytora możesz go wyłączyć korzystając z podmenu „Twój profil” znajdującego się w menu „Użytkownicy” panelu administracyjnego.
Zaawansowane użytkowanie wizualnego edytora
Obrazki i załączniki
Na pasku narzędzi edytora znajduje się przycisk pozwalający na wstawianie obrazków, które znajdują się już gdzieś w Internecie. Jeżeli posiadasz adres URL takiego obrazka, kliknij ten przycisk i wprowadź adres w oknie, które zostanie wyświetlone.
Jeżeli musisz wysłać obrazek lub inne medium na serwer ze swojego komputera, możesz skorzystać z przycisków biblioteki mediów znajdujących się nad edytorem. Biblioteka mediów spróbuje utworzyć miniaturę każdego wysłanego na serwer obrazka. Aby wstawić obrazek do wpisu kliknij jego miniaturę - spowoduje to wyświetlenie menu opcji. Kiedy już ustawisz je tak, jak chcesz, kliknij „Wyślij do edytora”, a Twój obrazek lub plik zostanie umieszczony we wpisie, który edytujesz. Jeśli wstawiasz film, w oknie „Medium” pojawią się dodatkowe opcje, do których dostęp można uzyskać z drugiego wiersza paska narzędzi.
Kod HTML w wizualnym edytorze
Kod HTML wprowadzony do wizualnego edytora zostanie - podczas oglądania wpisu - wyświetlony jako tekst. Otrzymujesz to, co widzisz. Jeżeli chcesz dodać do wpisu elementy HTML, które nie mogą zostać wygenerowane przez przyciski paska narzędzi, musisz wprowadzić je ręcznie w edytorze HTML. Utworzyć możesz na przykład tabele lub bloki kodu. Aby tego dokonać, kliknij kartę „HTML” i wprowadź odpowiednie zmiany w kodzie, a następnie przełącz edytor z powrotem do trybu wizualnego. Jeśli kod jest prawidłowy i zostanie zrozumiany przez edytor, efekty powinny być widoczne natychmiast.
Wklejanie do wizualnego edytora
Przy wklejaniu treści innej strony internetowej rezultat może być niespójny i zależy od Twojej przeglądarki i strony, z której pochodzi wklejana zawartość. Edytor próbuje poprawić nieprawidłowy kod HTML, ale, by osiągnąć najlepsze wyniki, skorzystaj z karty „HTML” lub jednego z przycisków wklejania znajdujących się w drugim rzędzie paska narzędzi. Alternatywnie spróbować możesz wklejania akapitu po akapicie. W większości przeglądarek, aby zaznaczyć akapit wystarczy kliknąć go trzykrotnie.
Wklejanie treści z innej aplikacji, takiej, jak Word czy Excel, przynosi najlepsze rezultaty przy korzystaniu z przycisku „Wklej z Worda” znajdującego się w drugim rzędzie paska narzędzi, lub w trybie HTML.
Pisanie na pełnych obrotach
Zamiast sięgać po mysz, by kliknąć przycisk na pasku narzędzi, możesz skorzystać z poniższych klawiszy dostępu. W Windowsie i Linuksie kombinacja to Ctrl + litera. Na Macintoshu używane są klawisze Command + litera.
| Litera | Działanie | Litera | Działanie |
|---|---|---|---|
| c | Kopiuj | v | Wklej |
| a | Zaznacz wszystko | x | Wytnij |
| z | Cofnij | y | Ponów |
Poniższe skróty opierają się na innych klawiszach dostępu: Alt + Shift + litera.
| Litera | Działanie | Litera | Działanie |
|---|---|---|---|
| n | Sprawdź pisownię | l | Wyrównaj do lewej |
| j | Wyjustuj tekst | c | Wyśrodkuj |
| d | Przekreślenie | r | Wyrównaj do prawej |
| u | • Lista | a | Wstaw odnośnik |
| o | 1. Lista | s | Usuń odnośnik |
| q | Cytat | m | Wstaw obrazek |
| g | Pełny ekran | t | Wstaw tag "Więcej" |
| p | Wstaw znak nowej strony | h | Pomoc |
| e | Przełącz do trybu HTML | ||
O TinyMCE
Wersja: ()
TinyMCE jest wieloplatformowym, działającym na stronach internetowych edytorem HTML WYSIWYG opartym na Javascripcie, wydanym jako oprogramowanie open source na licencji LGPL przez Moxiecode Systems AB. Posiada on zdolność konwersji pól TEXTAREA i innych elementów HTML na edytory tekstu.
Copyright © 2003-2007, Moxiecode Systems AB. Wszelkie prawa zastrzeżone.
Aby uzyskać więcej informacji o tym oprogramowaniu odwiedź witrynę internetową TinyMCE.
