W artykule:
Czy chcesz osadzić kod iFrame w poście lub stronie WordPress?
Ramki iframe zapewniają łatwy sposób osadzania wideo lub innej zawartości w witrynie bez przesyłania jej. Wiele platform innych firm, takich jak YouTube, umożliwia użytkownikom korzystanie z iframe do osadzania treści ze swojej strony internetowej.
W tym artykule pokażemy, jak łatwo osadzić kod iFrame w WordPress przy użyciu wielu metod.
Czym jest iFrame?
Ramka iFrame umożliwia osadzanie filmów lub innych treści w witrynie. Oznacza to, że możesz wyświetlić film na swojej stronie bez hostowania tego filmu.
Ramka iframe jest jak otwarcie okna w witrynie, aby wyświetlić zawartość zewnętrzną. Rzeczywista zawartość jest nadal ładowana ze źródła, z którego osadzasz.
Aby dodać ramkę iframe, musisz dodać specjalny kod HTML. Nie martw się, jeśli to brzmi dość technicznie.
Pokażemy Ci najprostszy sposób osadzenia RAM iFrame na swoim blogu WordPress.
Dlaczego warto używać ramek iframe?
Kluczowym powodem korzystania z ramek iframe jest uniknięcie konieczności hostowania filmów lub innych zasobów w witrynie, co wykorzysta przepustowość i przestrzeń dyskową.
Ponadto ramki iFrames pozwalają uniknąć naruszania treści chronionych prawem autorskim innych osób. Zamiast pobierać filmy lub inne treści, a następnie przesyłać je do swojej witryny, po prostu dodajesz je do swojej strony za pomocą ramki iFrame.
Kolejną zaletą jest to, że jeśli oryginalna zawartość zostanie zmieniona, zostanie ona automatycznie zaktualizowana również w ramce iFrame.
Istnieją również pewne wady korzystania z ramek iframe. Nie wszystkie strony internetowe umożliwiają umieszczanie ich treści w ramce iFrame. Ponadto ramka iFrame może okazać się zbyt duża lub mała dla Twojej strony i będziesz musiał ją ręcznie dostosować.
Innym problemem jest to, że witryny HTTPS mogą używać ramek iframe tylko dla treści z innych witryn HTTPS. Podobnie witryny HTTP mogą używać ramek iframe tylko do zawartości z innych witryn HTTP.
Dlatego wiele platform takich jak WordPress preferuje oEmbed. Możesz użyć oEmbed do osadzania filmów, a także niektórych innych rodzajów treści, po prostu wklejając adres URL do swojego posta WordPress. Zawartość zostanie automatycznie dostosowana do rozmiaru i będzie odpowiednia nawet na urządzeniach mobilnych.
Ważne: Facebook instagram WordPress nie obsługuje oEmbed dla postów na Facebooku i Instagramie. Facebook / Instagram oEmbed problem i jak to naprawić.
Inną świetną alternatywą dla iFrames jest użycie wtyczki do kanałów społecznościowych. Zalecamy korzystanie z wtyczek Smash Balloon. Facebook, Instagram, Twitter i YouTube umożliwiają wyświetlanie treści.
Mimo to przyjrzyjmy się trzem różnym sposobom dodawania ramek iframe do twojej witryny.
1. Użyj kodu osadzania Źródła, aby dodać iFrame w WordPress
Wiele dużych witryn ma opcję osadzania dla swojej zawartości. Daje to specjalny kod iFrame, który musisz dodać do swojej witryny.
Na YouTube możesz uzyskać ten kod, przechodząc do filmu na YouTube, a następnie klikając przycisk Udostępnij pod nim.
Następnie pojawi się okienko z kilkoma opcjami udostępniania. Po prostu kliknij przycisk osadzaj.
Teraz YouTube pokaże Ci kod iFrame. Domyślnie YouTube będzie zawierać elementy sterujące odtwarzacza. Zalecamy również włączenie trybu zwiększonej prywatności.
Następnie kliknij przycisk Kopiuj, aby skopiować kod.
Teraz możesz wkleić ten kod do dowolnego posta lub strony w swojej witrynie. Dodamy go do nowej strony w edytorze bloków.
Aby utworzyć nową stronę, przejdź do Strony ” Dodaj Nowy w panelu WordPress.
Następnie Dodaj blok HTML do swojej strony.
Teraz musisz wkleić kod iFrame YouTube do tego bloku.
Następnie możesz wyświetlić podgląd lub opublikować swoją stronę, aby zobaczyć osadzony tam film z YouTube.
Tip: Jeśli używasz starego klasycznego edytora, nadal możesz dodać kod iFrame. Musisz to zrobić w widoku tekstowym.
Przełączanie między widokiem wizualnym i tekstowym w klasycznym edytorze może powodować problemy z kodem iFrame.
2. Korzystanie z wtyczki iFrame WordPress do osadzania RAM iFrame
Ta metoda jest przydatna, ponieważ pozwala utworzyć ramkę iframe do osadzania zawartości z dowolnego źródła, nawet jeśli to źródło nie zapewnia kodu osadzania.
Najpierw musisz zainstalować i aktywować wtyczkę iFrame. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji wtyczka zacznie działać od razu bez potrzeby konfiguracji. Śmiało Edytuj lub utwórz post lub stronę. Następnie Dodaj blok shortcode.
Następnie możesz użyć tego skrótu, aby wprowadzić kod ramki iFrame.
[iframe src = "URL idzie tutaj"]
Wystarczy wymienić URL idzie tutaj z adresem URL zawartości, którą chcesz osadzić w swojej witrynie. Osadzamy mapę Google.
Tip: Może być konieczne użycie opcji Osadź, aby uzyskać bezpośredni adres URL zawartości. Musisz użyć tylko adresu URL,a nie reszty kodu osadzania.
Następnie przejrzyj lub Opublikuj swój post. Powinieneś zobaczyć mapę Google osadzoną na twojej stronie.
Opcjonalnie można dodać parametry do skrótu iFrame, aby zmienić sposób wyświetlania osadzonej zawartości. Można na przykład ustawić szerokość i wysokość oraz dodać lub usunąć pasek przewijania lub obramowanie. Szczegóły można znaleźć na stronie wtyczki iFrame.
Tip: Jeśli używasz klasycznego edytora, możesz po prostu wkleić krótki kod do swojego posta lub strony. Nie musisz przełączać się do widoku tekstowego.
3. Ręczne tworzenie kodu iFrame i osadzanie w WordPress
Jeśli nie chcesz używać wtyczki iFrame, możesz utworzyć kod iFrame ręcznie. Aby to zrobić, musisz dodać blok HTML w edytorze treści WordPress.
Najpierw musisz wkleić ten kod do swojego bloku HTML.
<iframe src = "URL goes here" >< / iframe>
Po prostu zastąp „URL idzie tutaj” bezpośrednim adresem URL dla treści, które chcesz osadzić. Potrzebujesz tylko samego adresu URL.
Tutaj osadzamy mapę z Google.
Możesz dodać dodatkowe parametry do znacznika HTML. Na przykład można ustawić szerokość i wysokość ramki iFrame. Poniższy kod oznacza, że osadzona zawartość wyświetli 600 pikseli szerokości i 300 pikseli wysokości.
<iframe src=" URL goes here"width =" 600 "height =" 300 " >< / iframe>
Jest to przydatne, jeśli chcesz ograniczyć osadzoną zawartość do mniejszej przestrzeni.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak łatwo osadzić kod iFrame w WordPress. Możesz również zapoznać się z naszym najlepszym przewodnikiem, jak przyspieszyć swoją witrynę WordPress, a także z naszym porównaniem najlepszych narzędzi do badania słów kluczowych w celu poprawy rankingów SEO.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
