Korzystanie z edytora tekstu sformatowanego dla zawartości

Możesz użyć edytora tekstu sformatowanego Shopify, aby sformatować i opracować styl treści, które pojawią się w Twoim sklepie online.

Gdzie używać edytora tekstu sformatowanego

Edytora tekstu sformatowanego możesz używać, aby dodać lub edytować tekst w kilku miejscach w sklepie:

Jeśli korzystasz z szablonuOnline Store 2.0, możesz dodaćsekcje tekstu sformatowanegodo swoich stron lub wzorców za pomocąedytora szablonów.

Dodaj zawartość HTML za pomocą edytora tekstu sformatowanego

Możesz wprowadzić zawartość HTML dla swoich postów na blogu, stron, opisów produktów i opisów kolekcji za pomocą edytora tekstu sformatowanego.

Kliknij przyciskPokaż HTML, aby wyświetlić kod HTML zawartości w edytorze tekstu sformatowanego.

W widoku HTML można wprowadzić wiele zmian zawartości w edytorze tekstu sformatowanego. Możesz dodawać obrazy, filmy lub tabele za pomocą HTML oraz możesz debugować lub dostosowywać układ i styl zawartości.

Osadź widżet mediów

Jeśli chcesz osadzić widżet wideo lub widżet muzyczny, musisz najpierw umieścić go w serwisie takim jakYoutube,VimeolubSoundCloud. Te usługi generują kod do osadzania, który można skopiować i wkleić do edytora sformatowanego tekstu panelu administracyjnego Shopify.

Kroki:

  1. Znajdźkod osadzaniadla multimediów, które chcesz osadzić.

  2. Wybierz cały kod do osadzenia, klikając go i naciskającctrl+Ana komputerze PC lubcommand+Ana komputerze Mac.

  3. Skopiuj kod osadzenia, naciskającctrl+Cna komputerze PC lubcommand+Cna komputerze Mac.

  4. W panelu administracyjnym Shopify kliknij przyciskPokaż HTMLw edytorze tekstu sformatowanego dla zawartości, którą chcesz edytować.

  5. Wklej kod osadzenia, naciskającctrl+Vna komputerze PC lubcommand+Vna komputerze Mac.

  6. Kliknij opcjęZapisz.

Formatuj tekst za pomocą edytora tekstu sformatowanego

Za pomocą przyciskuFormatowaniemożna szybko tworzyć akapity, nagłówki lub cytaty blokowe. Użycie odpowiednich poziomów formatowania i nagłówków ułatwia użytkownikom i wyszukiwarkom czytanie zawartości strony internetowej.

Aby wybrać format tekstu, zaznacz tekst, a następnie kliknij przyciskFormatowanie.

Opcje formatowania

  • Akapit

  • Nagłówek (1-6)

  • Cytat blokowy

Pogrubiony tekst

Abypogrubićtekst, zaznacz go i kliknij przyciskPogrubienie.

Pisanie tekstu kursywą

Aby uzyskać kursywę, zaznacz tekst i kliknij przyciskKursywa.

Podkreśl tekst

Aby podkreślić tekst, zaznacz go i kliknij przyciskPodkreśl.

Utwórz wypunktowaną listę

Aby utworzyć listę z wypunktowaniem, kliknij przyciskLista wypunktowana.

Pierwszą pozycję listy punktowanej możesz utworzyć, wpisując ją. Aby utworzyć nowe pozycje listy, naciśnij klawiszenterlubreturn. Aby zakończyć listę, naciśnij dwukrotnie klawiszenterlubreturn.

Utwórz listę numerowaną

Aby utworzyć listę numerowaną, kliknij przyciskLista numerowana.

Pierwszą pozycję listy numerowanej możesz utworzyć, wpisując ją. Aby utworzyć nowe pozycje listy, naciśnij klawiszenterlubreturn. Aby zakończyć listę, naciśnij dwukrotnie klawiszenterlubreturn.

Wcięcie tekstu

Wcięcie akapitu powoduje utworzenie marginesu po lewej stronie. Aby wciąć akapit, kliknij przyciskWcięcie.

Tekst bez wcięcia

Anulowanie wcięcia akapitu powoduje usunięcie marginesu. Aby anulować wcięcie akapitu, kliknij przyciskAnulowanie wcięcia.

Wyrównaj tekst

