Wątek: Jak zrobić baner na witrynę internetową (3 proste sposoby)

Uderzający wizualnie baner jest jedną z pierwszych rzeczy, na które użytkownicy po otrzymaniu powiadomienia na innej stronie widzi po wylądowaniu na twojej witrynie. Nadaje ton twojej marce, przekazuje wiadomość i zachęca do konwersji, dzięki czemu jest potężnym narzędziem do podkreślania twoich produktów, usług lub ważnych aktualizacji.

Przez lata używaliśmy różnego rodzaju banerów na WPBeginner do promowania naszego newslettera, wyróżniania ofert Black Friday, udostępniania bezpłatnych kursów, wyświetlania naszych profesjonalnych usług i nie tylko.

Dzięki tym kampaniom zauważyliśmy, że banery konsekwentnie przyciągają uwagę ludzi, zachęcają do klikania przycisków wezwania do działania i przyciągają potencjalnych klientów do naszej firmy.

W tym artykule pokażemy ci, jak łatwo stworzyć baner dla twojej witryny internetowej WordPress. W ten sposób możesz wykorzystać wszystkie te korzyści, aby ulepszyć swój biznes.

Czym jest baner witryny internetowej?
Baner to graficzny wyświetlacz, który rozciąga się nad górną, dolną lub boczną częścią witryny WordPress. Często zawiera nazwę marki i logo, wraz z innymi elementami projektu, w celu promowania określonego produktu, usługi lub wydarzenia.

Na przykład, jeśli sklep e-handel właśnie ogłosił wyprzedaż, może wyświetlić baner na górze swoich stron, aby poinformować nowych odwiedzających o ofertach rabatowych i zachęcić ich do dokonania zakupu.

Dobrze zaprojektowany baner może wywrzeć silne wrażenie i zachęcić odwiedzających do zapoznania się z resztą twojej witryny. Ponadto banery mogą być wykorzystywane do promowania produktów partnerskich, budowania tożsamości marki, budowania listy mailingowej poprzez zachęcanie odwiedzających do zapisania się do newslettera i kierowania ruchu na inne strony twojej witryny.

Możesz również użyć banerów do promowania twoich kont w mediach społecznościowych i zachęcania odwiedzających do śledzenia lub polubienia twoich stron.

Jaki jest najlepszy rozmiar banera witryny internetowej?
Idealny rozmiar banera witryny internetowej zależy od układu i konkretnych celów marketingowych twojego bloga WordPress.

Na przykład, jeśli chcesz wyświetlić prostokątny i cienki baner u góry ekranu, możesz użyć rozmiaru Large Leaderboard, który wynosi 970 x 90.

Niektóre z innych popularnych i najczęściej używanych rozmiarów banerów obejmują:

Średni baner: 300 x 250

Tablica wyników: 728 x 90

Wide Skyscraper: 160 x 600

Pół strony: 300 x 600

Duża tablica wyników: 970 x 90

Billboard: 970 x 250

Duży prostokąt: 326 x 280

Baner pionowy: 120 x 240

Pełny baner: 468 x 60

Półbaner: 234 x 60

Jeśli chcesz wyświetlić baner wydarzenia na panelu bocznym, możesz użyć rozmiaru banera Wide Skyscraper lub Half-Page. Podobnie, możesz również użyć rozmiaru banera Medium, aby wyświetlić baner w kształcie kwadratu na twojej stronie.

Jeśli chcesz wyświetlać banery reklamowe, możesz zapoznać się z naszym przewodnikiem dla początkujących na temat najskuteczniejszych rozmiarów i formatów banerów Google AdSense dla WordPress.

Powiedziawszy to, zobaczmy, jak możesz łatwo stworzyć baner na twojej witrynie internetowej WordPress. W tym poradniku omówimy trzy metody tworzenia banerów, a ty możesz skorzystać z poniższych odnośników, aby przejść do wybranej przez siebie metody:

Method 1: Make a Website Banner Using OptinMonster (Recommended)

Method 2:
Make a Website Banner Using Canva (Free)

Method 3:
Make a Website Banner Using Thrive Leads
Bonus: Add Smart App Banners in WordPress

Metoda 1:
Utwórz baner witryny internetowej za pomocą OptinMonster (zalecane)
OptinMonster to najlepsza na rynku wtyczka do tworzenia banerów WordPress, która umożliwia łatwe tworzenie pływających pasków i wyskakujących banerów dla twojej witryny internetowej.

