Samodzielna edycja tekstu i przycisków

Moduł 3: Teksty, zdjęcia i sekcje · Czas czytania: 8 min

Cel lekcji: Po tej lekcji będą Państwo potrafili samodzielnie, bez AI, zmieniać teksty i przyciski, korzystać z linków i formatowania oraz kierować każdy przycisk we właściwe miejsce: na podstronę, na adres e-mail, na numer telefonu, na inną stronę internetową lub do sekcji.

Kluczowe pojęcia: Edytuj, dwukrotne kliknięcie, pasek formatowania, link, Słowo akcentowe, Edytuj przycisk, cel przycisku, mailto i tel, kotwica (sekcja), przycisk wysyłania, Ustawienia formularza

Dlaczego warto edytować samodzielnie

Nie wszystko trzeba robić przez AI. Literówkę, inny numer telefonu czy zdanie, które ma brzmieć nieco inaczej, szybciej wpiszą Państwo sami. Samodzielna edycja jest bezpłatna, odbywa się bez AI i bez propozycji. Od razu widzą Państwo, co robią, a AI nie zmienia przy okazji niczego, o co Państwo nie prosili. Przy każdym zapisie kreator tworzy nową wersję ("Tekst został zapisany jako wersja ..."), więc zawsze można wrócić do poprzedniego stanu (lekcja 3.5).

Zasada ogólna: treści, które Państwo już znają, wpisują Państwo sami; o nowe teksty lub inny ton prosimy AI. Bas ze Schildersbedrijf Example zleca AI napisanie tekstów o usługach, ale numer rejestrowy firmy, adres i numer telefonu przepisuje sam. Dzięki temu ma pewność, że są poprawne.

Edycja tekstu w podglądzie

Prosimy najechać myszą na tekst w podglądzie. Pojawi się mały przycisk Edytuj. Można go kliknąć albo od razu dwukrotnie kliknąć tekst. Tekst zamienia się wtedy w pole do wpisywania i można w nim pisać jak w edytorze tekstu.

Zapisywanie i anulowanie odbywa się z klawiatury:

• W krótkim tekście, np. w nagłówku: Enter zapisuje, Esc anuluje.
• W dłuższym tekście z akapitami: Ctrl+Enter zapisuje (Enter oznacza wtedy nową linię), Esc anuluje.

Można też zacząć z poziomu czatu: za pomocą Wybierz element wskazać tekst i kliknąć Edytuj tekst obok etykiety. Przyciski Zapisz i Anuluj pojawią się wtedy na dole czatu.

Jeśli pojawi się komunikat "Tego elementu nie można edytować bezpośrednio. Prosimy poprosić o zmianę na czacie.", jest to element, który kreator buduje sam. Wtedy prosimy poprosić o zmianę na czacie, wskazując ten element.

Pasek formatowania: nagłówki, listy, kolor i linki

Podczas edycji przy tekście widoczny jest pasek narzędzi Formatowanie z małymi przyciskami; po najechaniu na przycisk pojawia się jego nazwa. Dostępne przyciski zależą od rodzaju tekstu: w nagłówku jest ich mniej niż w akapicie. Znajdą tu Państwo między innymi:

• w dłuższym tekście rodzaj wiersza: Zwykły tekst, Śródtytuł, Mały śródtytuł;
• Pogrubienie, Kursywa, Podkreślenie, Przekreślenie, Wyróżnienie;
• Lista punktowana, Lista numerowana, Cytat;
• Wyrównanie (do lewej, do środka, do prawej) i Rozmiar (mniejszy, normalny, większy, znacznie większy);
• Kolor tekstu, z kolorami Państwa identyfikacji wizualnej (kolor główny, kolor dodatkowy, kolor tekstu, jasny tekst, biały, ciemny);
• Dodaj lub zmień link i Usuń link;
• Słowo akcentowe: wyróżnia od jednego do czterech wybranych słów stylem akcentu z Państwa identyfikacji wizualnej;
• Wyczyść formatowanie.