Aby wyrównać tekst, zaznacz tekst, kliknij przyciskWyrównaniei wybierzWyrównaj do lewej,Wyrównaj do środkalubWyrównaj do prawej.

Zmień kolory tekstu za pomocą edytora tekstu sformatowanego

Kroki:

  1. Zaznacz tekst i kliknij przyciskKolor.

  2. Kliknij kolor lub wprowadź kod szesnastkowy, aby zmienić wyróżniony tekst na ten kolor.

Zmień kolory tła tekstu

Kroki:

  1. Zaznacz tekst i kliknij przyciskKolor.

  2. Kliknij kartęTło.

  3. Kliknij kolor lub wprowadź kod szesnastkowy, aby zmienić tło wyróżnionego tekstu na ten kolor.

Wyczyść formatowanie w edytorze tekstu sformatowanego

Aby usunąć formatowanie z tekstu lub obrazów, zaznacz zawartość, a następnie kliknij przyciskWyczyść formatowanie.

Wstaw tabele za pomocą edytora tekstu sformatowanego

Możesz dodawać tabele do postów na blogu, stron, opisów produktów i opisów kolekcji za pomocą edytora tekstu sformatowanego. W utworzonej tabeli możesz umieścić tekst, obrazy lub nawet filmy.

Kroki:

  1. W edytorze tekstu sformatowanego kliknij przyciskWstaw tabelę.

  2. KliknijWstaw tabelę, aby wstawić tabelę. Spowoduje to utworzenie tabeli z jednym wierszem i jedną kolumną.

Po utworzeniu tabeli kliknij ponownie przyciskWstaw tabelę, aby zmodyfikować wiersze i kolumny tabeli:

  • Wstaw wiersz powyżej: Umieść kursor w rzędzie i kliknij ten przycisk, aby wstawić powyżej nowy wiersz.
  • Wstaw wiersz poniżej: Umieść kursor w rzędzie i kliknij ten przycisk, aby wstawić poniżej nowy wiersz.
  • Wstaw kolumnę przed: Umieść kursor w kolumnie i kliknij ten przycisk, aby wstawić nową kolumnę przed tą kolumną.
  • Wstaw kolumnę po: Umieść kursor w kolumnie i kliknij ten przycisk, aby wstawić nową kolumnę po tej kolumnie.
  • Usuń wiersz: Umieść kursor w wierszu, który chcesz usunąć, a następnie kliknij ten przycisk.
  • Usuń kolumnę: Umieść kursor w kolumnie, którą chcesz usunąć, a następnie kliknij ten przycisk.
  • Usuń tabelę: Umieść kursor w dowolnym miejscu tabeli, a następnie kliknij ten przycisk, aby usunąć całą tabelę.

Wstaw linki za pomocą edytora tekstu sformatowanego

Możesz dodawać linki (hiperlinki) w postach na blogu, stronach, opisach produktów i opisach kolekcji za pomocą edytora tekstu sformatowanego. Dodawane przez Ciebie linki mogą kierować klientów do stron w Twoim sklepie Shopify i do innych stron internetowych. Ponadto możesz dodawać linki, które otwierają wiadomości e-mail lub wykonują połączenia telefoniczne, aby pomóc klientom skontaktować się z Tobą.

Kroki:

  1. Zaznacz tekst滑obraz、ktory chcesz zamienićw link.
  2. KliknijWstaw link.

  3. Wprowadź docelowy adres URL linku w poluLink do:

  4. Wprowadź krótki opis linku w poluTytuł linku.

  5. Wybierz sposób otwierania linku za pomocą menuOtwórz ten link w:

  6. KliknijWstaw link, aby przekształcić podświetlony tekst w link.

Dodaj wewnętrzne i zewnętrzne linki za pomocą edytora tekstu sformatowanego

Linki do stron w Twoim sklepie Shopify nazywane są linkamiwewnętrznymi. Możesz użyć krótkich adresów URL, aby utworzyć linki wewnętrzne. Na przykład adres URL/collectionswskaże stronę kolekcji Twojego sklepu.

Aby połączyć się z określoną stroną sklepu online, taką jak strona kolekcji lub produktu, użyj formatu adresu URL/page-type/page-handle. Na przykład, aby połączyć się z utworzoną kolekcją o nazwie Summer Collection, użyj adresu URL/collections/summer-collection.

