Jak korzystać z edytora tekstu Pixpa?

Pixpy Edytor WYSIWYG (What You See Is What You Get) zapewnia potężny i intuicyjny interfejs do dodawania i formatowania treści strony, blogi i inne sekcje Twojej witryny. Dzięki najnowszej aktualizacji edytor został znacznie ulepszony, oferując nowe elementy treści, narzędzia do pisania oparte na sztucznej inteligencji, ulepszone opcje układu i interaktywne sterowanie formatowaniem.

Ten przewodnik przeprowadzi Cię przez interfejs edytora, jak korzystać z jego funkcji i jak optymalizować treści na swojej stronie internetowej.

W tym artykule:

Podczas pracy z edytorem tekstu Pixpa 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.

Większość funkcji edytora zacznie działać w momencie, gdy ty kliknij przycisk/ikonę. W innych przypadkach kliknięcie ikony spowoduje wyświetlenie małego rozwijanego menu z dodatkowymi opcjami.

Podczas dodawania stylizacji do tekstu możesz albo kliknąć opcję edytora i rozpocząć pisanie, aby uzyskać wybrany wynik, albo wpisać tekst, podświetlić go, a następnie kliknąć opcję edytora, aby dodać go do zaznaczonego tekstu.


Dodawanie elementów za pomocą przycisku „+”

Jednym z największych udoskonaleń w nowym edytorze jest Przycisk „+”, który otwiera menu z różnymi elementami treści, które można wstawić w pole tekstowe.

Elementy dostępne pod przyciskiem „+”:

  • Narzędzia sztucznej inteligencji: Skorzystaj z wspomaganego sztuczną inteligencją wspomagania pisania, aby generować pomysły na treści, przepisywać tekst lub szybko tworzyć treści. Zobacz więcej.
  • Tekst: Dodaj standardowy tekst akapitu.
  • Nagłówek: Wstaw różne poziomy nagłówków (H1, H2, H3, itd.) dla lepszej hierarchii treści.
  • Obraz: Prześlij i wstaw obrazy bezpośrednio do tekstu.
    • Możesz przesłać obrazy lub wstawić obrazy, wpisując adres URL.
  • Lista rzeczy do zrobienia: Stwórz listy kontrolne z interaktywnymi polami wyboru.
  • Lista: Dodaj punktory or listy numerowane dla treści strukturalnych.
  • Osadzać: Wstaw zewnętrzną treść, taką jak filmy, mapy, pliki audio i ramki iframe.
  • Tabela: Dodaj tabele do reprezentacji danych strukturalnych. Pod opcją tabeli znajdziesz następujące dodatkowe opcje.
    • Dodaj głowę – Wstawia wiersz nagłówka na górze tabeli, który można wykorzystać do tytułów kolumn.
    • Dodaj kolumnę przed – Dodaje nową kolumnę po lewej stronie wybranej kolumny.
    • Dodaj kolumnę po – Dodaje nową kolumnę po prawej stronie wybranej kolumny.
    • Dodaj wiersz poniżej – Wstaw nowy wiersz poniżej zaznaczonego wiersza.
    • Dodaj wiersz powyżej – Wstaw nowy wiersz nad zaznaczonym wierszem.
    • Zdjąć głowę – Usuwa wiersz nagłówka z tabeli.
    • Usuń kolumnę – Usuwa wybraną kolumnę.
    • Usuń wiersz – Usuwa zaznaczony wiersz.
    • Usuń tabelę – Usuwa całą tabelę z edytora.
  • Cytat: Podświetl tekst jako cytat blokowy dla podkreślenia. Tworzy to odrębny blok tekstu z pionową linią po lewej stronie, wizualnie oddzielając go od reszty treści, aby wyróżnić cytowany tekst.
  • Fragment kodu: Wstaw i sformatuj HTML, CSS, JavaScript lub inne języki programowania w treści.
  • Linia: dodaj podział poziomy do oddzielania sekcji treści.
  • Layout: Korzystanie z układ opcja, możesz organizować zawartość w poziome bloki w wielu sekcjach. Pozwala to na elastyczną strukturę i lepszą hierarchię wizualną na Twojej stronie internetowej. Poniżej przedstawiono kluczowe funkcje:

    • Układy wielokolumnowe: Wybierz jedną, dwie, trzy lub cztery kolumny, aby uporządkować treść na różne sposoby.
    • Niestandardowe współczynniki podziału: Wybierz predefiniowane proporcje, np. 60/40 lub 40/60, aby kontrolować szerokość każdej sekcji.
    • Zagnieżdżone bloki:Możesz zaznaczyć blok i utworzyć w jego obrębie wiele oddzielnych bloków w celu lepszej organizacji.
  • Obwoluta: Grupuj wiele elementów razem, aby uzyskać lepszą organizację.
  • Wstaw spis treści: Utwórz spis treści na podstawie nagłówków dokumentu, ułatwiając nawigację. Jest to przydatne w przypadku blogów, samouczków i długich artykułów, umożliwiając czytelnikom szybkie przechodzenie do sekcji.

