Jak korzystać z iFrames z WordPress?

Jeśli masz witrynę internetową i zamierzasz udostępnić treści, które nie należą do Ciebie, poczekaj i pomyśl chwilę.

Udostępnianie treści innych osób jest niebezpieczne, ponieważ może mieć konsekwencje prawne. Nie wspominając o przesyłaniu ciężkich plików, takich jak filmy, może pochłonąć Twój cenny plan hostingowy.

Czy jest więc sytuacja, w której nie ma przegranych, w której możesz dodawać treści bez stawiania czoła tym problemom?

Tak, rozwiązaniem są ramki iFrames. Korzystając z ramek iFrames, możesz łatwo umieszczać pliki, filmy i inną zawartość w swojej witrynie. Co więcej, formalności prawne dotyczące udostępniania treści lub miejsca na serwerze nie są już problemem.

Nie martw się, jeśli nie wiesz, jak korzystać z iFrames z WordPress. Ten przewodnik zawiera trzy proste metody, które mogą ci pomóc.

Ale najpierw zacznijmy od wprowadzenia:

Co to jest iFrame?

Ramka iFrame to łatwiejszy sposób na osadzenie filmów i treści z jednej witryny w innej witrynie. Film i treść nie muszą należeć do Ciebie, aby wyświetlać się w Twojej witrynie. Nie musisz nawet przesyłać plików i filmów do swojej witryny. Taka funkcja oszczędza miejsce na Twoim serwerze i trzyma Cię z dala od naruszenia praw autorskich.

Dlaczego warto używać ramek iFrames?

Istnieją dwa główne powody używania ramek iFrames. Oni są:

1. Oszczędzanie pamięci i przepustowości

Każdy dostawca usług hostingowych ustala limit liczby zasobów i przestrzeni dyskowej, których możesz użyć dla swojej witryny. Przesyłając wideo, audio lub większe pliki, niepotrzebnie zużywasz swoje zasoby.

Korzystając z iFrames, możesz wyświetlać filmy i treści z innych witryn bez hostowania plików w Bibliotece multimediów WordPress. Taka funkcja oszczędza Twoje zasoby, a także utrzymuje stałą wydajność.

2. Unikanie problemu z prawami autorskimi

Kolejną zaletą korzystania z iFrames jest to, że pomaga uniknąć naruszania treści chronionych prawem autorskim. Zamiast pobierać filmy/pliki innych osób i przesyłać je do swojej witryny, po prostu wyświetlasz je za pomocą ramek iFrames. Korzystanie z iFrames to bardziej etyczna i łatwiejsza metoda udostępniania treści.

3. Automatyczna synchronizacja

Powyższe dwa to główne zalety korzystania z iFrames. Nie chcemy jednak również przegapić tej ważnej funkcji. Ilekroć w oryginalnych filmach lub treści nastąpi zmiana, element iframe automatycznie ją wykryje. Następnie wprowadza odpowiednie zmiany w Twojej witrynie. Musimy powiedzieć, że łatwy sposób na aktualizację treści.

Jak korzystać z iFrames z WordPress

Oto trzy proste metody korzystania z iFrames z WordPress:

Metoda 1: Używanie kodu do osadzenia ze źródła i dodawanie iFrame

Wiele większych witryn, takich jak YouTube i Facebook, ma opcje osadzania swoich treści. Otrzymasz natychmiastowy kod iFrame, który musisz dodać do swojej witryny.

Oto kroki, aby korzystać z iFrame za pomocą kodu do umieszczenia na stronie:

• Przejdź do źródła, z którego chcesz pobrać zawartość.

Oto przykład kopiowania kodu do umieszczenia filmu z YouTube:

• Przejdź do filmu, który chcesz umieścić w serwisie YouTube.
• Kliknij przycisk „Udostępnij” pod filmem.

• Pojawi się ekran z wieloma opcjami. Kliknij opcję „Umieść”.

• YouTube pokaże Ci kod do umieszczenia na stronie tego filmu. Skopiuj to.

• Zalecamy również wybranie opcji „Pokaż elementy sterujące odtwarzacza” i „Włącz rozszerzony tryb prywatności” na dole.

Możesz teraz wkleić kod, który właśnie skopiowałeś w swoim poście. Za to:

• Przejdź do pulpitu WordPress.
• Przejdź do opcji „Strony” i kliknij opcję „Dodaj nowe”. Możesz również dodać kod do istniejącej strony/postu.

• Dodaj blok HTML na swojej stronie.

• Teraz wklej skopiowany wcześniej kod do osadzenia w tym bloku.

