Edytor tekstu strony

O Nas pozwalają tworzyć dowolne strony oparte na informacjach przy użyciu ponad 100 bloków treści za pomocą łatwego narzędzia do tworzenia stron typu „przeciągnij i upuść” Pixpa.

Możesz zorganizować, edytuj i dostosowuj te bloki treści, aby tworzyć unikalne strony do wyświetlania Twoich treści.
Sprawdź także: Zrozumienie sekcji i fragmentów.


W kreatorze stron możesz łatwo Dodaj działy i przeciągnij i upuść Fragmenty z lewego paska bocznego do obszaru roboczego strony.

Po umieszczeniu sekcji na swojej stronie możesz edytować w niej poszczególne elementy fragmentów (tekst, obrazy, przyciski).

Po prostu przesuń kursor na obszar płótna strony, a wszystkie poszczególne fragmenty zostaną podświetlone po najechaniu myszką. Następnie kliknij dowolny fragment, aby go edytować.

Zobacz, jak edytować treść w akcji: 


Oto, co możesz zrobić w obszarze kanwy strony: 

  1. Kolejność fragmentów.
  2. Zduplikuj fragmenty.
  3. Usuń określony fragment.
  4. Cofnij ostatnie zmiany.
  5. Zastosuj pogrubienie/kursywę/podkreślenie i inne formatowanie tekstu.
  6. Zmień kolor tekstu i kolor tła fragmentu.
  7. Zastosuj formatowanie tekstu lub zmień styl czcionki.
  8. Zmienić XNUMX wyrównanie.
  9. Twórz uporządkowane i nieuporządkowane listy.
  10. Zastosuj hiperłącze do tekstu.
  11. Dodaj symbol.
  12. Usuń wstępne formatowanie tekstu.
  13. Edytuj kod HTML całej strony.

Snippet Tool Box i pasek narzędzi do edycji

Po kliknięciu dowolnego fragmentu zobaczysz plik Zestaw narzędzi fragmentów pojedynczego fragmentu po prawej stronie i Pasek narzędzi edycji na szczycie.

Na pasku narzędzi fragmentów dostępne są 4 opcje: 

  • Drag ( ) – Służy do sekwencjonowania fragmentów poprzez przeciąganie i upuszczanie.
  • Duplikat – Służy do powielania fragmentu.
  • Narzędzia elementów – Służy do przeglądania dodawania nowego fragmentu, powielania fragmentu, przesuwania fragmentu w górę/w dół oraz opcji usuwania pojedynczego fragmentu.
  • Usuń – Służy do usuwania fragmentu.

 


1. Sekwencjonowanie fragmentów

  • Możesz sekwencjonować swój fragment, przeciągając i upuszczając. Po prostu trzymaj przeciągnij ikonę i przeciągnij fragment kodu przez wszystkie bloki na stronie i upuść go w żądanym miejscu.
Zobacz fragmenty sekwencjonowania w akcji:

2. Zduplikuj swój fragment

  • Możesz zduplikować dowolny istniejący fragment, klikając ikonę duplikatu.
Zobacz powielanie fragmentów w akcji:

3. Usuń swój fragment

  • Możesz usunąć dowolny fragment ze swojej strony, klikając ikonę usuwania.
Zobacz usuwanie fragmentów w akcji:

4. Cofnij ostatnie zmiany

  • Możesz cofnąć ostatnie zmiany tekstowe, naciskając Ctrl (okna) lub ⌘ (prochowiec) +Z. 

5. Pogrubienie / Kursywa / Podkreślenie / Przekreślenie itp

  • Możesz łatwo edytować tekst fragmentu, klikając go. Po prostu zaznacz tekst i kliknij ikonę paska narzędzi edycji, aby wybrać odpowiednio pogrubienie, kursywę i podkreślenie.

 

Zobacz w akcji:

6. Kolor tekstu / Tło tekstu i Kolor tła sekcji

Kolor tekstu i tła tekstu można wybrać na dwa sposoby:

  1. Paleta
  2. Niestandardowy kolor

