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

Jak dodawać i dostosowywać ikony społecznościowe w WordPress?

5

WordPress ma granicę dla twórców wtyczek i motywów. Pomaga to nie mylić funkcji motywu z funkcjami wtyczek. Bardzo pomaga przy zmianie motywu, że wpływa tylko na wygląd, a nie na funkcje. Jednak wiele popularnych motywów używa ikon obserwowania i udostępniania w serwisach społecznościowych jako części szablonów motywów. Warto również nie instalować dodatkowej wtyczki społecznościowej, aby poprawić szybkość i prywatność. Wreszcie WordPress zawiera widżet ikon społecznościowych jako część edytora Gutenberg od wersji 5.4. w tym artykule przyjrzyjmy się, jak wstawiać ikony społecznościowe w witrynie WordPress.

Powiązane: Jak wstawiać i dostosowywać ikony społecznościowe w Weebly?

Udostępnianie społecznościowe i ikony śledzenia

Ikony społecznościowe mają dwie funkcje – jedna umożliwia użytkownikom udostępnianie strony, a druga umożliwia użytkownikom śledzenie twoich profili społecznościowych. Ikony obserwowania w serwisach społecznościowych są proste i zawierają statyczny adres URL profilu. Jednak ikony udostępniania wymagają skryptu, aby uwzględnić bieżący adres URL strony, gdy użytkownik kliknie go w celu udostępnienia. Musi również pobrać wyróżniony obraz i opis, aby utworzyć widżet do udostępniania (np. Otwarty wykres na kartach Facebooka lub Twittera ).

Teraz znasz różnicę między udostępnianiem a śledzeniem ikon społecznościowych. Z punktu widzenia użyteczności ikony współdzielenia powinny znajdować się w tym samym miejscu w układzie strony, a ikony follow muszą być widgetami, które użytkownik może wstawiać w dowolne miejsce.

Wstaw ikony społecznościowe w WordPress

WordPress wprowadził widżet Social Icons w wersji 5.4. Jednak nazwa „Ikony społecznościowe" może Cię zmylić. Jest to prosty blok ikon obserwowania społecznościowego, które możesz wstawić w dowolnym miejscu swojego postu lub strony i dodać adresy URL profilu społecznościowego.

  • Najpierw zaktualizuj swoją wersję WordPress do 5.4 lub nowszej i użyj edytora lub wtyczki Gutenberg.
  • Kiedy jesteś w edytorze Gutenberg, kliknij ikonę „Dodaj blok” +.
  • Wpisz „społeczne” i znajdź blok „Ikony społecznościowe” w sekcji „Widżety”.
  • Kliknij blok „Ikony społecznościowe”, aby wstawić do treści.

Jak dodawać i dostosowywać ikony społecznościowe w WordPress?

Wstaw ikony społecznościowe w WordPress

Dostosowywanie widżetów ikon społecznościowych w Gutenberg

Domyślnie blok „Ikony społecznościowe” pokaże kilka ikon z ikoną WordPress jako pierwszą.

Jak dodawać i dostosowywać ikony społecznościowe w WordPress?

Blok ikon społecznych w Gutenberg

Możesz dostosować ikony podobnie do innych bloków Gutenberga.

Jak dodawać i dostosowywać ikony społecznościowe w WordPress?

Dostosowywanie bloku ikon społecznościowych w WordPress

  • Kliknij ikonę, aby dodać link do swojego profilu społecznościowego dla tej ikony.
  • Możesz zmienić etykietę na pasku bocznym ustawień "Blokuj". Etykieta jest przydatna dla osób z niepełnosprawnością wzrokową w czytniku ekranu.
  • Możesz dodać niestandardową klasę CSS w opcji „Zaawansowane”.
  • Przesuń strzałkę w bloku, aby przesunąć wybraną ikonę w lewo lub w prawo. W ten sposób możesz dostosować położenie ikon, jak chcesz.