Ten podejście modułowe ułatwia dostosuj układ i skutecznie dodawać różne elementy treści.


Narzędzia AI

Funkcja AI Tools w Pixpa Text Editor pozwala na wzbogacenie treści o pomoc wspomaganą przez AI. Oto dostępne opcje:

  • Omow wszystko jeszcze raz – Modyfikuj zaznaczony tekst, zachowując oryginalne znaczenie. Pomaga to poprawić czytelność lub przeformułować zdania, aby uzyskać większą przejrzystość.
  • Skracać – Skróć zaznaczony tekst, aby był bardziej zwięzły, zachowując jednocześnie kluczowe informacje.
  • Przedłużać – Rozszerz zaznaczony tekst, dodając odpowiednie szczegóły, aby uczynić go bardziej opisowym i informacyjnym.
  • Uproszczać – Przepisz tekst, używając prostszego języka, dzięki czemu będzie łatwiejszy do zrozumienia, a jednocześnie zachowasz pierwotny zamysł.
  • Poprawna gramatyka – Automatyczne sprawdzanie i korygowanie błędów gramatycznych w zaznaczonym tekście, co zwiększa jego dokładność i czytelność.
  • Tłumacz – Przetłumacz wybrany tekst na inny język, co pozwoli Ci bez wysiłku tworzyć wielojęzyczne treści.

Funkcje oparte na sztucznej inteligencji pomagają usprawnić tworzenie treści, czyniąc je szybszym i bardziej efektywnym.


Formatuj — zmień styl czcionki

Możesz użyć różne rodzaje stylów czcionek w Twojej witrynie (jednorazowo), które zostałyby określone w pliku Sekcja projektowania. Jest to powszechny styl projektowania używany w całej witrynie.

Wszystkie style czcionek są określone w sekcja projektowa. Możesz także kliknąć Zarządzaj czcionkami, która jest ostatnią opcją na liście rozwijanej po kliknięciu na Tekst przycisk. Teraz możesz zobaczyć i ustawić następujące czcionki oraz edytować styl czcionki, rozmiar, kolor, grubość, wysokość linii i odstępy między literami:

  • Dział 1
  • Dział 2
  • Dział 3
  • Dział 4
  • Tekst akapitu (mały i duży)
  • Nagłówek 1 Bardzo duży

Oto zrzut ekranu stylu Nagłówek 1. Tutaj możesz również edytować inne czcionki akapitów nagłówków.

Po określeniu stylu czcionki w sekcji projektowania możesz efektywnie używać ich w całej witrynie. Wystarczy zaznaczyć tekst i zastosować formatowanie. System automatycznie zastosuje kolor czcionki, rozmiar i grubość tego konkretnego stylu do wybranego tekstu. Możesz przejrzeć to samo na stronie internetowej.

Note

Styl, grubość i kolor czcionki będą widoczne tylko na stronie internetowej, NIE w studiu.


Pogrubienie/kursywa

  • Pogrubienie – Po kliknięciu wyróżniony tekst stanie się pogrubiony. W HTML używa to tagu.
  • italski – Po kliknięciu wyróżniony tekst zmieni się na kursywę. W HTML używa się


Linia – Dodaj linię

Edytor pozwala na dodanie poziomej linii. Kliknięcie tej ikony doda linię w miejscu umieszczenia kursora.


Więcej opcji formatowania

Menu More Formatting w Edytorze tekstu Pixpa udostępnia dodatkowe opcje stylizacji tekstu, aby poprawić wygląd i strukturę treści. Oto, co robi każda opcja:

  • Code – Formatuje zaznaczony tekst jako kod inline lub fragment kodu. Jest to przydatne do wyświetlania treści programistycznych lub technicznych.
  • podkreślać – Dodaje podkreślenie do zaznaczonego tekstu w celu jego uwypuklenia.
  • Kotwica – Dodaje nazwaną kotwicę do zaznaczonego tekstu, umożliwiając tworzenie wewnętrznych linków, które przechodzą bezpośrednio do tej konkretnej sekcji na tej samej stronie. Przydatne do tworzenia spisu treści lub nawigacji na stronie.
  • napisany u góry – Wyświetla zaznaczony tekst nieco powyżej normalnej linii bazowej tekstu (np. X²). Często używane w wyrażeniach matematycznych i przypisach.
  • indeks – Wyświetla zaznaczony tekst nieco poniżej normalnej linii bazowej tekstu (np. H₂O). Przydatne w przypadku wzorów chemicznych i innych specjalnych oznaczeń.
  • Atrakcja – Podświetla zaznaczony tekst kolorem tła, aby zwrócić uwagę na ważną treść.
  • Usunięte – Przekreśla zaznaczony tekst, aby wskazać konieczność usunięcia lub korekty.
  • Wyczyść wszystkie style – Usuwa całe zastosowane formatowanie z zaznaczonego tekstu, przywracając mu styl domyślny.


