TechBlogSD - Wszystko do WordPressa i tworzenia stron internetowych
Instrukcje WEB i WordPress, nowości, recenzje motywów i wtyczek

Jak dodać górny pasek powiadomień w WordPressie?

207

Wielu blogerów pisało długie samouczki. Jednak skuteczność artykułu nie jest długością i zależy od wyników Twojego wezwania do działania. WordPress umożliwia wstawianie sekcji wezwania do działania na różne sposoby. Najbardziej efektywnym i atrakcyjnym sposobem jest dodanie górnego paska powiadomień. Jeśli szukasz sposobu na dodanie górnego paska powiadomień w WordPressie, wyjaśnimy wiele sposobów w tym artykule.

Przykłady najlepszych pasków powiadomień

Zanim przejdziemy dalej, najpierw pokażemy Ci kilka przykładów widżetów najlepszych widżetów paska powiadomień w WordPressie. Pierwszy przykład pochodzi z popularnej, lekkiej strony internetowej GeneratePress. Oferują zniżkę na motyw GeneratePress z dwoma przyciskami wezwania do działania na pasku.

Jak dodać górny pasek powiadomień w WordPressie?

GeneratePress Top Przykłady powiadomień

Drugim przykładem jest inna popularna witryna tematyczna Astry. Tutaj możesz zobaczyć tekst oferty specjalnej z minutnikiem.

Jak dodać górny pasek powiadomień w WordPressie?

Górne powiadomienie Astry

Możesz zobaczyć setki takich przykładów w całym Internecie, a stworzenie własnego na swojej stronie internetowej jest łatwym zadaniem.

Opcje dodawania górnego paska powiadomień w WordPress

Oto niektóre z opcji, których możesz użyć.

  • Dedykowana wtyczka paska powiadomień
  • Wtyczki wielofunkcyjne
  • Korzystanie z opcji motywu za pomocą interfejsu API haka WordPress
  • Korzystanie z osadzonych stron trzecich
  • Użyj własnego niestandardowego CSS

1 Korzystanie z dedykowanych wtyczek paska powiadomień

Zalecamy korzystanie z tej opcji, ponieważ łatwo ją kontrolować i dostosowywać przy minimalnym wysiłku. Możesz również uzyskać wiele darmowych wtyczek w tym celu zamiast szukać wtyczki premium, a tutaj wyjaśnimy to za pomocą wtyczki Easy Notification Bar. Wtyczka używa interfejsu API przechwytującego wp_body_open, aby wstawić powiadomienie nad sekcją treści witryny. Dlatego będzie działać z dowolnymi motywami wykorzystującymi najnowsze standardy WordPress. Najpierw zainstaluj i aktywuj wtyczkę Easy Notification Bar.

Jak dodać górny pasek powiadomień w WordPressie?

Zainstaluj łatwy pasek powiadomień

Następnie przejdź do sekcji „Wtyczki> Zainstalowane wtyczki". Kliknij link „Ustawienia” pod wtyczką Łatwy pasek powiadomień.

Jak dodać górny pasek powiadomień w WordPressie?

Łatwe ustawienia paska powiadomień

Dostosowywanie ustawień wtyczki

Wtyczka nie oferuje osobnej strony ustawień. Dodaje wszystkie opcje w domyślnej sekcji dostosowywania WordPressa. Zaletą tego sposobu jest to, że możesz łatwo wyświetlić podgląd paska powiadomień w widoku stacjonarnym i mobilnym przed opublikowaniem go na żywo.

Oto opcje, które możesz dostosować za pomocą wtyczki.

  • Włącz pasek powiadomień – zaznacz to pole wyboru, aby zobaczyć podgląd na żywo paska powiadomień na podglądzie. Zaletą jest to, że możesz zmienić widok na komputer, tablet i telefon komórkowy, aby potwierdzić wygląd paska bez publikowania zmian.
  • Pokaż ikonę zamykania – jeśli chcesz, aby użytkownicy zamknęli pasek, włącz to pole. W przeciwnym razie użytkownicy nie będą mogli zamknąć paska i będzie on zawsze znajdował się na górze Twoich stron.
  • Ikona zamykania – wybierz zwykłe lub konturowe ikony dla przycisku zamykania.
  • Włącz przyklejanie – włącz, aby Twoje powiadomienie było przyklejone, gdy użytkownicy przewijają obszar zawartości Twoich stron.