Paleta

W tej zakładce dostępne opcje kolorów będą odzwierciedlać opcje wybranej palety kolorów z Sekcja projektowania.

Będą one automatycznie pobierane i aktualizowane za każdym razem, gdy dokonasz zmian w palecie kolorów swojej witryny. ZOBACZ WIĘCEJ o Paletach kolorów.

Niestandardowy kolor

Tutaj znajdziesz próbnik kolorów, w którym możesz wybrać kolor i wybierać spośród różnych dostępnych odcieni.

Dodatkowo możesz wprowadzić kod koloru w formacie szesnastkowym, a także dostosować krycie koloru.

Wykonaj poniższe czynności, aby wybrać kolor tekstu i tła tekstu:

  • Kliknij konkretny fragment, zaznacz tekst i kliknij Kolor (1) ikona. Zobaczysz wyskakujące okienko, w którym możesz wybrać kolor Opcje kolorów palety lub Niestandardowy kolor (2).
  • Wybierz Kolor tekstu i Kolor wypełnienia (3) tj. kolor tła tekstu.
  • Poprawić Nieprzezroczystość (4) koloru za pomocą suwaka.
  • Możesz także użyć kodu koloru szesnastkowego (5) i zastosować go do tekstu/tła tekstu.
  • Wreszcie, Zapisz (6) zmiany.

  • Połączenia SKolor tła akcji (7) można zmienić z Styl Kolor opcja.

  • Możesz także zmienić lub usunąć zastosowany kolor/stylizację. Po prostu zaznacz tekst i kliknij Ikona czyszczenia (8), aby usunąć istniejący schemat kolorów.
  • Zapisz (9) zmiany.


Zobacz w akcji:

7. Styl czcionki tekstu

  • Możesz użyć cztery różne typy stylów czcionek na twoich stronach (jednorazowo), które zostałyby określone w pliku Sekcja projektowania. Jest to wspólny styl projektowania, który jest używany na wszystkich stronach.
    • Nagłówek 1 Styl → Czcionka nagłówka i styl → etykietka
    • Nagłówek 2 Styl → Czcionka tytułu i styl → etykietka
    • Nagłówek 3 Styl → Czcionka napisów i styl → etykietka
    • Nagłówek 4 Styl → Podtytuł / Czcionka Bylines i styl → etykietka
    • Tekst akapitu Styl → Czcionka akapitu i styl → etykietka

  • Po określeniu stylu czcionki w pliku Wnętrze sekcji, możesz efektywnie używać ich na całej stronie. Wystarczy zaznaczyć tekst i zastosować formatowanie w edytorze stron.
    Sprawdź również: Styl tekstu witryny.
  • System automatycznie zastosuje czcionkę, kolor, rozmiar i grubość tego konkretnego stylu czcionki do wybranego tekstu. Możesz przejrzeć to samo na stronie na żywo i w edytorze.

 


Zobacz w akcji:

Podczas pracy z edytorem tekstu naciśnij ENTER (okna) lub RETURN (mac) aby utworzyć nowy akapit, aby wstawić nowy wiersz bez wymuszania nowego akapitu, naciśnij i przytrzymaj SHIFT klawisz, a następnie naciśnij klawisz Enter lub Return.


8. Wyrównanie tekstu

  • Możesz zarządzać wyrównaniem tekstu fragmentu — do lewej / do środka / do prawej i wyjustować, klikając ikonę wyrównania na pasku narzędzi edycji.

 


Zobacz w akcji:

9. Lista — uporządkowane i nieuporządkowane / wcięcie / wcięcie

  • Możesz łatwo przekonwertować tekst na listy z wcięciami i uporządkować je.
    • tiret – Podświetlony obszar tekstowy zostanie wcięty.
    • wcięcie – Podświetlony obszar tekstowy nie będzie wcięty. Aby zmniejszyć wcięcie, kliknij ikonę listy nieuporządkowanej/uporządkowanej, którą zastosowałeś wcześniej.
    • Lista nieuporządkowana – Wyróżniony tekst zostanie sformatowany jak lista wypunktowana. W HTML używa to zestawu I tagi.
    • Uporządkowana lista – Podświetlony tekst zostanie sformatowany jak lista numerowana. W HTML używa to zestawu I tagi.

 