Jest to najlepsze narzędzie do optymalizacji konwersji i generowania leadów, które pomaga zmienić odwiedzających witrynę internetową w subskrybentów i klientów.

Ponadto, wiele szablonów banerów OptinMonster posiada pola optin, które umożliwiają zbieranie nazwisk, adresów e-mail i numerów telefonów odwiedzających twoją witrynę internetową.

Krok 1: Zainstaluj OptinMonster na twojej witrynie internetowej

Najpierw należy założyć konto OptinMonster. Aby to zrobić, wystarczy przejść na witrynę internetową OptinMonster i kliknąć przycisk Pobierz OptinMonster teraz.



Następnie należy zainstalować i włączyć darmową wtyczkę OptinMonster na twojej witrynie internetowej WordPress. Aby uzyskać szczegółowe instrukcje, warto zapoznać się z naszym przewodnikiem dla początkujących, jak zainstalować wtyczkę WordPress.

Po włączaniu, kreator konfiguracji OptinMonster otworzy się w twoim panelu administracyjnym WordPress.

Następnie kliknij przycisk Połącz istniejące konto, aby połączyć twoją witrynę WordPress z kontem OptinMonster.



Spowoduje to otwarcie nowego okna na ekranie twojego komputera.

Następnie kliknij przyciskœPołącz z WordPress, aby przejść dalej.



Krok 2: Stwórz i dostosuj swój baner.

Po połączeniu twojego konta WordPress z OptinMonster, przejdź do strony OptinMonster Kampanie z panelu bocznego administratora WordPress.

Następnie kliknij przycisk Utwórz swoją pierwszą kampanię, aby rozpocząć tworzenie projektu banera witryny internetowej.



Spowoduje to przejście do strony Szablony, gdzie można rozpocząć od wyboru rodzaju kampanii.

Na przykład, jeśli chcesz wyświetlać twój baner jako pasek u góry ekranu, możesz wybrać kampanię Pływający pasek. Podobnie możesz wybrać rodzaj kampanii Popup”, aby wyświetlić twój baner jako wyskakujące okienko.

Następnie należy wybrać szablon dla wybranej kampanii.



W tym poradniku wybierzemy szablon dla rodzaju kampanii Pływający pasek.

Następnie zostaniesz poproszony o podanie nazwy tworzonej kampanii. Wystarczy wpisać twój rodzaj nazwy i kliknąć przycisk Rozpocznij tworzenie, aby przejść dalej.



Spowoduje to uruchomienie na ekranie interfejsu przeciągania i upuszczania OptinMonster, w którym można rozpocząć konfigurowanie twojego banera. Z tego miejsca możesz przeciągać i upuszczać wybrane przez ciebie pola z panelu bocznego po lewej stronie na baner.

Na przykład, jeśli chcesz dodać ikonki mediów społecznościowych do twojego banera, aby zwiększyć liczbę obserwujących, możesz przeciągnąć i upuścić blok Media społecznościowe z lewego panelu bocznego.



Następnie wystarczy kliknąć blok, aby otworzyć jego ustawienia w lewej kolumnie.

Z tego miejsca możesz zmienić tytuł przycisku, dodać adres URL mediów społecznościowych, a nawet zmienić platformę mediów społecznościowych z menu rozwijanego.

Możesz także dodać inne bloki, aby wyświetlać filmy, obrazki, tekst lub wezwania do działania w projekcie banera witryny internetowej.



Gdy to zrobisz, musisz wybrać pozycję banera.

Domyślnie pływający pasek OptinMonster jest wyświetlany na dole ekranu twojej witryny internetowej po rozpoczęciu przewijania.

Można jednak łatwo zmienić to ustawienie, klikając ikonkę Ustawienia u dołu panelu bocznego po lewej stronie.

Spowoduje to otwarcie ustawień w lewej kolumnie, gdzie należy rozwinąć kartę Floating Bar Settings. W tym miejscu wystarczy przełączyć przełącznik Wczytywać Floating Bar u góry strony?, aby wyświetlić baner u góry.



Krok 3: Dodaj wyzwalacze dla twojego banera

Po zaprojektowaniu twojego banera przejdź do karty Reguły wyświetlania u góry. W tym miejscu możesz dodać reguły wyświetlania twojego banera.

