Jak skopiować i wkleić w WordPress bez problemów z formatowaniem

Niedawno czytelnik zapytał nas, jak skopiować i wkleić elementy do WordPress bez powodowania problemów z formatowaniem?

Często podczas kopiowania i wklejania treści z aplikacji komputerowej lub strony internetowej wklejasz również niechciane formatowanie. Nie pasuje to do czcionek i kolorów motywu WordPress, które po prostu wyglądają dziwnie.

W tym artykule podzielimy się, jak łatwo skopiować i wkleić do WordPress bez niechcianego formatowania i stylów.

Zrozumienie kopiowania i wklejania w WordPress

Kopiowanie i wklejanie oznacza kopiowanie tekstu z jednego miejsca do drugiego bez potrzeby wpisywania go ponownie.

Aby skopiować tekst z dokumentu lub strony internetowej, musisz go podświetlić za pomocą myszy. Następnie kliknij prawym przyciskiem myszy i wybierz “Kopiuj” z menu. Możesz też użyć skrótu klawiaturowego Ctrl+C (Command+c na komputerze Mac), aby skopiować podświetlony tekst.

Aby wkleić tekst do WordPressa, możesz kliknąć prawym przyciskiem myszy i wybrać “Wklej” z menu. Lub użyj skrótu klawiaturowego Ctrl+V (Command+V na komputerze Mac), aby wkleić skopiowany tekst:

Podczas kopiowania tekstu, formatowanie tekstu jest kopiowane wraz z nim. Problem polega na tym, że czasami skończysz z formatowaniem, którego nie chcesz.

To niechciane formatowanie może wpływać na sposób wyświetlania tekstu na innych urządzeniach.

Niektórzy użytkownicy WordPressa całkowicie unikają kopiowania i wklejania. Zamiast tego sporządzają swoje posty bezpośrednio na swojej stronie WordPress.

Możesz jednak użyć osobnego narzędzia, takiego jak Microsoft Word lub Google Docs. Pozwala to pracować w trybie offline i może ułatwić udostępnianie swojej pracy w celu uzyskania komentarzy i poprawek przed publikacją.

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

Dlatego stworzyliśmy ten ostateczny przewodnik, jak prawidłowo kopiować i wklejać tekst w WordPress. Możesz użyć linków, aby przejść bezpośrednio do potrzebnych sekcji:

• Radzenie sobie i wklejanie z programu Word do WordPress za pomocą edytora bloków
• Kopiowanie i wklejanie z Dokumentów Google do WordPress za pomocą edytora bloków
• Radzenie sobie i wklejanie za pomocą klasycznego edytora
• Jak sprawdzić i naprawić błędy formatowania Kopiuj i wklej

Jak skopiować i wkleić z programu Word do WordPress (edytor bloków)

Kopiowanie tekstu z Microsoft WordPress jest dość proste.

Od lat WordPress pozwala kopiować bogaty (sformatowany) tekst z dokumentów programu Word bezpośrednio do edytora. Jest to duża zaleta, jeśli lubisz pisać i formatować swoje posty w programie Microsoft Word.

Kopiowanie postu z programu Word do WordPress pozwala zachować elementy takie jak nagłówki, pogrubiony i kursywy tekst, linki i listy. Odrzuci wszelkie opcje stylizacji, takie jak kolory, odstępy itp.

Oto dokument, który zamierzamy skopiować z programu Word do WordPress:

Dokument ten jest sformatowany z dwoma Podtytułami Działu 2 dla podrozdziałów postu. Jest pogrubienie i kursywa, lista punktowana i link.

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

Zauważ, że niektóre formatowanie nie zostało skopiowane. Obraz został pominięty, ale WordPress stworzył blok obrazu we właściwym miejscu.

Tip: Zawsze używaj “stylów nagłówków” w programie Word, aby utworzyć podtytuły. Nie Podświetlaj tekstu i nie zwiększaj rozmiaru czcionki ręcznie.

Chcesz potwierdzić, że Twój tekst został skopiowany poprawnie? Po prostu postępuj zgodnie z naszymi instrukcjami w dalszej części tego artykułu na temat sprawdzania i naprawiania błędów formatowania.

Jak skopiować i wkleić z Dokumentów Google do WordPress (edytor bloków)

Google Docs to bardzo popularne narzędzie do edycji tekstu. Podobnie jak w przypadku programu Word, łatwo jest skopiować i wkleić z Dokumentów Google do edytora bloków WordPress.

Oto nasz tekst w Google Docs. Jest identyczny z tym, którego użyliśmy w Word, powyżej.

Kiedy kopiujemy i wklejamy tekst z Dokumentów Google do WordPress, ponownie WordPress poprawnie sformatował tekst.

Tym razem obraz pojawia się również w WordPress. Jednak nie jest przesyłany do biblioteki multimediów WordPress i jest wyświetlany bezpośrednio z konta na Dysku Google.

Musisz pobrać i przesłać obrazy ręcznie do swojej witryny WordPress.

Kopiowanie i wklejanie za pomocą klasycznego edytora

Czy masz problemy z błędami formatowania po skopiowaniu i wklejeniu tekstu do WordPress? Następnie prawdopodobnie używasz starego klasycznego edytora.

Klasyczny edytor dobrze obsługuje dokumenty programu Word i nie powinien dodawać niepotrzebnego kodu. Jednak nie robi tak dobrej roboty z tekstem skopiowanym z Dokumentów Google.

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