Spójność

Możesz wyrównać tekst do lewej, do prawej, do środka i wyjustowany. Zaznacz tekst i wybierz wyrównanie z listy rozwijanej.


Kolor tekstu

Domyślnie system zastosuje kolor czcionki określony w pliku sekcja projektowa. Za pomocą tego narzędzia można jednak zastąpić kolor globalny. Wybierz tekst i kliknij ikonę koloru, pojawi się standardowa paleta kolorów do wyboru.

Oprócz tego możesz tutaj także określić kolor tła zaznaczonego tekstu.

Uwaga: Możesz określić dowolny inny kolor niestandardowy, który nie jest dostępny w palecie kolorów Ustaw kolor opcja poprzez wpisanie Kod szesnastkowy koloru.


Lista

Możesz łatwo przekształcić tekst w listy z wcięciami, aby je uporządkować.

  • Lista wypunktowana – Wyróżniony tekst zostanie sformatowany jak lista wypunktowana. W HTML używa to zestawu I tagi.
  • Lista numerowana – Podświetlony tekst zostanie sformatowany jak lista numerowana. W HTML używa to zestawu I tagi.


Edytor umożliwia wstawienie linku do dowolnego tekstu. Możesz połączyć swoje istniejące strony internetowe lub dowolną inną stronę internetową/blog/pliki PDF itp.

Zaznaczenie tekstu i kliknięcie tego przycisku spowoduje otwarcie małego okna modalnego, w którym można wprowadzić docelowy adres URL, wybrać, czy otworzyć w nowym oknie, czy też wybrać link do innej strony w ich własnej witrynie. W HTML używanym tagiem jest tekst łącza

Uwaga

  • 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. Pomiń wszelkie zera, nawiasy i myślniki podczas dodawania numeru telefonu w formacie międzynarodowym. Na przykład: Użyj https://wa.me/15551234567 zamiast https://wa.me/+001-(555)1234567Dowiedz się więcej.
  • Aby połączyć się z plikiem PDF lub innym plikiem przesłanym w sekcji plików, wprowadź skopiowany link tutaj. Dowiedz się więcej.
  • Kliknij tutaj aby dowiedzieć się więcej o narzędziu Pixpa Link Builder.


Obraz — Dodaj obraz

Możesz łatwo dodawać obrazy do swojej treści, korzystając z opcji Dodaj obraz w edytorze tekstu Pixpa. Niezależnie od tego, czy chcesz przesłać obrazy ze swojego urządzenia, czy wstawić je za pomocą adresu URL, ta funkcja zapewnia bezproblemowy sposób na wzbogacenie postów o elementy wizualne.

  • Wstaw obraz przez URL – Możesz wkleić adres URL obrazu i kliknąć przycisk Wstaw, aby dodać go bezpośrednio do strony.
  • Prześlij obraz z urządzenia – Możesz przeciągnąć i upuścić obraz w wyznaczonym polu przesyłania lub kliknąć wewnątrz pola, aby wybrać obraz ze swojego urządzenia.


Emotikon

Opcja Emoji w edytorze tekstu Pixpa pozwala wzbogacić treść o różnorodne emoji. Emoji można używać do nadawania treściom większej ekspresji, dodawania nacisku lub przekazywania emocji w zabawny i kreatywny sposób.


Stół

Opcja Tabela umożliwia wstawianie tabel bezpośrednio do edytora tekstu. Po dodaniu możesz dostosować strukturę i zawartość tabeli, korzystając z wielu opcji formatowania.

Opcje edycji tabeli:

  • Dodaj Głowę – Dodaje wiersz nagłówka na górze tabeli, aby wyróżnić tytuły kolumn.
  • Dodaj kolumnę przed – Wstawia nową kolumnę po lewej stronie wybranej kolumny.
  • Dodaj kolumnę po – Wstawia nową kolumnę po prawej stronie wybranej kolumny.
  • Dodaj wiersz poniżej – Wstawia nowy wiersz pod zaznaczonym wierszem.
  • Dodaj wiersz powyżej – Wstawia nowy wiersz nad zaznaczonym wierszem.
  • Zdejmij Głowę – Usuwa nagłówek tabeli, jeśli został dodany.
  • Usuń kolumnę – Usuwa wybraną kolumnę z tabeli.
  • Usuń wiersz – Usuwa zaznaczony wiersz z tabeli.
  • Usuń tabelę – Całkowicie usuwa tabelę z edytora.


