Sekcja logo

Jest to dedykowana sekcja, w której możesz wyświetlić zestaw logo i odpowiedniego tekstu, dodając pozycje do listy.

W idealnym przypadku możesz użyć tej sekcji w stopce wstępnej swojej witryny, aby wyświetlić informacje o podmiotach stowarzyszonych, markach, nagrodach i wyróżnieniach itp.

W tym artykule:

• Dodaj sekcję logo
• Edytuj sekcję logo
• Dodawaj i edytuj elementy listy
• Elementy listy sekwencjonowania
• Zarządzaj elementami
• Zarządzaj układem
• Sekcja logo stylu

---

Dodaj sekcję logo

• Aby dodać sekcję, musisz dodaj stronę najpierw do Twojej witryny.
• Na Twojej stronie, Kliknij na niebieski + ikona aby dodać nową sekcję.

• Teraz zobaczysz kategorie sekcji po lewej stronie.
• Przewiń do logo (1) sekcję i kliknij ją. Pojawi się ekran umożliwiający wybór spośród różnych layouty (2) Sekcji Logo.

• Wybierz dowolny układ sekcji i kliknij go, aby dodać go do swojej strony.

---

Edytuj sekcję logo

Po dodaniu sekcji:

• Kliknij na Edytuj logo (1) przycisk otwierający ustawienia sekcji.

---

Dodawaj i edytuj elementy listy

Dodaj element listy

• Kliknij na Dodaj Przedmiot (1) przycisk umożliwiający dodanie nowej pozycji do listy.
• Duplikat or Usunięcia (2) pozycje listy.
• Edytuj Nagłówek sekcji (3) ust.

---

Edytuj element listy

Kliknij element listy, który chcesz edytować. Otworzy się opcje edycji tego konkretnego elementu listy. Stąd możesz:

• Prześlij/Usuń obraz główny i dodatkowy (1)
  Możesz przesłać plik Obraz wtórny oraz Obraz podstawowy dla każdego elementu listy. Gdy użytkownik najedzie kursorem na element, zostanie wyświetlony obraz drugorzędny, zastępując obraz główny. Dodatkowo możesz ustawić Kolor akcentu obrazu, który będzie wyświetlany po najechaniu kursorem na obrazek.
• dodaj Tytuł (2), Podtytuł (3)i Opis (4) pozycji listy.
• W zależności od wybranego układu opcja napisów i opisu może nie być dostępna w poszczególnych elementach listy.

5. Akcja po kliknięciu – tytuł i obraz

Możesz dostosować zachowanie poszczególnych elementów po kliknięciu w sekcji Logo . Poniżej znajdziesz dostępne opcje:

• Przejdź do linku
  Wybranie tej opcji otwiera Kreator linków, co pozwala na dodanie hiperłącza do tego elementu. Link może kierować użytkowników do innej strony w obrębie Twojej witryny lub zewnętrznego adresu URL. Dowiedz się więcej Parę słów o  Kreator linków.
• Otwórz w Lightboxie
  Ta opcja wyświetla element w powiększeniu Lightbox widok po kliknięciu. W tym trybie, Podtytuł oraz OPIS powiązane z elementem nie będą wyświetlane w widoku siatki, ale będą widoczne w trybie Lightbox.
• Brak akcji
  Wybierz tę opcję, aby uczynić element nieklikalnym. Po wybraniu tej opcji kliknięcie na element nie wywoła żadnej akcji.

6. Otwórz link w nowym oknie: Ustaw link tak, aby otwierał się w nowej lub tej samej karcie. Opcja ta będzie widoczna tylko po wybraniu opcji „Przejdź do linku” w menu „Akcja po kliknięciu”.

7. Przyciski i linki: Dodaj dowolny typ linku do elementu listy. Możesz dodać przycisk, link do obrazu, ikonę społecznościową lub link tekstowy. Dowiedz się więcej.

8. Zastąpienie stylu karty

Możesz zastąpić globalne ustawienia stylu karty w Ustawieniach stylu sekcji i dostosować kartę każdej pozycji indywidualnie w sekcji Cennik. Dzięki temu możesz zastosować unikalne style do różnych pozycji listy, co pozwoli na lepszą personalizację.

Dowiedz się więcej o opcji Karty w sekcji dynamicznej.

9. Nadpisanie stylu kształtu

Użyj opcji Nadpisz, aby przypisać inny kształt do każdego obrazu w sekcji Logo, co daje Ci większą kontrolę nad stylem wizualnym każdego elementu. Dowiedz się więcej o masce kształtu.