Z klawiatury na pasek narzędzi przechodzi się skrótem Alt+F10.

Kilka rad. Prosimy wybierać kolor z identyfikacji wizualnej, a nie dowolny kolor: dzięki temu strona pozostaje spokojna i wszystko do siebie pasuje. Jeśli wybrany kolor jest słabo czytelny na tle, kreator to zaznaczy ("słabo czytelny na tym tle"). Śródtytułów prosimy używać do budowania struktury tekstu, a nie do powiększania czegoś; wyszukiwarki i czytniki ekranu korzystają z tej struktury (kurs o widoczności w wyszukiwarkach, lekcja 3.2). Pogrubienia prosimy używać oszczędnie: gdy wszystko jest pogrubione, nic się już nie wyróżnia.

Link w tekście

Prosimy zaznaczyć słowa i kliknąć Dodaj lub zmień link. Można wybrać Podstrona witryny albo wpisać adres, adres e-mail lub numer telefonu. Kreator akceptuje adres internetowy (https://...), adres e-mail (mailto:), numer telefonu (tel:), ścieżkę w Państwa witrynie (/pagina) lub sekcję (#sectie). Jeśli nie rozpozna adresu, nie zapisze linku i o tym poinformuje.

Tekst linku warto pisać tak, aby było wiadomo, dokąd prowadzi. "Zobacz nasz cennik" jest lepsze niż "kliknij tutaj". To wygodniejsze dla odwiedzających i dla osób korzystających z czytnika ekranu.

Przyciski: tekst i miejsce docelowe

Przycisk ma dwie cechy: tekst i cel. Prosimy najechać na przycisk i kliknąć Edytuj przycisk. Zobaczą Państwo:

• Tekst na przycisku;
• Dokąd prowadzi ten przycisk?, z pięcioma opcjami.

Kreator sprawdza wpisane dane. Adres e-mail musi być prawidłowy, numer telefonu musi mieć co najmniej 8 cyfr, a adres internetowy musi być prawdziwym adresem. Edytuj przycisk działa bezpłatnie i bez AI.

Dlaczego to ważne: przycisk jest często najważniejszym miejscem na stronie. Przycisk "Poproś o wycenę", który nigdzie nie prowadzi, kosztuje Państwa klientów. Jeśli link nie ma celu, kreator ostrzega: "Ten link jeszcze nigdzie nie prowadzi i nie będzie działał na opublikowanej stronie. Prosimy wybrać stronę lub adres."

Uwaga przy opcji Telefon: w polu do wpisywania widnieje przykładowo 06 12345678. To tylko przykład, a nie numer. Prosimy wpisać własny numer.

Przycisk wysyłania formularza nie jest linkiem

Przycisk pod formularzem kontaktowym wygląda jak każdy inny, ale działa inaczej: wysyła formularz. Po najechaniu na niego pojawia się Ustawienia formularza zamiast Edytuj przycisk. Po kliknięciu widać Przycisk wysyłania formularza oraz adres, na który przychodzą wiadomości. Jeśli nie został jeszcze ustawiony, widnieje tam "adres e-mail Państwa konta". Za pomocą Zmień adres przechodzą Państwo do Ustawienia > Formularze. Tam ustawia się adres i pozostałe elementy formularza (lekcja 4.3 i 5.3).

Jeśli odwiedzający mają móc wysłać Państwu e-mail bez formularza, prosimy dodać zwykły przycisk z opcją E-mail. Działa on także na bezpłatnej stronie bez pakietu, ponieważ odwiedzający wysyła wtedy wiadomość sam, ze swojego programu pocztowego.

Pułapki

• Numer telefonu tylko w tekście. Prosimy umieścić go także w przycisku lub linku z opcją Telefon, aby można było od razu zadzwonić z telefonu.
• Przyciski prowadzące na niewłaściwą stronę po zmianie nazwy lub usunięciu strony. Po usunięciu strony kreator usuwa również prowadzące do niej linki i informuje, ile ich było. Prosimy potem sprawdzić przyciski.
• Pozostawione dane przykładowe. Adres e-mail lub numer z pierwszej wersji może być zmyślony (lekcja 2.4). Prosimy samodzielnie wpisać prawdziwe dane.
• Kolory spoza identyfikacji wizualnej. Przypadkowe kolory sprawiają, że strona wygląda niespokojnie, a czasem staje się nieczytelna.
• "Poprawianie" przez AI czegoś, co już jest dobre. Każde polecenie dla AI może zmienić więcej, niż Państwo chcą. Drobne rzeczy lepiej zrobić samodzielnie.

W kreatorze: jak to zrobić

1. W podglądzie prosimy najechać na tekst i kliknąć Edytuj (lub kliknąć dwukrotnie).
2. Prosimy zmienić tekst; do nagłówków, list i linków służy pasek narzędzi Formatowanie.
3. Prosimy zapisać klawiszem Enter (krótki tekst) lub Ctrl+Enter (dłuższy tekst).
4. Prosimy najechać na przycisk i kliknąć Edytuj przycisk.
5. Prosimy zmienić Tekst na przycisku i w polu Dokąd prowadzi ten przycisk? wybrać cel.
6. Prosimy kliknąć przycisk wysyłania formularza i za pomocą Ustawienia formularza sprawdzić, dokąd przychodzą wiadomości.

Podsumowanie

• Samodzielna edycja tekstu jest bezpłatna, bez AI i bez propozycji; każdy zapis tworzy nową wersję.
• Pasek narzędzi Formatowanie pozwala tworzyć nagłówki, listy, kolory z identyfikacji wizualnej, słowa akcentowe i linki.
• Edytuj przycisk pozwala wybrać cel: Strona, E-mail, Telefon, Strona internetowa lub Sekcja.
• Przycisk wysyłania formularza nie jest linkiem; adres odbiorczy ustawia się w Ustawienia > Formularze.

Quiz

Zadanie

Zadanie D3.2: Przyciski, które gdzieś prowadzą. Prosimy sprawdzić wszystkie przyciski na stronie głównej i stronie kontaktowej oraz nadać każdemu z nich prawdziwy cel.

Lista kontrolna:

• [ ] każdy przycisk na stronie głównej otwarty przez Edytuj przycisk;
• [ ] dla każdego przycisku wybrany cel (Strona, E-mail, Telefon, Strona internetowa lub Sekcja);
• [ ] co najmniej jeden przycisk z opcją Telefon lub E-mail z prawdziwymi danymi (nie 06 12345678);
• [ ] co najmniej jeden przycisk z opcją Sekcja prowadzący do sekcji na tej samej stronie;
• [ ] przycisk wysyłania formularza sprawdzony przez Ustawienia formularza, a adres odbiorczy zweryfikowany;
• [ ] jeden tekst samodzielnie zmieniony i uzupełniony o link przez Dodaj lub zmień link;
• [ ] w widoku Telefon sprawdzone, czy przyciski wyświetlają się poprawnie.

Pytania:

1. Który przycisk wcześniej nigdzie nie prowadził lub prowadził w złe miejsce i dokąd prowadzi teraz?
2. Na jaki adres przychodzą wiadomości z formularza i czy jest to adres, który Państwo codziennie sprawdzają?
3. Jaki tekst linku Państwo wybrali i dlaczego?

Po kliknięciu "gotowe" zobaczą Państwo przykładową odpowiedź: przycisk "Poproś o wycenę" w sekcji głównej nigdzie nie prowadził, a teraz przewija stronę do sekcji Kontakt; wiadomości przychodzą na info@example.com, który Bas sprawdza codziennie; tekst linku "Zobacz nasz cennik" zamiast "kliknij tutaj", ponieważ odwiedzający wie wtedy, dokąd trafi.

Więcej informacji

• Bezpłatny kurs Widoczność w internecie 3.2: Nagłówki i struktura strony
• Darmowy kurs WordPress 4.1: Edytor blokowy
• Sitebuilder i AI Builder: które narzędzie wybrać i jak je otworzyć?