Jak kopiować i wklejać w WordPress bez problemów z formatowaniem?

Niedawno jeden z czytelników zapytał nas, jak kopiować i wklejać elementy do WordPressa bez powodowania problemów z formatowaniem.

Często podczas kopiowania i wklejania treści z aplikacji komputerowej lub strony internetowej, kończy się to również wklejaniem niechcianego formatowania. Nie pasuje to do kroju pisma i kolorów twojego motywu WordPress, co po prostu wygląda dziwnie.

W tym artykule pokażemy, jak łatwo kopiować i wklejać do WordPressa bez niechcianego formatowania i stylów.

Zrozumienie kopiowania i wklejania w WordPress

Kopiowanie i wklejanie oznacza kopiowanie tekstu z jednego miejsca do drugiego bez konieczności wpisywania go od nowa.

Aby skopiować tekst z dokumentu lub strony internetowej, musisz podświetlić go za pomocą twojej myszy. Następnie wystarczy kliknąć prawym przyciskiem myszy i wybrać „Kopiuj” z menu.

Możesz też użyć skrótu klawiaturowego Ctrl+C (Command+C na Macu), aby skopiować podświetlony tekst.

Aby wkleić tekst do WordPressa, wystarczy kliknąć prawym przyciskiem myszy i wybrać „Wklej” z menu.

Możesz także użyć skrótu klawiaturowego Ctrl+V (Command+V na Macu), aby wkleić skopiowany tekst:

Podczas kopiowania tekstu, formatowanie tekstu jest kopiowane wraz z nim. Problem polega na tym, że czasami kończy się to formatowaniem, którego nie chcesz.

To niepożądane formatowanie może mieć wpływ na sposób wyświetlania twojego tekstu na innych urządzeniach.

Niektórzy użytkownicy WordPressa decydują się całkowicie unikać kopiowania i wklejania. Zamiast tego redagują swoje wpisy bezpośrednio w witrynie internetowej WordPress.

Możesz jednak preferować tworzenie wersji roboczej za pomocą osobnego narzędzia, takiego jak Microsoft Word lub Google Docs. Pozwala to na pracę w trybie offline i może ułatwić udostępnianie twojej pracy w celu uzyskania komentarzy i wersji przed publikacją.

Ważne jest również, aby unikać dodawania niepotrzebnego formatowania, ponieważ wpływa ono na rozmiar twojej strony, co oznacza wolniejszą prędkość witryny.

Właśnie dlatego stworzyliśmy ten przewodnik po tym, jak poprawnie kopiować i wklejać tekst w WordPressie. Możesz użyć odnośników, aby przejść bezpośrednio do potrzebnych sekcji:

Jak kopiować i wklejać z Worda do WordPressa (edytor blokowy)

Kopiowanie tekstu z programu Microsoft Word jest dość proste.

Od lat WordPress umożliwia kopiowanie bogatego (sformatowanego) tekstu z dokumentów Worda bezpośrednio do edytora. Jest to duża zaleta, jeśli lubisz pisać i formatować swoje wpisy w programie Microsoft Word.

Skopiowanie twojego wpisu z Worda do WordPressa pozwala zachować elementy takie jak nagłówki, pogrubienie i kursywa tekstu, odnośniki i listy. Spowoduje to odrzucenie wszelkich opcji stylizacji, takich jak kolory, odstępy itp.

Oto dokument, który skopiujemy z Worda do WordPressa:

Ten dokument jest sformatowany z dwoma nagłówkami Heading 2 dla podrozdziałów wpisu. Tekst jest pogrubiony i kursywą, lista wypunktowana i odnośnik.

Po prostu skopiujemy całą treść z dokumentu Word i wkleimy ją do edytora bloków WordPress.

Zwróć uwagę, że niektóre formatowania nie zostały skopiowane. Obrazek został pominięty, ale WordPress utworzył blok obrazka w odpowiednim miejscu.

Wskazówka: Zawsze używaj „Stylów nagłówków” w programie Word do tworzenia twoich podtytułów. Nie podkreślaj tekstu i nie zwiększaj wielkości pisma ręcznie.

Chcesz sprawdzić, czy twój tekst został poprawnie skopiowany? Postępuj zgodnie z naszymi instrukcjami w dalszej części tego artykułu, aby sprawdzić i poprawić błędy formatowania.