Jak dodać górny pasek powiadomień w WordPressie?

Łatwe ustawienia paska powiadomień w programie Customizer

  • Wyłącz tylko na stronie głównej — zaznacz tę opcję, aby wyłączyć pasek powiadomień tylko na stronie głównej.
  • Wiadomość – wtyczka wypełni przykładową wiadomość w polu, usunie ją i doda twoją niestandardową wiadomość, aby pokazać się na pasku.
  • Kolor tła / tekstu – zastosuj kolory tła i czcionki dla paska i tekstu.
  • Text align – wyrównaj tekst wewnątrz paska do lewej, prawej lub do środka.
  • Rodzina czcionek systemowych — użyj tej opcji, aby wczytać czcionkę systemową dla treści tekstowej na pasku powiadomień. W przeciwnym razie wtyczka użyje domyślnych ustawień motywu również dla paska powiadomień.
  • Rozmiar czcionki – wprowadź rozmiar czcionki, np. 18px, aby mieć inny rozmiar tekstu w porównaniu z sekcją ciała.

Jak dodać górny pasek powiadomień w WordPressie?

Dostosowywanie paska powiadomień

  • Tekst przycisku i link – dodaj tekst i link do swojego przycisku
  • Parametry linku – możesz ustawić link przycisku jako nofollow, sponsorowany i otworzyć go w nowym oknie.

Po dostosowaniu ustawień kliknij przycisk „Opublikuj”, aby zobaczyć górny pasek powiadomień w akcji na swojej aktywnej stronie. Jak widać na poniższym zrzucie ekranu, będzie on wyglądał podobnie do przykładów profesjonalnych witryn internetowych, jak wyjaśniono powyżej.

Jak dodać górny pasek powiadomień w WordPressie?

Opublikowany pasek powiadomień

Opcja alternatywna – FooBar

Jak sama nazwa wskazuje, wtyczka Easy Notification Bar pozwala na stworzenie prostego paska na górze bez żadnych innych opcji. Na przykład nie możesz wyłączyć ani włączyć tylko na stronach, na których potrzebujesz. Jeśli potrzebujesz paska powiadomień dla swojej witryny WordPress z większą liczbą opcji, wypróbuj wtyczkę FooBar.

  • Po zainstalowaniu wtyczki umożliwia importowanie dem, które można edytować i ponownie wykorzystywać.

Jak dodać górny pasek powiadomień w WordPressie?

Importuj paski demonstracyjne

  • Możesz tworzyć powiadomienia, powiadomienia o plikach cookie i wezwanie do działania za pomocą jednej wtyczki.

Jak dodać górny pasek powiadomień w WordPressie?

Utwórz nowy pasek powiadomień w FooBar

  • Wyświetl podgląd paska bezpośrednio w obszarze administracyjnym lub w interfejsie użytkownika bez faktycznego publikowania go.
  • Dostosuj pozycję, widoczność i wygląd do swoich potrzeb.

Jak dodać górny pasek powiadomień w WordPressie?

Dostosuj wygląd za pomocą FooBar

2 uniwersalne wtyczki

Istnieje kilka wtyczek wykonujących wiele zadań. Na przykład możesz użyć wtyczki OptinMonster, aby dodać górny pasek powiadomień w WordPressie, chociaż głównym celem wtyczki jest zarządzanie potencjalnymi klientami. Podobnie możesz użyć wtyczki WP Review Pro, aby dodać widżet powiadomień na górze, chociaż wtyczka jest przeznaczona do tworzenia recenzji. Tutaj wyjaśniamy za pomocą WP Review Pro i możesz sprawdzić w repozytorium wtyczek WordPress dla podobnych wtyczek.

  • Po zainstalowaniu w witrynie wersji pro wtyczki WP Review utwórz lub edytuj stronę.
  • Wtyczka doda w edytorze pole meta recenzji i kliknie zakładkę „Pasek powiadomień”.
  • Wybierz "Użyj opcji niestandardowych" przeciwko "Włącz" i dostosuj wygląd paska powiadomień.