Pamiętaj, że musisz przejść do tej karty tylko wtedy, gdy chcesz dodać konkretny wyzwalacz wyświetlania dla twojego banera. W przeciwnym razie możesz przejść do następnego kroku.

Na przykład, jeśli chcesz wyświetlić twój baner, gdy użytkownik ma zamiar opuścić twoją witrynę, musisz wybrać opcję Exit Intent.



Gdy to zrobisz, po prostu wybierz opcję Na wszystkich urządzeniach z menu rozwijanego pośrodku. Jeśli chcesz użyć tej reguły wyświetlania tylko dla urządzeń mobilnych, możesz również wybrać tę opcję.

Następnie wybierz czułość intencji wyjścia zgodnie z twoimi upodobaniami i kliknij przycisk Następny krok.



Spowoduje to przejście do nowego ekranu. Tutaj musisz upewnić się, że opcja Optin jest wybrana w menu rozwijanym Pokaż zobacz kampanię.

Gdy to zrobisz, po prostu kliknij przyci Następny krok.



Twoja reguła wyświetlania banera zostanie teraz wyświetlona na ekranie.

Jeśli chcesz coś tutaj zmienić, możesz kliknąć przycisk Edytuj, aby to poprawić.



Krok 4: Opublikuj swój baner

Możesz teraz przejść do karty Publikuj u góry i kliknąć przycisk Zapisz w prawym górnym rogu ekranu.

Następnie wystarczy kliknąć przycisk Opublikuj, aby wyświetlić baner na twojej witrynie internetowej.



Teraz przejdź na twoją witrynę internetową, aby zobaczyć baner u góry ekranu.

Tak to wyglądało na naszej witrynie demonstracyjnej.

Metoda 2:

Stwórz baner witryny internetowej za pomocą Canva (za darmo)
Jeśli chcesz zrobić baner witryny internetowej za darmo, to ta metoda jest dla Ciebie.

Canva to popularne narzędzie internetowe do tworzenia wszelkiego rodzaju grafik, w tym banerów, logo, plakatów, okładek książek i innych. Oferuje również darmową wersję, której można użyć do stworzenia projektu banera witryny internetowej.

Krok 1: Utwórz konto Canva

Najpierw przejdź na witrynę internetową Canva i kliknij przycisk Zarejestruj się, aby utworzyć konto.

Jeśli masz już konto Canva, możesz po prostu logować się.



Po utworzeniu konta zostaniesz przeniesiony na stronę główną twojego konta Canva.

Z tego miejsca należy przejść do karty Szablony z lewej kolumny, a następnie wyszukać szablony banerów za pomocą pola wyszukiwania u góry.

Spowoduje to wyświetlenie wszystkich szablonów banerów dostępnych w Canva. Jednak niektóre z tych szablonów mogą być zablokowane, ponieważ są to funkcje płatne.



Krok 2: Zaprojektuj swój baner na witrynę internetową

Po wybraniu szablonu na ekranie zostanie uruchomiony interfejs projektowania Canva.

Z tego miejsca możesz dostosować własny baner do swoich upodobań. Możesz zmienić istniejącą treść, klikając bloki i dodając twój tekst.



Możesz nawet dodawać różne elementy graficzne, takie jak naklejki, zdjęcia i filmy, przełączając się na kartę Elementy w lewej kolumnie.

Po dodaniu elementu można dalej zmieniać jego animację, pozycję i przezroczystość z menu u góry.

Możesz również przesyłać pliki multimedialne z twojego komputera, przechodząc do karty Uploads w lewej kolumnie.



Aby dodać tekst do twojego banera, przejdź do karty Pole tekstowe w kolumnie po lewej stronie.

Tam możesz użyć domyślnych stylów tekstu lub różnych kombinacji pisma, aby dodać treść do twojego banera.

Możesz nawet dodać wezwanie do działania z odnośnikiem, zaznaczając tekst za pomocą twojej myszy. Spowoduje to wyświetlenie ikonki odnośnika u góry tekstu.



Wystarczy kliknąć tę ikonkę, a następnie skopiować i wkleić odnośnik, który chcesz dodać.

Następnie kliknij przycisk Gotowe, aby je zapisać.



Krok 3: Uzyskanie kodu osadzania dla banera