Jak skopiować i wkleić z Dokumentów Google do WordPressa (Edytor blokowy)

Dokumenty Google to bardzo popularne narzędzie do edycji tekstu. Podobnie jak w przypadku Worda, łatwo jest kopiować i wklejać z Dokumentów Google do edytora bloków WordPress.

Oto nasz fragment tekstu w Dokumentach Google. Jest on identyczny z dokumentem, którego użyliśmy powyżej w Microsoft Word.

Możesz skopiować tekst w Dokumentach Google za pomocą klawiszy CTRL+C na twojej klawiaturze lub wybierając opcję „Kopiuj” z menu po kliknięciu prawym przyciskiem myszy.

Następnie możesz po prostu wkleić tekst do edytora bloków. WordPress automatycznie użyje odpowiednich rozmiarów nagłówków i bloków dla treści.

Tym razem obrazek pojawi się również w WordPressie.

Nie zostanie on jednak przesłany do biblioteki multimediów WordPress i będzie wyświetlany bezpośrednio z twojego konta Google Drive.

Musisz pobrać i przesłać obrazki ręcznie do Twojej witryny internetowej WordPress.

Kopiowanie i wklejanie przy użyciu edytora klasycznego

Czy zmagasz się z błędami formatowania po skopiowaniu i wklejeniu tekstu do WordPressa? Prawdopodobnie używasz starego, klasycznego edytora.

Klasyczny edytor dobrze radzi sobie z dokumentami Worda i nie powinien dodawać żadnego zbędnego kodu. Nie radzi sobie jednak dobrze z tekstem skopiowanym z Dokumentów Google.

Oto jak wygląda nasz tekst z Dokumentów Google po wklejeniu go do klasycznego edytora:

Nagłówki, odnośnik, pogrubienie i kursywa wyglądają poprawnie.

Dodano jednak niepotrzebne dodatkowe formatowanie, które nie jest widoczne.

Jak sprawdzić i naprawić błędy formatowania kopiowania i wklejania?

Przyjrzyjmy się teraz, jak sprawdzić i poprawić błędy formatowania.

Cały tekst w twoich wpisach WordPress jest sformatowany przy użyciu HTML (hipertekstowego języka znaczników). Tagi HTML otaczają słowa, które są sformatowane w określony sposób.

Dla przykładu, pogrubienie tekstu we wpisach na WordPressie wygląda tak w kodzie HTML:

There is <strong>bold text</strong> in this sentence.

Słowa „pogrubiony tekst” będą wyświetlane pogrubioną czcionką.

Aby sprawdzić i poprawić błędy formatowania po skopiowaniu i wklejeniu, należy sprawdzić kod HTML twojego wpisu.

Sprawdzanie kodu HTML w edytorze bloków

W edytorze bloków można łatwo zobaczyć kod HTML dowolnego bloku. Najpierw kliknij blok. Następnie kliknij trzy pionowe kropki po prawej stronie menu bloku.

Pojawi się menu rozwijane. Tutaj wystarczy kliknąć opcję „Edytuj jako HTML”:

Zostanie wyświetlony kod HTML bloku. W edytorze bloków nie powinno być żadnych niepożądanych formatowań.

Tutaj akapit poprawnie zaczyna się od otwierającego tagu <p> i kończy zamykającym tagiem </p>.

Pogrubione zdanie jest również poprawne. Zaczyna się od tagu <strong>, a kończy zamykającym tagiem </strong>.

Aby powrócić do normalnego widoku twojego bloku, wystarczy ponownie kliknąć trzy pionowe kropki.

Następnie wybierz opcję „Edytuj wizualnie”.

Sprawdzanie kodu HTML w edytorze klasycznym

W klasycznym edytorze można łatwo zobaczyć kod HTML wpisu, klikając kartę „Tekst” u góry pola zawierającego tekst wpisu. To jest kod HTML naszego wpisu skopiowany z Dokumentów Google:

Tagi span są tutaj dodatkowym, niepotrzebnym kodem.

Ponadto tekst pogrubiony i kursywa są formatowane przy użyciu tagu <b> zamiast <strong> i tagu <i> zamiast <em>. Ogólnie uważa się, że najlepiej jest używać tagów <strong> i <em>, ponieważ nadają one twoim słowom znaczenie semantyczne, a nie tylko wizualną stylizację.