Linki do stron internetowych znajdujących się poza sklepem Shopify nazywane są linkami zewnętrznymi. Linki zewnętrzne należy wprowadzić w całości i zacząć odhttp://.

Link do pliku w treści strony

Pozaładowaniu plikumożesz połączyć go z zawartością w edytorze tekstu sformatowanego, aby udostępnić go do pobrania z opisu produktu lub kolekcji, strony internetowej lub wpisu na blogu.

Kroki:

  1. Skopiuj adres URL pliku, który chcesz połączyć.

  2. W panelu administracyjnym Shopify kliknij produkt, kolekcję, stronę internetową lub wpis na blogu, do którego chcesz dodać plik.

  3. W edytorze tekstu sformatowanego wprowadź lub wybierz tekst linku.

  4. Wybierz tekst linku.

  5. KliknijWstaw link

  6. W poluLink dowklej adres URL pliku, który chcesz podłączyć.

  1. KliknijWstaw link. W edytorze tekstu sformatowanego podłączony tekst jest wyświetlany na niebiesko i jest podkreślony.

Wstaw obrazy za pomocą edytora tekstu sformatowanego

Istnieją trzy sposoby wstawiania obrazu za pomocą edytora tekstu sformatowanego. Możesz:

Załaduj zdjęcia

Kroki:

  1. W edytorze tekstu sformatowanego kliknij przyciskWstaw obraz.

  2. W oknie dialogowymWstaw obrazkliknij kartęZaładowane obrazy.

  3. NaciśnijZaładuj plik.

  4. Wybierz plik JPEG lub PNG obrazu z komputera.

  5. Kliknij załadowany obraz, aby go wybrać.

  6. Z menuRozmiar do wstawieniawybierz rozmiar wyświetlania obrazu. Możesz wybraćOryginał, aby wstawić obraz bez zmiany rozmiaru wyświetlania.

  7. KliknijWstaw obraz, aby umieścić obraz w edytorze tekstu sformatowanego.

Wybierz spośród obrazów produktów

Kroki:

  1. W edytorze tekstu sformatowanego kliknij przyciskWstaw obraz.

  2. W oknie dialogowymWstaw obrazkliknij kartęObrazy produktu.

  3. Kliknij obraz, który chcesz wstawić.

  4. Z menuRozmiar do wstawieniawybierz rozmiar wyświetlania obrazu. Możesz wybraćOryginał, aby wstawić obraz bez zmiany rozmiaru wyświetlania.

  5. KliknijWstaw obraz, aby umieścić obraz produktu w edytorze tekstu sformatowanego.

Użyj adresu URL obrazu

Aby wstawić obraz przy użyciu publicznego adresu URL:

  1. W edytorze tekstu sformatowanego kliknij przyciskWstaw obraz.

  2. W oknie dialogowymWstaw obrazkliknij kartęURL.

  3. Wprowadź publicznie dostępny adres URL pliku obrazu.

  4. KliknijWstaw obraz, aby wstawić obraz w edytorze tekstu sformatowanego w oryginalnym rozmiarze.

Przesuń obraz i zmień jego rozmiar w edytorze tekstu sformatowanego

Po dodaniu obrazu do opisu produktu lub kolekcji, strony internetowej lub blogu możesz przenieść go do innej lokalizacji w zawartości.

Kroki:

  1. W panelu administracyjnym Shopify kliknij produkt, kolekcję, stronę internetową lub wpis na blogu zawierający obraz, którego rozmiar chcesz zmienić lub który chcesz przenieść.

  2. W edytorze tekstu sformatowanego kliknij obraz.

  3. Wykonaj jedną z następujących czynności:

  4. Kliknij opcjęZapisz.

Edytuj obraz w edytorze tekstu sformatowanego

Możesz zmienić rozmiar, zawijanie tekstu i wyrównanie obrazu w edytorze tekstu sformatowanego. Ponadto możesz edytować adres URL obrazu lub dodawać bądź edytować tekst alternatywny.