Gdy twój konfigurator banera będzie już satysfakcjonujący, kliknij przycisk Udostępnij w prawym górnym rogu ekranu.

Spowoduje to otwarcie menu podręcznego, w którym należy wybrać opcję Więcej u dołu.




Zostaniesz teraz przeniesiony do menu Wszystkie opcje, gdzie musisz wybrać opcję Osadzanie.

Gdy to zrobisz, na ekranie pojawi się nowy monit. Następnie wystarczy kliknąć przyciskœOsadzaj.




Canva utworzy teraz kod osadzania HTML.

Po wyświetleniu go na ekranie, kliknij przycisk Kopiuj pod opcją Kod HTML do osadzania.



Krok 4: Dodanie kodu osadzania HTML w WordPress

Teraz możesz wyświetlić swój baner na swojej stronie WordPress, wpisie lub panelu bocznym, zgodnie z własnymi upodobaniami. W tym poradniku będziemy wyświetlać nasz baner na stronie WordPress.

Najpierw należy otworzyć stronę lub wpis, do którego chcemy dodać baner.

Następnie kliknij przycisk Dodaj blok (+) w lewym górnym rogu, aby znaleźć i dodać własny blok HTML do strony.

Gdy już to zrobisz, po prostu wklej skopiowany kod osadzania do bloku.



Na koniec kliknij przycisk Aktualizuj i Opublikuj, aby zapisać twoje zmiany.

Teraz przejdź na twoją witrynę internetową, aby zobaczyć baner WordPress w działaniu.

Jak stworzyć przycisk, ikonę lub banner przelinkowujący na żądaną stronę WWW

Metoda:

W dzisiejszym artykule pokażemy, jak w prosty sposób stworzyć przycisk, ikonę lub banner, który będzie przelinkowywał na wybraną stronę internetową. Ta metoda jest idealna dla tych, którzy chcą dodać dynamiczne elementy do swoich postów. Zaczynajmy!

Krok 1:

Wybór obrazu lub ikony

Najpierw musisz wybierać obraz, który będzie służył jako nasz przycisk lub banner. Może to być ikona, zdjęcie bądź grafika, która pasuje do tematu, którym się zajmujesz. Upewnij się, że obrazek, który wybierzesz, jest w formacie .jpg, .png lub innym obsługiwanym przez Twoją platformę

Ja urzywam do tego celu

ImgBB Upload Image Free Image darmowy host na obrazki Hosting

zapisuje z dysku obrazek na tej stronie i kopiuje z niej "img." Który to wpisuje w edytor

Krok 2:

Przejdź do edytora postów

Następnie przewiń stronę do edytora, w którym chcesz dodać swój element. Zwykle zdarza się to w panelu do tworzenia lub edytowania postów. Upewnij się, że masz dostęp do wszystkich funkcji edytora.

Krok 3:

Wstaw obrazek

Wklej skopiowany adres obrazka do edytora, używając opcji wstawiania obrazu. W zależności od platformy, na której pracujesz, może być to opcja Wstaw obraz ub podobna.

Następnie skopiuj img. Jak na Screen



Krok 4:

Dodawanie linku

Po dodaniu obrazu:

Zaznacz obrazek w edytorze.
Następnie znajdź ikonę linku (najczęściej wygląda jak łańcuch lub globus) w pasku narzędzi edytora i kliknij ją.



Krok 5:

Wprowadź link

Następnie w oknie, które się ukaże, wpisz adres URL (link) do strony, na którą chcesz przelinkować. Upewnij się, że zaczynasz od https:// lub http://, aby link działał prawidłowo. Na przykład:

"https://imgbb.com/"



Krok 6:

Zapisz zmiany

Po dodaniu linku oraz wprowadzeniu wszystkich niezbędnych zmian, nie zapomnij zapisać swojego posta lub strony. Teraz Twój obrazek, ikona czy banner będą działać jako przycisk prowadzący do wybranej przez Ciebie strony!

W razie problemów

Jeśli napotkasz jakiekolwiek trudności podczas tworzenia banera przelinkowującego, nie wahaj się skontaktować ze mną poprzez wiadomość prywatną. Chętnie pomogę i udzielę wskazówek.

I to wszystko! Stworzenie przelinkowanego elementu w Twoim poście jest łatwe i szybkie. Powodzenia!

j