Dodawanie linków społecznościowych.

Learn DXPR BuilderBuild pagesAdd contentMarketing

Otrzymujesz rząd ikon marek linkujących do twoich profili społecznościowych. Użyj go w stopce, na pasku bocznym albo w sekcji kontaktowej, aby odwiedzający mogli cię znaleźć i obserwować.

Element linków społecznościowych pokazujący ikony LinkedIn, GitHub i Drupal w stylu koła w kolorach marek

Otwórz swoją stronę po zalogowaniu: przyciski kreatora pojawiają się po najechaniu na obszar treści. Twoja pierwsza strona przedstawia podstawy.

  1. Najedź na kolumnę i kliknij + na jej pasku sterowania albo kliknij Add Elements na pustej stronie. Otwórz zakładkę Treść i kliknij linki społecznościowe. Element pojawi się na górze kolumny i otworzy się okno ustawień.
  2. W sekcji Linki społecznościowe zastąp dwa przykładowe wiersze swoimi kontami. Kliknij Add link dla każdego kolejnego konta. Zacznij wpisywać markę, wybierz ją z podpowiedzi i wpisz URL, na przykład https://github.com/dxpr.
  3. Wybierz Styl kształtu ikony. To pole u góry okna, nie panel Styl niżej. Tutaj jest to Circle.
  4. Wybierz Rozmiar ikon. Tutaj jest to 3x.
  5. Kliknij nagłówek Icon colors, aby go rozwinąć, i ustaw Background color na Brand color.
  6. W sekcji Color wybierz próbkę z palety. Paleta pokazuje się, ponieważ Color jest domyślnie ustawiony na Custom. Tutaj jest to kolor prawie biały.
  7. Kliknij Zapisz w oknie dialogowym. Następnie kliknij Zapisz na pasku narzędzi u góry obszaru treści, aby zapisać stronę.

Co widzisz

Dodane konta pojawiają się jako rząd ikon, a każda ikona otwiera swój profil. Na filmie LinkedIn, GitHub i Drupal pokazują się jako duże koła w kolorach marek z białymi logo. Odwiedzający zobaczą je po zapisaniu i opublikowaniu strony.

Najedź na element i otwórz More > Settings na jego pasku sterowania. Opcje:

  • Linki społecznościowe: jeden wiersz na ikonę, z nazwą marki i adresem URL profilu. Kliknij Add link dla kolejnego wiersza, a strzałkami zmień kolejność.
  • Układ: Inline ustawia ikony w rząd. Stacked ustawia każdą ikonę w osobnym wierszu.
  • Styl: kształt ikony: None, Rounded, Circle albo Square.
  • Rozmiar: Small, Large albo od 2x do 5x.
  • Efekty najechania CSS3: None, Disc albo Pulse. Każdy efekt zamienia ikonę w koło.
  • Kolor: kolor logo: Brand color, Custom albo Inherit. Custom pokazuje paletę, a Inherit używa koloru otaczającego tekstu.
  • Kolor tła: wypełnienie kształtu, z tymi samymi trzema opcjami.

Kolor i Kolor tła znajdują się pod nagłówkiem Icon colors. Kliknij go, aby je otworzyć.

Jeśli ich nie widać

  • Linki społecznościowe nie występują w zakładce Treść. Twój profil użytkownika je ukrywa. Poproś administratora o włączenie ich na stronie Profile użytkowników.
  • Zniknęły po przeładowaniu. Strona nie została zapisana. Dodaj je ponownie i kliknij Zapisz na pasku narzędzi u góry obszaru treści.
  • Brakuje ikony. Jej wiersz nie ma marki albo adresu URL, więc element go pomija. Wypełnij oba pola tego wiersza.
  • Kształt pokazuje się bez logo. Nazwa marki nie ma pasującej ikony, a wiersz mówi „No matching brand icon found”. Wybierz markę z podpowiedzi podczas wpisywania.
  • Ikona otwiera złą stronę. URL w tym wierszu jest błędny albo niepełny. Najedź na element i otwórz More > Settings, a następnie sprawdź, czy każdy URL zaczyna się od https://.

Co dalej?

Panel Styl, aby zmienić odstępy i tło linków społecznościowych.