• Następnie możesz wyświetlić podgląd zmian. Sprawdź, czy osadzanie działało prawidłowo.

UWAGA: Jeśli używasz klasycznego edytora na WordPress, możesz wkleić kod do osadzenia w opcji widoku „Tekst”. Jednak przełączanie widoków między „Wizualnym” i „Tekstowym” może powodować problemy z osadzonym kodem iFrame.

Metoda 2: Używanie wtyczki WordPress do korzystania z iFrame

Pierwsza metoda umożliwia osadzanie treści tylko z tych witryn, które udostępniają kod osadzania. Jednak korzystając z tej drugiej metody, możesz używać iFrame i osadzić zawartość z dowolnego źródła. W tym celu zalecamy użycie wtyczki iFrame.

• Przejdź do pulpitu WordPress.
• Przejdź do opcji „Wtyczki” na lewym panelu bocznym.
• Kliknij opcję „Dodaj nowy”.

• Wyszukaj wtyczkę iframe, zainstaluj ją i aktywuj.
• Po aktywacji możesz korzystać z wtyczki bez dodatkowej konfiguracji.
• Przejdź do posta/strony lub utwórz ją.
• Dodaj blok shortcode w edytorze.

• Napisz następujący krótki kod, aby osadzić swój kod iFrame.

 [iframe src="URL"]

Tutaj musisz wkleić adres URL treści, które chcesz umieścić na swojej stronie. Pokażemy przykład osadzania mapy Google.

• Możesz zapisać lub wyświetlić podgląd zmian. Będzie to wyglądać mniej więcej tak:

UWAGA: Kopiowanie adresu URL może czasami nie wystarczyć. W takim przypadku skopiuj kod do osadzenia ze źródła. Skopiuj tylko adres URL z tego kodu i usuń resztę.

Metoda 3: Ręczne tworzenie kodu iFrame i osadzanie w WordPress

Jeśli nie chcesz używać wtyczki iFrame, możesz ręcznie utworzyć kod iFrame w następujący sposób:

• Przejdź do pulpitu WordPress.
• Przejdź do posta/strony lub utwórz ją.
• Dodaj blok „HTML” do edytora.

• Skopiuj i wklej następujący kod.

 <iframe src="URL"></iframe>

• Zastąp sekcję „URL” bezpośrednim adresem URL treści, które chcesz umieścić w swojej witrynie.

Oto przykład osadzania mapy Google:

Po podglądzie będzie to wyglądało mniej więcej tak:

Specjalna notatka

W drugiej i trzeciej metodzie możesz również ustawić parametry, aby dostosować rozmiar iFrame w swojej witrynie. Na przykład możesz ustawić wysokość, szerokość i nie tylko.

Oto kilka często używanych parametrów:

• Szerokość: Użycie parametru szerokości umożliwia ustawienie zdefiniowanej szerokości ramki iFrame w pikselach.

• Wysokość: Używając parametru wysokości, możesz dostosować wysokość okna iFrame w witrynie w pikselach.

• Zezwól: Używając parametru „Zezwól”, możesz ustawić pewne zachowanie jako domyślne dla ramki iFrame. Niektóre typowe zachowania to widok pełnoekranowy i przetwarzanie płatności.

• Ważność: użycie tego parametru pozwala określić, kiedy należy wczytać ramkę iFrame.

Na przykład:

 [iframe src="URL” width="600" height="450" frameborder="0"”]

Lub,

 <iframe src="URL" width="900" height="700" allow="fullscreen"></iframe>

Wniosek

Utrzymanie atrakcyjnej i przyjaznej dla użytkownika strony internetowej pomaga rozwijać Twoją karierę online. Najlepiej byłoby jednak, gdybyś przestrzegał zasad prowadzenia serwisu, przede wszystkim prawa autorskiego. Używanie iFrames z WordPressem to skuteczny sposób na zrobienie tego.

Ramki iFrames umożliwiają osadzanie filmów i innych treści, jednocześnie utrzymując się w granicach przepisów dotyczących witryny. Korzystając z iFrame, prezentujesz treści innych osób w sposób etyczny. Ponadto oszczędzasz miejsce na dysku i przepustowość serwera.

W tym artykule przyjrzeliśmy się trzem prostym sposobom korzystania z ramek iframe w WordPress. Daj nam znać, czy to było pomocne.

Możesz również sprawdzić, jak rozwiązać błąd limitu pamięci WordPress. Pomoże Ci przydzielić więcej pamięci do WordPressa i zapobiec błędom związanym z pamięcią.

Często Zadawane Pytania