Zespoły są bardzo ważne dla sukcesu każdej organizacji. Łączą osoby o różnych umiejętnościach, wiedzy i perspektywach, tworząc dynamiczne środowisko, w którym można osiągnąć cele.
Korzystając z sekcji Zespół w aplikacji Pixpa, możesz wyświetlać profile i zdjęcia członków swojego zespołu, a także ich role i obowiązki
W tym artykule:
Dodaj sekcję zespołu do strony
- Aby dodać sekcję, musisz dodaj stronę najpierw do Twojej witryny.
- Na Twojej stronie, Kliknij na niebieski + ikona dodać Nowa sekcja.
- Teraz zobaczysz kategorie sekcji po lewej stronie.
- Przewiń przez Zespół (1) i kliknij na nią. Teraz pojawi się ekran, na którym możesz dokonać wyboru różne układy Sekcji Zespołowej (2).
- Wybierz dowolny układ sekcji i kliknij go, aby dodać go do swojej strony.
Dodawaj i edytuj elementy listy
Dodaj element listy
- Kliknij na Edytuj zespoły (1), aby otworzyć panel pozycji listy.
- Kliknij na Dodaj przedmiot (2) przycisk, aby dodać nowy element listy.
- Możesz wybrać Dpowielić lub usunąć (3) elementy listy.
Edytuj element listy
Kliknij element listy, który chcesz edytować. Spowoduje to otwarcie opcji edycji poszczególnych elementów 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.
Przed dodaniem opisu sprawdź to artykuł.
5. Akcja po kliknięciu
Możesz dostosować zachowanie kliknięcia poszczególnych elementów w Zespół sekcja. Poniżej znajdują się 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 łącze tak, aby otwierało się w a nowej karcie lub w tej samej karcie. Będzie to widoczne tylko wtedy, gdy Przejdź do linku opcja jest wybrana pod Akcja po kliknięciu menu.
7. Przyciski i linki: Dodaj dowolny typ Połączyć do elementu listy. Możesz dodać Przycisk/Link do Obrazu/Ikonę Społecznościową/Link Tekstowy. Zobacz więcej.
8. Zastąpienie stylu karty
Możesz zastąpić globalne ustawienia stylu karty z sekcji Ustawienia stylu i dostosować kartę każdego elementu indywidualnie w sekcji Lista obrazów. Pozwala to na zastosowanie unikalnych stylów do różnych elementów listy w celu lepszego dostosowania.
Zobacz więcej o opcji Karty w sekcji dynamicznej.
9. Zapisz: Po wprowadzeniu zmian zapisz je.
Aby dostosować karty do każdego elementu osobno, należy najpierw włączyć opcję Karta opcja z Ustawień stylu.
Elementy listy sekwencjonowania
Możesz łatwo zmienić kolejność elementów listy według Przeciąganie i upuszczanie Im. Zobacz sekwencjonowanie listy elementów zespołu w akcji:
Zarządzaj elementami sekcji zespołu
Sekcja zespołu zawiera: Karta Elementy co pozwala na łatwe zarządzanie widocznością różnych elementów w obrębie sekcji.
Za pomocą prostych przełączników możesz włączać i wyłączać konkretne elementy bez konieczności usuwania lub modyfikowania samych elementów.
- Kliknij na Elementy (1) zakładka.
- Po wprowadzeniu zmian naciśnij Zapisz (2) przycisk.
Opcje sekcji
- Pokaż nagłówek: Włącz lub wyłącz widoczność nagłówka sekcji Zespół.
- Pokaż przyciski: Steruj wyświetlaniem przycisków na poziomie sekcji.
Opcje elementów
- Pokaż obraz:Przełącz widoczność obrazów.
- Pokaż tytuł: Kontroluje, czy tytuł jest wyświetlany.
- Pokaż napisy: Włącz lub wyłącz napisy.
- Pokaż opis: Zarządzaj widocznością opisów przedmiotów.
- Pokaż przyciski:Zdecyduj, czy mają być wyświetlane przyciski dla poszczególnych elementów.
Układ sekcji
-
- Kliknij na Edytuj zespoły przycisk, aby otworzyć panel edycji sekcji i wybrać 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 sekcji Więcej układów nagłówek.
Sekcja Zespołów Stylizacyjnych
Możesz dostosować różne aspekty sekcji Zespoły, korzystając z różnych opcji stylizacji. Aby przejść do opcji stylizacji, kliknij przycisk Edytuj zespoły (1) przycisk.
- Wybierz Styl (2) zakładka.
- Po dokonaniu dostosowań, Zapisz (3) zmiany.
Będziesz mieć wiele opcji stylu dla sekcji:
- Opcje wyświetlania
- Wyświetlacz mobilny
- Spójność
- Rozmiar tekstu
- Rozstaw zębów
- Nagłówek sekcji
- Opcje obrazów
- Maska kształtu
- Opcje przesuwania obrazu
- Ramka obrazu
- Kartki okolicznosciowe
- Shadow
- Przyciski i linki
Opcje wyświetlania
- 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, umożliwiający wyświetlanie obrazów pojedynczo, z płynnymi przejściami i efektami. Ten układ dodaje Twojej witrynie nowoczesnego, wciągającego charakteru. Zobacz więcej.
- Ustaw Liczba kolumn dla listy obrazów. Możesz wybrać od 1 do 10 kolumn.
- Określ Przestrzeń Między Kolumnami z pozycji listy.
- Określ Przestrzeń Między Rzędami z pozycji listy.
Jeśli w kroku 1 wybrano opcję Karuzela, zobaczysz następujące dodatkowe opcje:
- Włącz płynne przewijanie:Umożliwia ciągłe przewijanie elementów w karuzeli, zapewniając płynne i atrakcyjne wizualnie wrażenia.
- Automatyczne przesuwanie:Automatyczne przełączanie slajdów bez interakcji użytkownika.
- Pokaż postęp automatycznego odtwarzania: Wyświetla wskaźnik postępu, gdy aktywne jest automatyczne odtwarzanie, zapewniając lepszą widoczność.
- Opóźnienie automatycznego odtwarzania: Ustawia odstęp czasu między przejściami slajdów, gdy włączone jest automatyczne odtwarzanie.
- Pętla karuzeli:Umożliwia ciągłe powtarzanie slajdów, dzięki czemu karuzela płynnie uruchamia się ponownie po ostatnim slajdzie.
- 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.
- 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:
- 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.
- 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.
- Automatyczne przesuwanie: Automatyczne przechodzenie między obrazami bez ingerencji użytkownika.
- Pokaż postęp automatycznego odtwarzania: Wyświetla wskaźnik postępu, gdy aktywne jest automatyczne odtwarzanie, dla lepszej widoczności.
- Opóźnienie automatycznego odtwarzania: Ustaw czas między slajdami, gdy autoodtwarzanie jest aktywne. Możesz wybrać dowolną wartość od 1 do 10 sekund.
- Pętla karuzeli: Włącz tę opcję, aby karuzela odtwarzała się w nieskończoność, umożliwiając ciągłe odtwarzanie.
- 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
- Ustaw liczbę Kolumny siatki dla urządzeń mobilnych. Można ustawić maksymalnie 3 kolumny.
- Zdefiniuj Rozstaw zębów pomiędzy siatkami (w pikselach).
Układ kolumn specyficzny dla urządzenia na podstawie ustawień Studio:
Spójność
- Wyrównać Obraz poziomo w sekcji Zespół. Możesz ustawić je tak, aby były wyrównane do lewej, prawej lub do środka.
- Wyrównać Tekst poziomo w sekcji Zespół. Możesz ustawić je tak, aby były wyrównane do lewej, prawej lub do środka.
- Wyrównać zawartość w pionie na liście zespołów. Możesz ustawić je tak, aby były wyrównane do góry, środka i dołu.
- Wybierz Kolejność treści tj. obrazy elementów listy, które mają być wyświetlane jako pierwsze, lub związany z nimi tekst.
Nagłówek sekcji
- Wyrównaj poziomo tekst nagłówka sekcji. Można ustawić go na Lewo, Środek i Prawo.
- Włącz/wyłącz dzielnik między nagłówkiem sekcji i jej zawartością.
- Ustaw grubość przegrody (w pikselach).
- Określ Kolor rozdzielacza z próbnika kolorów.
- Wybierz Styl dzielnika z listy rozwijanej.
Rozmiar tekstu
- Kliknij na Zmień styl tekstu przycisk, aby odwiedzić Wnętrze sekcji i zarządzaj rozmiarami i stylami czcionek.
- Ustaw Tytuł styl czcionki dla elementów listy w sekcji.
- Ustaw Podtytuł styl czcionki dla elementów listy w sekcji.
- Ustaw wartość domyślną OPIS styl czcionki dla elementów listy w sekcji.
- 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
- Określ Szerokość obrazu dla elementów listy.
- Określ Szerokość treści dla pozycji listy.
- Określ Spacja pod nagłówkiem sekcji w pikselach
- Określ Miejsce pod obrazami pozycji na liście (w %).
- Określ Spacja pod tytułami pozycji na liście (w %).
- Określ Miejsce pod napisami pozycji na liście (w %).
Nagłówek sekcji
- Wyrównaj poziomo tekst nagłówka sekcji. Można ustawić go na Lewo, Środek i Prawo.
- Włącz/wyłącz dzielnik między nagłówkiem sekcji i jej zawartością.
- Ustaw grubość przegrody (w pikselach).
- Określ Kolor rozdzielacza z próbnika kolorów.
- Wybierz Styl dzielnika z listy rozwijanej.
Obrazy
- Wybierz Iuprawa maga dla elementów listy. Można ustawić obrazy jako kwadratowe, okrągłe, poziome, pionowe i oryginalne.
- 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.
Korzystanie z promień narożnika możesz tworzyć różne kształty obrazów elementów listy. Jeśli określisz tutaj 500 pikseli, obrazy będą wyświetlane w kształcie koła.
- Jeśli wybrałeś narożniki dzielone, możesz ustawić inny promień narożnika dla każdego narożnika.
Maska kształtu
- Maska kształtu: Włącz ten przełącznik, aby zastosować maskę kształtu do obrazów w sekcji Teams. Po włączeniu wybrany kształt wizualnie przytnie obraz do tego formularza.
- 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.
- 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.
- Opcja rozciągania jest zależna od układu – Może nie pojawiać się w niektórych układach. W układach, w których tekst, taki jak tytuł lub podtytuł, jest wyświetlany nad obrazem, opcja całej maski kształtu może być niedostępna.
- Ustawienie rozciągania zależy od wielu czynników - włącznie z rozmiar obrazu, wyrównanie, ustawienia przycinania zdefiniowano na karcie Styl.
- Jeśli opcja Przycinanie obrazu jest ustawiona na Oryginał, rzeczywiste wymiary obrazu decydują o tym, czy zostanie on rozciągnięty w pionie czy w poziomie.
Obraz po najechaniu na
- 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.
- Jeśli wybrałeś określ kolor opcję, a następnie ustaw Nałóż kolor i krycie.
- Ustaw Nałóż kolor tekstu który pojawia się po najechaniu kursorem.
- Wybierz, aby Animuj obrazy elementów listy po najechaniu myszką, klikając Tak. Sprawdź tę funkcję na aktywnej stronie.
- Wybierz Styl animacji dla obrazów po najechaniu na nie kursorem.
- Wybierz, czy chcesz zezwolić na Przejście obrazów niezależnie od tego, czy najedziesz kursorem, czy nie.
- Wybierz Styl przejściowy dla przejścia hover. Dostępne opcje to Fade i Flip.
Ramka obrazu
- Włącz / wyłącz granicę wokół obrazów, przełączając przełącznik.
- Wybierz opcję posiadania wspólna granica po wszystkich stronach obrazów lub możesz określić granice osobno dla każdej strony.
- 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.
- Wybierz Kolor ramki z próbnika kolorów.
- Wybierz preferowany Styl graniczny z listy rozwijanej.
- 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
- Wyświetlacz – Wybierz wyświetlanie cienia za elementami listy zawsze lub tylko po najechaniu myszką.
- 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. - Jeśli wybrałeś opcję ustawień wstępnych, to Wybierz Style cieni z listy rozwijanej.
Przyciski i linki
- Zobacz jak zarządzać stylizacją Przyciski i łącza.