Nagłówki, link, pogrubienie i kursywa # patrz zgadza się.

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

Jak Sprawdzić i naprawić błędy formatowania Kopiuj i wklej

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

Cały tekst w postach WordPress jest sformatowany za pomocą HTML (hypertext Markup language). Znaczniki HTML otaczają słowa sformatowane w określony sposób.

Na przykład pogrubiony tekst w postach WordPress wygląda tak w kodzie HTML:

W tym zdaniu znajduje się<strong>pogrubiony tekst < /strong>.

Słowa “pogrubiony tekst” zostaną pogrubione.

Aby sprawdzić i naprawić błędy formatowania po skopiowaniu i wklejeniu, musisz sprawdzić kod HTML swojego postu.

Sprawdzanie kodu HTML w edytorze bloków

W edytorze bloków łatwo jest wyświetlić kod HTML dowolnego bloku. Najpierw kliknij na blok. Następnie kliknij trzy pionowe kropki po prawej stronie menu bloku.

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

Teraz zobaczysz kod HTML dla bloku. W edytorze bloków zwykle nie dodano niechcianego formatowania.

Tutaj akapit poprawnie zaczyna się od otwarcia <p> tag i kończy się zamknięciem < / p> tag.

Poprawne jest również zdanie pogrubione. Zaczyna się w <strong> tag i kończy się zamknięciem < / strong> tag.

Aby powrócić do normalnego widoku bloku, po prostu kliknij ponownie trzy pionowe kropki. Następnie wybierz opcję “Edytuj wizualnie”.

Sprawdzanie kodu HTML w klasycznym edytorze

W klasycznym edytorze łatwo jest wyświetlić kod HTML postu, klikając zakładkę “tekst” u góry pola zawierającego tekst postu. To jest kod HTML dla naszego postu skopiowany z Google Docs:

Znaczniki span to dodatkowy, niepotrzebny kod.

Ponadto pogrubiony tekst i kursywa są formatowane za pomocą <B> tag zamiast <strong> oraz < i> tag zamiast < em>. Ogólnie uważa się, że najlepiej jest używać <strong> oraz < em> znaczniki te nadają Twoim słowom znaczenie semantyczne, a nie tylko wizualną stylizację.

Dla porównania, oto kod wytwarzany podczas kopiowania z Worda zamiast Dokumentów Google w klasycznym edytorze. Nie ma niepotrzebnych znaczników formatowania, a pogrubienie i kursywa zostały poprawnie wyrenderowane.

Jeśli skopiowałeś post z Google docs, musisz przejść przez kod HTML i ręcznie poprawić formatowanie. W tym przypadku oznacza to:

• Usuwanie wszystkich <span style = " font-weight: 400;"> oraz </span> tagi.
• Zmiana wszystkich < li style="font-weight: 400;"> do just < li>.
• Zmiana <B> oraz < / B> na <strong> oraz < / strong>.
• Zmiana < i> oraz < / i> na < em> oraz < / em>.

Aby przyspieszyć proces, najpierw musisz skopiować i wkleić kod HTML do edytora tekstu.

Następnie po prostu użyj znajdź i Zamień, aby zmienić nieprawidłowe formatowanie. Oto przykład użycia notatnika. Znajdujemy wszystkie przypadki < li style="font-weight: 400;"> i zastąpienie ich < li>:

Po zastąpieniu nieprawidłowego formatowania po prostu skopiuj i wklej tekst z powrotem do widoku tekst w klasycznym edytorze.

Kopiowanie i wklejanie zwykłego tekstu

Zwykły tekst to tekst bez formatowania. Aby uniknąć możliwości nieprawidłowego formatowania, możesz preferować kopiowanie i wklejanie zwykłego tekstu.

Jest to również bardzo przydatna opcja, jeśli kopiujesz fragment tekstu z innej strony internetowej. Na przykład możesz dołączyć cudzysłów do treści.

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

Edytor bloków WordPress nie ma przycisku ani opcji wklejania zwykłego tekstu. Jednak łatwo jest to zrobić samemu.

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

Alternatywnie, niektóre przeglądarki oferują opcję wklejania jako zwykły tekst. Jeśli używasz Google Chrome, po prostu kliknij prawym przyciskiem myszy i wybierz opcję “Wklej jako zwykły tekst” :

Obie te metody będą działać, aby wkleić zwykły tekst w jednym bloku akapitu.

Kopiowanie i wklejanie zwykłego tekstu w klasycznym edytorze

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

Teraz wystarczy kliknąć ikonę “Wklej jako tekst”. Wygląda jak schowek z literą T:

Wklejany tekst będzie teraz wklejany w trybie zwykłego tekstu, z usuniętym formatowaniem. Oto jak to wygląda, gdy wklejamy tekst z naszego dokumentu Google. Nagłówki, pogrubienie, kursywa, Punktory i link zostały usunięte:

Pro Tip: Kopiuj, Wklej i Klonuj całe witryny 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żesz łatwo sklonować całą witrynę WordPress w prostych krokach 7.

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

Jeśli używasz edytora bloków, możesz również tworzyć bloki wielokrotnego użytku, których możesz używać w wielu postach.

Mamy nadzieję, że ten artykuł pomógł Ci nauczyć się kopiować i wklejać do WordPress. Możesz również polubić nasze wskazówki dotyczące opanowania edytora treści WordPress i naszego eksperckiego wyboru wtyczek do WordPress dla wszystkich stron internetowych.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.