Bloki ” Blok ikon społecznościowych

blok ikon społecznościowych umożliwia dodawanie ikon mediów społecznościowych do dowolnej strony lub postu i kierowanie ludzi do profili w mediach społecznościowych.

oto przykład:

spis treści

Wstaw blok ikon społecznościowych

możesz dodać blok ikon społecznościowych, wybierając go z przycisku Dodaj blok. Możesz też wpisać /social w nowym wierszu i nacisnąć klawisz enter. Gdy dodasz blok po raz pierwszy, zobaczysz również ustawienie rozmiaru, które pomoże Ci zdefiniować rozmiar ikon:

pusty blok ikon społecznościowych z opcją rozmiar na pasku narzędzi bloku rozszerzono, aby wyświetlić różne rozmiary ikon.

aby uzyskać więcej informacji, odwiedź naszą szczegółową instrukcję dodawania bloków.

spis treści

Dodaj swoje profile społecznościowe

po pierwszym dodaniu bloku zobaczysz przycisk+. Kliknij przycisk+, aby dodać pierwszą ikonę.

ikony społecznościowe blokują bez ikon społecznościowych i ikony plusa, aby dodać pierwszą ikonę.

pojawi się lista wszystkich dostępnych ikon. Możesz wybrać z listy ten, który chcesz, lub użyć opcji wyszukiwania, aby wyszukać ikonę, taką jak „Facebook”. Możesz dodać ikony do wszystkich sieci społecznościowych w ten sposób.

ikona plusa rozszerzyła się, aby pokazać różne ikony, które można dodać, a także opcję wyszukiwania.
Facebook wszedł w pole wyszukiwania, aby znaleźć ikonę Facebook Social Media.

następnie możesz połączyć ikonę z profilem w mediach społecznościowych. Aby to zrobić, kliknij raz na ikonę, a pojawi się okno, w którym możesz wprowadzić swój adres. Wpisz lub wklej link do swojego profilu w mediach społecznościowych i kliknij ikonę strzałki, aby go wprowadzić.

GIF pokazujący proces klikania ikony społecznościowej i dodawania linku do profilu w mediach społecznościowych.
jak połączyć ikonę społecznościową

⚠️

jeśli nie dodasz łącza do ikony, nie zobaczysz ikony na podglądzie lub w aktywnej witrynie.

spis treści

Dodaj nowe ikony

kliknij przycisk + Dodaj ikonę po prawej stronie bieżących ikon. Spowoduje to otwarcie listy wszystkich dostępnych ikon. Możesz wyszukać ikonę, aby wybrać tę, którą chcesz.

Gif: kliknij przycisk Dodaj ikonę, aby otworzyć listę dostępnych ikon społecznościowych.
Dodawanie nowej ikony.

jeśli nie ma tam żądanej ikony, można użyć ogólnego przycisku łącza:

Dodaj nową ikonę i wyszukaj Link, aby dodać niestandardową sieć społecznościową, która nie znajduje się na naszej domyślnej liście.
ikona ogólnego linku

spis treści

lista obsługiwanych ikon

dostępne są następujące ikony:

  • 500px
  • Bandcamp
  • Behance
  • CodePen
  • DeviantArt
  • Dribbble
  • Dropbox
  • Etsy
  • Flickr
  • Foursquare
  • GitHub
  • Goodreads
  • Google
  • Instagram
  • Last.fm
  • LinkedIn
  • Email (mailto: linki)
  • Mastodon
  • Meetup
  • Medium
  • Patreon
  • Pinterest
  • Pocket
  • Reddit
  • kanał RSS (adresy URL z /feed/)
  • Skype
  • Snapchat
  • Soundcloud
  • Spotify
  • TikTok
  • Tumblr
  • Twitch
  • Twitter
  • Vimeo
  • WordPress
  • Yelp
  • Youtube

spis treści

Usuń ikonę

aby usunąć ikonę, kliknij na nią, aby wyświetlić jej indywidualną pasek narzędzi. Kliknij wielokropek (trzy kropki) dla tej ikony i wybierz Usuń blok:

Gif: kliknij wielokropek (trzy kropki) nad pojedynczą ikoną, aby przejść do opcji Usuń blok dla tej ikony.
usuwanie ikony social media

spis treści

Ustawienia bloków

każdy blok ma określone opcje na pasku bocznym edytora oprócz opcji znajdujących się na pasku narzędzi bloku. Jeśli nie widzisz paska bocznego, kliknij ikonę ” cog ” obok przycisku Publikuj.

Style

w Ustawieniach bloku możesz wybrać jeden z trzech różnych stylów ikon:

  • domyślnie
  • tylko logo
  • kształt pigułki
ikony społecznościowe blokują ustawienia z boku edytora, wyświetlając Style, układ i ustawienia łącza.
Ustawienia bloku
uzasadnienie układu

uzasadnienie ikon można wybrać od lewej, od środka, od prawej lub od spacji między elementami.

Ustawienia linków

możesz również otworzyć linki w nowej karcie, przełączając opcję „Otwórz w nowej karcie”. Po włączeniu łącza w ikonach społecznościowych zostaną otwarte w nowej karcie.

ustawienia kolorów

w ustawieniach kolorów można modyfikować dwie opcje.

zostanie wyświetlony panel Ustawienia kolorów w Ustawieniach bloku ikony społecznościowej.
  • kolor ikon: zmienia kolor ikon w bloku ikony społecznościowe.
  • kolor tła ikony: Zmienia kolor tła wszystkich ikon.

spis treści

zaawansowane

zakładka Zaawansowane pozwala dodać klasę CSS do bloku, umożliwiając pisanie niestandardowych CSS i stylowanie bloku według własnego uznania. Dowiedz się więcej.

sekcja zaawansowane pozwala dodać klasę CSS do bloku.
sekcja zaawansowane pozwala dodać klasę CSS do bloku.

każda ikona mediów społecznościowych może mieć również swoją indywidualną klasę. Dodaj klasę do ikony, zaznaczając ją i modyfikując Dodatkowe pole klasy CSS dla tej ikony:

ustawienia indywidualnej ikony społecznościowej obejmują Etykietę łącza(dla czytników ekranu) i dodatkową opcję klas CSS.
pole klasy CSS dla pojedynczej ikony

wszechstronne plany i ceny

  • darmowe

    najlepsze dla studentów

  • osobiste

    najlepsze dla hobbystów

  • Premium

    najlepsze dla freelancerów

  • biznes

    najlepsze dla małych firm

Wybierz plan

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.