Dla porównania, oto kod utworzony podczas kopiowania z Worda zamiast z Dokumentów Google w klasycznym edytorze. Nie ma niepotrzebnych tagów formatujących, a pogrubienie i kursywa zostały poprawnie wyrenderowane.

Jeśli skopiowałeś swój wpis z Dokumentów Google, będziesz musiał przejrzeć kod HTML i ręcznie poprawić format wpisu. W tym przypadku oznacza to:

• Usuwanie wszystkich tagów <span style="krój pisma: 400;"> i </span>.
• Zmiana wszystkich <li style="font-weight: 400;"> na same <li>.
• Zmiana <b> i </b> na <strong> i </strong>.
• Zmiana <i> i </i> na <em> i </em>.

Aby przyspieszyć ten proces, należy najpierw skopiować i wkleić kod HTML do edytora tekstu.

Następnie wystarczy użyć funkcji Znajdź i zamień, aby zmienić nieprawidłowe formatowanie. Oto przykład przy użyciu Notatnika. Znajdujemy wszystkie instancje <li style="krój pisma: 400;"> i zastępujemy je <li>:

Po zastąpieniu nieprawidłowego formatowania wystarczy skopiować i wkleić tekst z powrotem do widoku Tekst w klasycznym edytorze.

Powinno to wyglądać następująco.

Kopiowanie i wklejanie zwykłego tekstu

Zwykły tekst to tekst bez żadnego formatowania. Aby uniknąć możliwości nieprawidłowego formatowania, możesz skopiować i wkleić zwykły tekst.

Jest to również bardzo przydatna opcja w przypadku kopiowania fragmentu tekstu z innej witryny internetowej. Na przykład, możesz zamieścić w swojej treści cytat z innej osoby.

Kopiowanie i wklejanie zwykłego tekstu w edytorze bloków

Edytor bloków WordPress nie ma przycisku ani opcji wklejania zwykłego tekstu. Można to jednak łatwo zrobić samodzielnie.

Najszybszą metodą jest użycie skrótu klawiaturowego Ctrl+Shift+V (PC) lub Command+Shift+V (Mac) do wklejenia twojego tekstu. Spowoduje to automatyczne wklejenie tekstu w formacie zwykłego tekstu.

Alternatywnie, niektóre przeglądarki oferują opcję wklejania jako zwykły tekst.

Jeśli korzystasz z przeglądarki Google Chrome, po prostu kliknij prawym przyciskiem myszy i wybierz opcję „Wklej jako zwykły tekst”:

Obie metody będą działać w celu wklejenia zwykłego tekstu do bloku pojedynczego akapitu.

Kopiowanie i wklejanie zwykłego tekstu w edytorze klasycznym

Aby wkleić zwykły tekst do klasycznego edytora, należy najpierw kliknąć przycisk przełączania paska narzędzi:

Teraz wystarczy kliknąć ikonkę „Wklej jako tekst”.

Wygląda jak schowek z literą T:

Każdy wklejany tekst będzie teraz wklejany w trybie zwykłego tekstu, z usuwanym formatowaniem.

Oto jak to wygląda, gdy wkleimy tekst z naszego dokumentu Google. Nagłówki, pogrubienia, kursywa, wypunktowania i odnośniki zostały usunięte:

Pro Tip: Kopiowanie, wklejanie i klonowanie całych witryn WordPress

Podczas gdy powyższy przewodnik dla początkujących pokazuje podstawy kopiowania i wklejania, WordPress oferuje również wiele zaawansowanych funkcji kopiowania, wklejania i klonowania.

Na przykład, można łatwo sklonować całą witrynę WordPress w 7 prostych krokach.

Istnieje również sposób na utworzenie duplikatu strony lub wpisu WordPress za pomocą jednego kliknięcia.

Jeśli korzystasz z edytora bloków, możesz również tworzyć bloki wielokrotnego użycia, które możesz wykorzystać w wielu wpisach.

Mamy nadzieję, że ten artykuł pomógł ci nauczyć się kopiować i wklejać w WordPress. Być może spodobają Ci się również nasze wskazówki dotyczące opanowania edytora treści WordPress i nasze wybory ekspertów dotyczące niezbędnych wtyczek WordPress dla wszystkich witryn internetowych.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.