10. Zapisz: Po wprowadzeniu zmian zapisz je.

---

Elementy listy sekwencjonowania

Możesz łatwo zmienić kolejność elementów listy, przeciągając je i upuszczając . Zobacz, jak ustawić kolejność elementów listy logo w akcji:

---

Zarządzaj elementami sekcji logo

Sekcja Logo zawiera zakładkę Elementy , która pozwala z łatwością zarządzać widocznością różnych elementów w sekcji. Za pomocą prostych przełączników można włączać i wyłączać poszczególne elementy bez konieczności ich usuwania lub modyfikowania.

• Kliknij na Edytuj logo (1) przycisk.

• Wybierz Elementy (2) zakładka.
• Po wprowadzeniu zmian naciśnij Zapisz (3) przycisk.

1. Pokaż nagłówek: Włącz lub wyłącz widoczność nagłówka sekcji Logo.
2. Pokaż przyciski: Steruj wyświetlaniem przycisków na poziomie sekcji.

Opcje elementów

1. Pokaż obraz:Przełącz widoczność obrazów.
2. Pokaż tytuł: Kontroluje, czy tytuł jest wyświetlany.
3. Pokaż napisy: Włącz lub wyłącz napisy.
4. Pokaż opis: Zarządzaj widocznością opisów przedmiotów.
5. Pokaż przyciski:Zdecyduj, czy mają być wyświetlane przyciski dla poszczególnych elementów.

---

Zarządzaj układem

• Kliknij na Edytuj logo przycisk otwierający panel edycji sekcji.
• Wybierz układ patka.
• Stąd możesz łatwo zmienić układ sekcji nawet po dodaniu jej do strony.

Zmieniając układ, na górze zobaczysz układy powiązane z sekcjami.

Oprócz tego masz także możliwość wyboru układu z innych sekcji w nagłówku Więcej układów.

---

Sekcja logo stylu

Możesz dostosować różne aspekty sekcji Logo, korzystając z różnych opcji stylizacji. Aby przejść do opcji stylizacji, kliknij przycisk Edytuj logo (1).

• Wybierz Styl (2) patka.
• Zmień styl elementów przekroju i Zapisz (3) Twoje zmiany.

Będziesz mieć wiele opcji stylu dla sekcji: 

1. Opcje wyświetlania
2. Wyświetlacz mobilny
3. Spójność
4. Rozmiar tekstu
5. Rozstaw zębów
6. Nagłówek sekcji
7. Opcje obrazów
8. Maska kształtu
9. Opcje przesuwania obrazu
10. Ramka obrazu
11. Opcje kart
12. Opcje cienia
13. Przyciski i linki

---

Opcje wyświetlania

1. Wybierz, aby Pokaż przedmioty in wiersze i kolumny / karuzela / gablota
   • Jeśli wybrałeś wiersze i kolumny opcji, elementy listy zostaną ułożone w wiersze i kolumny. W takim przypadku musisz określić liczbę wierszy i kolumn.
   • Jeśli wybrałeś karuzela opcja, elementy listy zostaną przedstawione jako pokaz slajdów. Dowiedz się więcej.

   • Showcase oferuje elegancki i interaktywny układ w stylu karuzeli, który pozwala wyświetlać obrazy pojedynczo, z płynnymi przejściami i efektami. Ten układ dodaje Twojej witrynie nowoczesnego, wciągającego charakteru. Dowiedz się więcej.

2. Ustaw Liczba kolumn dla listy obrazów. Możesz wybrać od 1 do 10 kolumn.
3. Określ Przestrzeń Między Kolumnami z pozycji listy.
4. Określ Przestrzeń Między Rzędami z pozycji listy.

Jeśli w kroku 1 wybrano opcję Karuzela, zobaczysz następujące dodatkowe opcje:

1. Włącz płynne przewijanie:Umożliwia ciągłe przewijanie elementów w karuzeli, zapewniając płynne i atrakcyjne wizualnie wrażenia.
2. Automatyczne przesuwanie:Automatyczne przełączanie slajdów bez interakcji użytkownika.
3. Pokaż postęp automatycznego odtwarzania: Wyświetla wskaźnik postępu, gdy aktywne jest automatyczne odtwarzanie, zapewniając lepszą widoczność.
4. Opóźnienie automatycznego odtwarzania: Ustawia odstęp czasu między przejściami slajdów, gdy włączone jest automatyczne odtwarzanie.
5. Pętla karuzeli:Umożliwia ciągłe powtarzanie slajdów, dzięki czemu karuzela płynnie uruchamia się ponownie po ostatnim slajdzie.
6. Sterowanie karuzelą: Wybierz Sterowanie nawigacjąMożesz wybierać pomiędzy opcjami Brak sterowania, Strzałki – Dolny środek/Górny prawy/Dolny prawy, Szewron, Kropki i Przewijanie poziome.
7. Wyblakłe krawędzie: Zastosuj subtelny efekt zanikania na krawędziach karuzeli. Ulepsza to doświadczenie użytkownika poprzez delikatne łączenie obrazów, gdy wchodzą lub wychodzą z widoku.

Jeśli w kroku 1 wybrano opcję Pokaż, zobaczysz następujące dodatkowe opcje:

1. Efekty: Wybierz jeden z pięciu efektów animacji: Zanikanie, Odbijanie, Karty, Coverflow (Pochylony) lub Coverflow (Płaski), aby kontrolować sposób przechodzenia obrazów.
2. Włącz płynne przewijanie: Umożliwia ciągłe przewijanie elementów w ramach prezentacji, zapewniając płynne i atrakcyjne wizualnie wrażenia.
3. Automatyczne przesuwanie: Automatyczne przechodzenie między obrazami bez ingerencji użytkownika.
4. Pokaż postęp automatycznego odtwarzania: Wyświetla wskaźnik postępu, gdy aktywne jest automatyczne odtwarzanie, dla lepszej widoczności.
5. Opóźnienie automatycznego odtwarzania: Ustaw czas między slajdami, gdy autoodtwarzanie jest aktywne. Możesz wybrać dowolną wartość od 1 do 10 sekund.
6. Pętla karuzeli: Włącz tę opcję, aby karuzela odtwarzała się w nieskończoność, umożliwiając ciągłe odtwarzanie.
7. Sterowanie karuzelą: Ustawienia sterowania karuzelą umożliwiają wybranie sposobu poruszania się użytkowników po slajdach. Dostępne są takie opcje, jak strzałki (na dole pośrodku, u góry po prawej, u dołu po prawej), kropki lub brak jakichkolwiek elementów sterujących.

---

Wyświetlacz mobilny

1. Ustaw liczbę Kolumny siatki dla urządzeń mobilnych. Można ustawić maksymalnie 3 kolumny.
2. Zdefiniuj Rozstaw zębów pomiędzy siatkami (w pikselach).

---

Spójność

1. Wyrównać Obraz poziomo w sekcji. Możesz ustawić je tak, aby były wyrównane do lewej, prawej lub do środka.
2. Wyrównać Tekst poziomo w sekcji. Możesz ustawić je tak, aby były wyrównane do lewej, prawej lub do środka.
3. Wyrównać zawartość w pionie w sekcji. Możesz ustawić je tak, aby były wyrównane do góry, środka i dołu.
4. Wybierz Kolejność treści tj. obrazy elementów listy, które mają być wyświetlane jako pierwsze, lub związany z nimi tekst.

---

Rozmiar tekstu

1. Kliknij na Zmień styl tekstu przycisk, aby odwiedzić Wnętrze sekcji i zarządzaj rozmiarami i stylami czcionek. 
2. Ustaw Tytuł styl czcionki dla elementów listy w sekcji.
3. Ustaw Podtytuł styl czcionki dla elementów listy w sekcji.
4. Ustaw wartość domyślną OPIS styl czcionki dla elementów listy w sekcji.
5. Włącz tę opcję, aby animować dowolne liczby obecny w Tytuł oraz Podtytuł Pola. Po włączeniu tej opcji wartości liczbowe będą wyświetlane z dynamiczną animacją liczenia, co sprawi, że będą bardziej atrakcyjne wizualnie.

---

Rozstaw zębów

1. Określ Szerokość obrazu dla elementów listy.
2. Określ Szerokość treści dla pozycji listy.
3. Określ Spacja pod nagłówkiem sekcji w pikselach
4. Określ Miejsce pod obrazami pozycji na liście (w %).
5. Określ Spacja pod tytułami pozycji na liście (w %).
6. Określ Miejsce pod napisami pozycji na liście (w %).

---

Nagłówek sekcji