Jak dodać górny pasek powiadomień w WordPressie?

Ustawienia WP Review Pro dla paska powiadomień

3 Użyj opcji motywu

Wiele motywów WordPress oferuje łatwy sposób na wstawienie górnego paska powiadomień bez potrzeby korzystania z żadnej wtyczki. Na przykład powyższe przykłady, które pokazaliśmy z GeneratePress i Astra, używają interfejsu API haka WordPress i niestandardowych opcji układu. Oto jak możesz utworzyć górny pasek powiadomień w motywie GeneratePress bez wtyczki.

  • Najpierw przygotuj zawartość HTML dla paska.
  • Przejdź do sekcji „Wygląd > Widżety” i wklej kod HTML do elementu „ Niestandardowy HTML ” w obszarze widżetu „Pasek górny”.

Jak dodać górny pasek powiadomień w WordPressie?

Dodaj niestandardowy kod HTML w widżecie górnego paska

  • Zapisz zmiany i przejdź do sekcji „Wygląd > Dostosuj”.
  • Przejdź do sekcji „Górny pasek” i dostosuj wypełnienie, szerokość i wyrównanie paska.

Jak dodać górny pasek powiadomień w WordPressie?

Dostosowywanie górnego paska w GeneratePress

  • Wyświetl podgląd i opublikuj swoje zmiany.

Jak dodać górny pasek powiadomień w WordPressie?

Pasek powiadomień z widgetem górnego paska GeneratePress

Wygląd paska zależy od kodu HTML i możesz wstawić przycisk i tekst, aby pojawiły się w jednej linii.

4 Korzystanie z osadzeń innych firm

Oprócz motywów i wtyczek WordPress masz również opcje stron trzecich. Możesz skorzystać z subskrypcji e-mail od MailChimp lub dowolnego innego dostawcy na górze swojej witryny. Jest to najlepszy sposób na zbieranie wiadomości e-mail od czytelników zgodnych z RODO i innymi lokalnymi przepisami. Podobnie możesz użyć Hello Bar lub podobnej usługi, aby dodać górny pasek powiadomień, aby przyciągnąć ruch do strony docelowej.

5 Korzystanie z własnego CSS

Możesz po prostu dodać fragment kodu CSS nad obszarem menu nawigacyjnego w sekcji nagłówka. Jest to jednak sztywna opcja i musisz dostosować pasek do widoku mobilnego. Ponadto nie można zmieniać paska na różnych stronach w zależności od zawartości. Dlatego nie będziemy tego szczegółowo wyjaśniać.

Czynniki, które należy wziąć pod uwagę przed wyborem wtyczki Top Pasek powiadomień

Chociaż dostępne są różne opcje, przed wybraniem odpowiedniej dla siebie opcji należy rozważyć cel.

  • Do celów e-mail marketingu sprawdź, czy wtyczka umożliwia integrację z formularzami e-mail. Alternatywnie możesz wybrać zewnętrznych dostawców usług, takich jak MailChimp.
  • Zaprezentuj własne kupony produktów lub kupony partnerskie, potrzebujesz pięknych przycisków z ikonami.
  • Aby przyciągnąć ruch do dowolnej strony docelowej, możesz mieć prosty pasek.
  • Produkt lub jakiekolwiek inne premiery wymagają timera na pasku.

Ostatnie słowa

Jak widać, dostępnych jest wiele opcji wstawiania górnego paska powiadomień w witrynie WordPress. zalecamy użycie opcji motywu, jeśli jest dostępna, ale musisz poświęcić trochę czasu na tworzenie kodu HTML. Darmowe wtyczki są łatwe w użyciu, ale mają ograniczone opcje. Najlepszą opcją jest użycie wtyczek premium, aby mieć pełną kontrolę nad paskiem powiadomień.

Źródło nagrywania: www.webnots.com
Leave A Reply

Ta strona korzysta z plików cookie, aby poprawić Twoje wrażenia. Zakładamy, że nie masz nic przeciwko, ale możesz zrezygnować, jeśli chcesz. Akceptuję Więcej szczegółów