WordPress jest jedną z najlepszych platform na świecie dzięki swoim funkcjom, które pozwalają użytkownikom edytować wszystko, co chcą na swoich stronach internetowych i blogach. Posiada również prosty interfejs. Aby dowiedzieć się dzisiaj trochę więcej, dowiedz się jak utwórz wyskakujące okienko w WordPress bez wtyczek.
I to, jeśli jesteś nowy w tym świecie pracy na stronach i tworzenie własnych blogów, będziesz potrzebować pomocy we wszystkich swoich zadaniach. Ponieważ chociaż WordPress jest bardzo łatwy w obsłudze, musisz najpierw dostosować się do systemu, którego używa za pomocą haseł i wtyczek (przy dobrym rozwiązaniu możesz nawet wstaw wideo mp4 do posta lub strony ten zaimportuj arkusz kalkulacyjny Excel , łącznie z).
Utwórz wyskakujące okienko w WordPressie bez wtyczek
Dla osób niezaznajomionych z terminologią POP UP to w zasadzie zasób, który pozwala robić zdjęcia lub wykonywać połączenia, które przyciągają uwagę czytelnika, gdy naciśnie określony przycisk lub po chwili. Najczęściej pojawiają się na środku i pod ekranem komputera.
Szopa utwórz wyskakujące okienko w WordPressie bez wtyczek , istnieje kilka procedur, niektóre prostsze niż inne, z których pierwsza to kod HTML.
Musi być zintegrowany w obu stopach de Strona Twój blog lub w bloku HTML. Umieszczenie go w pierwszym pozwoli mu pojawić się na dowolnej stronie, z drugiej strony, jeśli umieścisz go w bloku, pojawi się tylko na tej stronie. Kod to:
× // Wpisz kod formularza, zapytaj o akcję lub cokolwiek, co chcesz tutaj dodać
Kod CCS, aby POP UP wyświetlał się w środku
Aby utworzyć wyskakujące okienko w WordPress bez wtyczek, musisz πουβέζ także użyj kodów CCS. Aby je dodać, musisz przejść do panelu sterowania, a następnie w Jedność ” wygląd zewnętrzny „Wtedy” nadać cechy osobiste „I wreszcie w środku „Dodatek CCS” będąc tam, wklej następujące elementy:
#background {wyświetlacz: brak; lokalizacja: zainstalowany wysoki: 0; niski: 0; po lewej: 0; prawo: 0; kolor tła: rgba (0,0,0,0,7); z-index: 1111111;} # pop-up {kolor tła: biały; szerokość: 800px; pozycja: bezwzględna; wysoki: 200 pikseli po lewej: 50%; lewy margines: -400 px; inwestycja: 30px; promień konturu: 10px; } # wyskakujące okienko {pozycja: bezwzględna? wysoki: 0; prawo: 0; kolor tła: przezroczysty
} # span zbliżenie {wyświetlanie: flex; szerokość: 50px; wysokość: 50px; kolor tła: szary; uzasadnić-treść: centrum; wyrównaj zawartość: średnia? kierunek objazdu: kolumna; wyrównanie tekstu: środek; Biały kolor; rozmiar czcionki: 40px; grubość czcionki: pogrubiona promień konturu: 1000%
media @media (max-width: 800px) {# pop-up {u góry: 0; po lewej: 0; szerokość: 100% margines: 0; niski: 0; przelew-y: składany; }
Gdy skończysz, zaplanuj wydarzenie, które chcesz zorganizować i zapisz zmiany. Ten utworzy wyskakujące okienko POP UP dzięki czemu możesz publikować posty, które chcesz na swoim blogu.
CCS w prawym dolnym rogu
Jeśli chcesz odłożyć POP, aby był mniej inwazyjny dla czytelnika, powinieneś również przejść do tego. Sekcja dodatków CSS tak jak w poprzednim, ale tym razem należy wpisać następujący kod:
#background {wyświetlacz: brak; lokalizacja: zainstalowany niski: 50px; po prawej: 50px; indeks: 1111111 XNUMX; szerokość: 400px; wysokość: 400px; promień konturu: 10px; inwestycja: 30px; kolor tła: biały przelew-y: składany; } wyskakujące okienko {pozycja: bezwzględna? wysoki: 0; prawo: 0; kolor tła: przezroczysty
} # span zbliżenie {wyświetlanie: flex; szerokość: 50px; wysokość: 50px; kolor tła: szary; uzasadnić-treść: centrum; wyrównaj zawartość: średnia? kierunek objazdu: kolumna; wyrównanie tekstu: środek; Biały kolor; rozmiar czcionki: 40px; grubość czcionki: pogrubiona border-radius: 1000% media @media (max-width: 460px) {#background {right: 0; szerokość: 70%; }
I voila, z tym ostatnim już wiesz, co to znaczy utwórz wyskakujące okienko w WordPressie bez wtyczek , wystarczy skonfigurować zdarzenie, które ma się wydarzyć, a zakończy się ono natychmiast przy użyciu tych kodów.
Teraz, gdy jesteś już trochę zaznajomiony z samym sobą, możesz przejść do trudniejszych rzeczy, takich jak: importuj filmy z YouTube do WordPressa za pomocą dodatku ten dodaj ramki wokół obrazów za pomocą CSS , pamiętaj, że niebo jest granicą.