Kroki:

  1. Kliknij dwukrotnie obraz w edytorze tekstu sformatowanego, aby otworzyć okno dialogoweEdytuj obraz.
  2. Użyj opcji rozmiaru i wyrównania, aby edytować obraz:

    • Aby zmienić rozmiar obrazu, wybierz opcję rozmiaru.
    • Aby zmienić obraz, podaj nowy adres URL obrazu.
    • Aby poprawić pozycjonowanie stron (SEO) i dostępność swojego sklepu online, dodaj lub edytuj alternatywny tekst obrazu.
    • Aby dodać odstępy, wprowadź liczbę pikseli odstępu po każdej stronie.
    • Aby zmienić wyrównanie obrazu, wybierz ikony reprezentujące wyrównanie do lewej, do prawej lub do środka.
    • Aby dodać zawijanie tekstu, zaznacz opcjęZawijaj tekst wokół obrazu.
  3. KliknijEdytuj obraz, aby zapisać zmiany.

Wstaw filmy za pomocą edytora tekstu sformatowanego

Możesz dodawać lub wstawiać filmy w postach na blogu, stronach, w opisach produktów i opisach kolekcji za pomocą edytora tekstu sformatowanego.

Jeśli chcesz osadzić utworzony film, musisz najpierw przesłać go do witryny strumieniowej transmisji wideo, takiej jakYouTubelubVimeo.

YouTube nie zezwala na wyłączenie powiązanych filmów, ale możesz ustalić, że powiązane filmy powinny pochodzić z tego samego kanału, co właśnie odtwarzany film.

Kroki:

  1. Skopiuj adres URL filmu, naciskającctrl+Cna komputerze PC lubcommand+Cna komputerze z Mac.

  2. OdwiedźEmbed Responsively. Embed Responsively to narzędzie tworzące ulepszony kod do osadzania Twojego filmu.

  3. Na stronie Embed Responsively wybierz witrynę wideo, w której znajduje się Twój film.

  4. Wklej adres URL filmu, który skopiowałeś(-aś) do polaURL stronyna Embed Responsively, naciskającctrl+Vna komputerze PC lubcommand+Vna komputerze Mac.

  5. Kliknij opcjęOsadź. Embed Responsively utworzy dla Ciebie kod do osadzenia.

  6. 我śpochodzi z YouTu李的电影be i chcesz wyświetlić tylko powiązane filmy z tego samego kanału YouTube, znajdź adres URL filmu w kodzie osadzenia. Skopiuj i wklej na końcu?rel=0w cudzysłowie.

  7. Skopiuj cały kod w poluOsadź kod.

  8. W panelu administracyjnym Shopify kliknij przyciskWstaw filmw edytorze tekstu sformatowanego.

  9. Wklejkod do osadzenia w polu w oknie dialogowymWstaw film.

  10. KliknijWstaw film.

  11. Po zakończeniu kliknijZapisz, aby zapisać zmiany w edytowanej pozycji.

Wstaw pliki audio za pomocą edytora tekstu sformatowanego

Możesz użyć edytora tekstu sformatowanego do wstawienia lub osadzenia plików audio na stronach, w postach na blogu, opisach produktów i opisach kolekcji.

Kroki:

  1. W panelu administracyjnym Shopify kliknijUstawienia, a następniePliki.

  2. KliknijZaładuj pliki,赎przesł一ćplik音频、ktory chcesz wstawić陆b osadzić w swoim sklepie.

  3. W sekcjiSklep onlineotwórz edytor tekstu sformatowanego dla strony lub wpisu na blogu, w którym chcesz umieścić plik audio.

  4. Skopiuj

    , a następnie wklej kod w edytorze tekstu sformatowanego, aby osadzić odtwarzacz audio na swojej stronie.

  5. Skopiuj następujący kod:

  6. Kliknij opcjęZapisz.

  7. KliknijWidok, aby upewnić się, że plik audio odtwarza się poprawnie.

Dodaj lub usuń komentarze wewnętrzne w edytorze tekstu sformatowanego

Możesz użyć tagów komentarzadla tekstu wewnętrznego, którego nie chcesz opublikować w swoim sklepie.

Kroki:

  1. W edytorze tekstu sformatowanego kliknij przyciskPokaż HTML.

  2. Aby dodać komentarz wewnętrzny, umieść tekst, który chcesz ukryć między. Na przykład:.

  3. Kliknij opcjęZapisz.

TagiHTML zawarte w tagach komentarza są zapisywane jako tekst wewnętrzny. Aby tagi takie działały poprawnie, musisz usunąć tagi komentarzawokół nich.

Gotowy(-a) do rozpoczęcia sprzedaży za pomocą Shopify?

Wypróbuj za darmo