1. Wyrównaj poziomo tekst nagłówka sekcji. Można ustawić go na Lewo, Środek i Prawo.
2. Włącz/wyłącz dzielnik między nagłówkiem sekcji i jej zawartością.
3. Ustaw grubość przegrody (w pikselach).
4. Określ Kolor rozdzielacza z próbnika kolorów.
5. Wybierz Styl dzielnika z listy rozwijanej.
6. Ustaw Szerokość nagłówka aby określić szerokość tytułu sekcji, zaczynając od minimum 50%.

---

Obrazy

1. Wybierz Iuprawa maga dla elementów listy. Można ustawić obrazy jako kwadratowe, okrągłe, poziome, pionowe i oryginalne.
2. Wybierz wspólny promień narożnika lub inny promień narożnika dla każdej strony elementów listy i ustaw liczbę (w pikselach) dla Cpromień ornera obrazów elementów listy. Dowiedz się więcej.

• Jeśli wybrałeś narożniki dzielone, możesz ustawić inny promień narożnika dla każdego narożnika.

---

Maska kształtu

1. Maska kształtu: Włącz ten przełącznik, aby zastosować maskę kształtu do obrazów w sekcji Logo. Po włączeniu wybrany kształt wizualnie przytnie obraz do tej formy.
2. Wybierz kształt: Wybierz spośród różnych predefiniowanych kształtów, które chcesz zastosować do swoich obrazów. Pozwala to na kreatywne stylizowanie treści poprzez wyświetlanie obrazów w unikalnych formach, takich jak zaokrąglone, diamentowe, kroplone itp.
3. Rozciągać: Włącz tę opcję, aby rozciągnąć wybrany kształt, aby lepiej pasował do kontenera obrazu. Dzięki temu kształt wypełni dostępną przestrzeń proporcjonalnie, zwiększając wizualne wyrównanie na różnych rozmiarach ekranu.

---

Obraz po najechaniu na

1. Wybierz Kolor po najechaniu na obraz być kolor akcentu albo być określony. Jeśli wybrałeś kolor akcentu, a następnie określ nieprzezroczystośćMożesz określić kolor akcentu dla każdego elementu z Edytuj element płyta.
2. Jeśli wybrałeś określ kolor opcję, a następnie ustaw Nałóż kolor i krycie.
3. Ustaw Nałóż kolor tekstu który pojawia się po najechaniu kursorem.
4. Wybierz, aby Animuj obrazy elementów listy po najechaniu myszką, klikając Tak. Sprawdź tę funkcję na aktywnej stronie.
5. Wybierz Styl animacji dla obrazów po najechaniu na nie kursorem.
6. Wybierz, czy chcesz zezwolić na Przejście obrazów niezależnie od tego, czy najedziesz kursorem, czy nie.
7. Wybierz Styl przejściowy dla przejścia hover. Dostępne opcje to Fade i Flip.

---

Ramka obrazu

1. Włącz / wyłącz granicę wokół obrazów, przełączając przełącznik.
2. Wybierz opcję posiadania wspólna granica po wszystkich stronach obrazów lub możesz określić granice osobno dla każdej strony.
3. Określ szerokość granicy. Jeśli jest ustawiona na 0, ramka nie będzie widoczna. Możesz także ustawić szerokość obramowania indywidualnie dla każdej strony obrazu.
4. Wybierz Kolor ramki z próbnika kolorów.
5. Wybierz preferowany Styl graniczny z listy rozwijanej.
6. Określ szerokość obramowania dla urządzeń mobilnych urządzeń, dopasowując ją do szerokości wybranej dla komputera stacjonarnego.

---

Kartki okolicznosciowe

• Zobacz jak zarządzać kartami.

---

Shadow

1. Wyświetlacz – Wybierz wyświetlanie cienia za elementami listy zawsze lub tylko po najechaniu myszką.
2. Styl – Wybierz spośród istniejących ustawień wstępnych lub utwórz niestandardowy cień.
   Jeśli wybrałeś opcję Niestandardowa, odwiedź tę stronę Generator cieni pudełkowych , aby utworzyć niestandardowy cień. Na koniec skopiuj i wklej plik CSS cienia pudełka.
3. Jeśli wybrałeś opcję ustawień wstępnych, to Wybierz Style cieni z listy rozwijanej.

---

Przyciski i linki

1. Zobacz jak zarządzać stylizacją Przyciski i łącza.
2. Zapisz wszystkie zmiany stylu.

---

Powiązane artykuły

• Rodzaje sekcji
• Dodaj stopkę wstępną do swojej witryny
• Dodaj element dystansowy/dzielnik między sekcjami