Zobacz w akcji:

Uwaga: Możesz usunąć wcięcie, klikając ponownie tę samą listę/ikonę wcięcia.

  • Możesz łatwo dodać link do swojego tekstu (hiperłącze/kotwica).
  • Zaznacz tekst i naciśnij link przycisk na pasku narzędzi edycji. Możesz połączyć swoje istniejące strony internetowe lub dowolną inną stronę internetową/blog/pliki PDF itp.
  • Po kliknięciu zobaczysz wyskakujące okienko, w którym możesz wpisać adres URL lub ślimak (1), wybrać, czy otworzyć w nowym oknie (2), tekst linku/przycisku (3), Tytuł – używany w przypadku tylko obrazy (4).

 

Proszę zanotować:

  • Aby połączyć się z zewnętrzną witryną, która znajduje się poza witryną Pixpa, wprowadź http://po którym następuje np. adres internetowy http://www.example.com.
  • Aby połączyć się z galerią, kategorią sklepu lub stroną w witrynie, wprowadź na przykład adres URL /gallery
  • Aby utworzyć łącze otwierające stacjonarnego klienta poczty e-mail, wprowadź mailto: po którym następuje np. adres e-mail mailto:example@example.com.
  • Aby utworzyć łącze, które wykonuje połączenie telefoniczne, wprowadź tel:, po którym następuje np. numer telefonu z numerem kierunkowym kraju tel:+0-123-456-7890
  • Aby utworzyć łącze otwierające WhatsApp, wprowadź https://wa.me/<number> gdzie <number> to pełny numer telefonu w formacie międzynarodowym. Dodając numer telefonu w formacie międzynarodowym, pomiń zera, nawiasy kwadratowe i myślniki. Na przykład: Użyj https://wa.me/15551234567 zamiast https://wa.me/+001-(555)1234567. Wiedzieć więcej.
  • Aby połączyć się z plikiem PDF lub innym plikiem przesłanym w sekcji plików, wprowadź tutaj skopiowany link. Wiedzieć więcej.

Sprawdź również: Łączący tekst/przycisk.


11. Dodaj symbol

  • Możesz łatwo dodać lub zamienić symbol (społeczny, artystyczny, liczbowy, itp.) w edytorze stron.
  • Przejdź do dowolnego fragmentu i kliknij miejsce, w którym chcesz dodać nowy symbol, lub kliknij istniejący symbol, aby go zastąpić.
  • Następnie kliknij Emotikon symbol i dodaj symbole z prawej szuflady.

 


Zobacz, jak dodać różne rodzaje symboli do swojej strony:

12. Usuń wstępne formatowanie z wklejonego tekstu

  • Jeśli skopiujesz wstępnie sformatowany tekst bezpośrednio z Worda, Powerpointa lub dowolnej strony internetowej, edytor strony ma tendencję do zepsucia tekstu.
  • Musisz więc najpierw usunąć wstępne formatowanie z tekstu, aby móc zastosować styl czcionki Pixpa, który jest ustawiony w Wnętrze
  • Po prostu zaznacz cały tekst fragmentu i naciśnij kleń przycisk.
  • W większości przypadków usunie wstępne formatowanie i zastosuje styl tekstu akapitowego do całego tekstu.
    Wiedzieć więcej.

 


13. Kod HTML wszystkich fragmentów

  • Możesz kopiować lub edytować kod HTML wszystkich fragmentów strony za jednym razem.
  • Pomogłoby ci to zduplikować istniejący blok na stronie.

 

Sprawdź również: Edytuj kod HTML strony.


Zobacz, jak wyświetlić kod HTML strony:

Nie możesz znaleźć tego, czego szukasz?

Skontaktuj się z Ekspertem Pixpa.