Wstaw spis treści

Utwórz spis treści na podstawie nagłówków dokumentu, ułatwiając nawigację. Jest to przydatne w przypadku blogów, samouczków i długich artykułów, umożliwiając czytelnikom szybkie przechodzenie do sekcji.


Kotwica

Narzędzie kotwiczące pozwala dodać unikalny identyfikator HTML do sekcji lub akapitu posta. Jest to przydatne do tworzenia wewnętrznych linków do stron (linków skokowych), umożliwiając odwiedzającym kliknięcie linku i przejście bezpośrednio do określonej części strony.

Jak tego użyć:

  1. Kliknij w dowolnym miejscu akapitu lub sekcji, którą chcesz zakotwiczyć.
  2. Na pasku narzędzi kliknij Ikona kotwicy.
  3. Pojawi się okno podręczne zatytułowane "Kotwica".
  4. W „Dodaj lub zmień ID” w polu wprowadź unikalny identyfikator (np. paragraph-2).
  5. Kliknij Zapisz.

Ważne notatki:

  • Identyfikator powinien być małe, zawierają bez odstępów, I użyć Myślniki Jeśli potrzebne.
  • Po ustawieniu możesz połączyć się z tą kotwicą za pomocą #your-id na końcu Twojego adresu URL.
    • Przykład: https://yourwebsite.com/page#paragraph-2

Funkcja ta świetnie sprawdza się w przypadku długich postów lub artykułów ze spisem treści, umożliwiając czytelnikom szybkie przejście do konkretnych sekcji.


Widok kodu HTML

Okno edytora może funkcjonować jako edytor wizualny (WYSIWYG) lub jako edytor HTML.

Możesz jednak przełączyć się do edytora HTML, klikając go. Możesz zmienić wszystko z widoku kodu, jeśli wiesz, jak to zrobić, lub możesz również pingować zespół pomocy technicznej Pixpa, jeśli potrzebujesz pomocy.

Wskazówka: Za pomocą widoku kodu HTML możesz dodać dowolny typ kodu osadzania w swoim poście na blogu.  


Opcje specyficzne dla sekcji

Każda sekcja dodana do edytora tekstu zawiera dodatkowe opcje dostosowywania, pozwalające na modyfikację jej wyglądu i funkcjonalności. Możesz uzyskać dostęp do tych ustawień, klikając dwie poziome linie obok sekcji, co otwiera menu rozwijane z różnymi kontrolkami.

  • Dodaj – Wstaw nowy blok treści poniżej bieżącego, aby szybko dodać więcej tekstu, obrazów lub innych elementów.
  • Format: – Umożliwia przełączanie się między różnymi stylami bloków tekstowych, takimi jak akapit, nagłówek lub cytat.

  • Kotwica – Dodaje identyfikator kotwicy do bloku, dzięki czemu możesz tworzyć linki na stronie, które przenoszą bezpośrednio do tej sekcji.
  • Przesuń w górę / Przesuń w dół – Zmień położenie sekcji w obrębie treści, przesuwając ją w górę lub w dół.
  • Kolor – Zmień kolor tekstu dla wybranego bloku.
  • Kolor tła – Ustaw kolor tła za tekstem w bloku, aby podkreślić go lub uzyskać kontrast.
  • Granica – Dodaj lub zmień obramowania wokół sekcji, aby skuteczniej uporządkować treść.

  • Rozstaw zębów – Dostosowuje wypełnienie wokół bloku, w tym u góry, u dołu i po bokach, umożliwiając dokładniejszą kontrolę odstępów i układu.

  • Duplikat – Klonuj sekcję, aby zachować spójność formatowania i struktury w różnych częściach treści.
  • Usunięcia – Jeśli dana sekcja nie jest już potrzebna, należy ją całkowicie usunąć.

Ustawienia te umożliwiają pełną kontrolę struktury treści, gwarantując uporządkowany i atrakcyjny wizualnie układ.

Uwaga

Dostępne opcje specyficzne dla sekcji mogą się różnić w zależności od typu sekcji dodanej do edytora.


Wniosek

Edytor WYSIWYG Pixpa przynosi a nowoczesny, bogaty w funkcje i intuicyjny doświadczenie edycji treści. Dzięki ulepszonemu elementy treści, narzędzia AI, osadzanie multimediów i formatowanie strukturalne, tworzenie angażujących stron i wpisów na blogu jest teraz bardziej efektywne niż kiedykolwiek.

Wykorzystując te funkcje możesz ulepsz swoją treść, ulepszać zaangażowanie użytkownikai stwórz a bezproblemowe korzystanie ze strony internetowej.

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

Skontaktuj się z Ekspertem Pixpa.

Pixpa Studio właśnie przeszło modernizację. Aktualizujemy obecnie wszystkie zrzuty ekranu z artykułów pomocy.