Po kliknięciu poza blokiem widoczne będą tylko ikony z adresem URL. Możesz dodać dodatkowe ikony, klikając przycisk + w blokach ikon społecznościowych. Działa jak blok wewnątrz bloku (jak blok kolumn). Umożliwia także wyszukiwanie ikony społecznościowej wśród dostępnych ikon.

Jak dodawać i dostosowywać ikony społecznościowe w WordPress?

Wyszukaj bloki społecznościowe

Ponadto możesz również wstawiać niestandardowe linki za pomocą bloku „Link”. Ponieważ każda ikona jest blokiem, możesz usunąć nieużywane ikony społecznościowe z widżetu. Zalecamy usunięcie nieużywanych ikon, aby zachować czystość kodu zaplecza.

Zmiana wyświetlacza

Po zakończeniu dodawania linków do profilu możesz wyrównać ikony do lewej, do prawej lub do środka. Dodatkowo możesz zmienić styl ikon, wybierając jedną z dostępnych opcji.

Jak dodawać i dostosowywać ikony społecznościowe w WordPress?

Zmień styl ikon społecznościowych

Obecny widżet ikon społecznościowych ma trzy style:

  • Domyślnie – ikona wewnątrz wypełnionego koła
  • Tylko logo – pokazuje tylko logo marki bez wypełnienia
  • Kształt pigułki – zmień styl na owalną pigułkę, udostępniaj ikony i wypełnienie

Mamy nadzieję, że w przyszłości pojawi się więcej opcji stylizacji twoich ikon.

Ponowne używanie ikon społecznościowych

Najlepsze jest to, że możesz kliknąć ustawienia trzech kropek i dołączyć ikony społecznościowe, które zostaną uwzględnione w „Blokach wielokrotnego użytku”.

Jak dodawać i dostosowywać ikony społecznościowe w WordPress?

Dodaj do bloków wielokrotnego użytku

Możesz wstawić blok ikon społecznościowych wielokrotnego użytku w dowolnym miejscu na swojej stronie, bez konieczności ponownego tworzenia za każdym razem.

Błąd w wyświetlaniu kodu HTML

W tej chwili nie możesz uzyskać kodu HTML widżetu społecznościowego i pokazuje nierozwiązywalny błąd.

  • Kliknij ikonę ustawień trzech kropek w bloku ikon społecznościowych i wybierz "Edytuj jako HTML".
  • Ponownie kliknij przycisk z trzema kropkami i wybierz „Edytuj wizualnie”, aby wizualnie przywrócić ikony.

Niestety blok ma jakiś błąd i pokaże błąd nieprawidłowej treści podczas przełączania trybów HTML i wizualnych.

Jak dodawać i dostosowywać ikony społecznościowe w WordPress?

Błąd blokowania ikon społecznościowych

Nie widzimy też możliwości naprawienia błędu i przywrócenia blokady.

Jak dodawać i dostosowywać ikony społecznościowe w WordPress?

Błąd podczas przełączania HTML i kodu wizualnego

Mamy nadzieję, że ten błąd zostanie usunięty w przyszłych wersjach. Ponieważ możesz użyć HTML w widżecie paska bocznego lub stopki, jeśli to działa.

Wstawianie ikon udostępniania społecznościowego

WordPress nie ma domyślnych opcji wstawiania ikon udostępniania społecznościowego w Twojej witrynie. Jeśli Twój motyw nie ma wbudowanych ikon udostępniania, jedynym sposobem jest poszukanie wtyczek innych firm i masz wiele dostępnych za darmo i premium. Jednym z naszych ulubionych są przyciski premium do łatwego udostępniania społecznościowego, które można kupić za 22 USD. Jeśli chcesz zainstalować darmową wtyczkę, sprawdź tę listę darmowych wtyczek społecznościowych, aby znaleźć odpowiednią dla siebie.

Jak wspomniano, nie ma sensu blokowanie udostępniania społecznościowego w Gutenbergu, ponieważ nie jest wygodne wstawianie ikon w każdym poście.

Ź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