Sekcja filmów

Dodaj sekcję „Dodaj filmy” na stronie, aby łatwo dodawać filmy z YouTube/Vimeo, które będą odtwarzane na stronie. To świetny sposób na utrzymanie zaangażowania odwiedzających Twoją witrynę.

Pixpa obsługuje osadzanie filmów z YouTube lub Vimeo. Nie możesz bezpośrednio przesłać filmu na swoją stronę internetową. Oprócz tej sekcji możesz także dodawać swoje filmy Galeria lub Transparent.

Pixpa umożliwia udostępnianie Twojego profilu YouTube lub Vimeo w linki społecznościowe. Możesz także dodać swoje pliki muzyczne hostowane na Soundcloud w sekcji Muzyka.

Punkty, na które należy zwrócić uwagę:

  • Możesz przesłać plik .gif wszędzie tam, gdzie obsługiwane są filmy.
  • Jeśli wideo, które dodałeś, często się ładuje, kliknij przycisk odtwarzania i zatrzymaj go na kilka minut. Następnie wznów wideo. W ten sposób ładuje się lepiej przy mniejszym buforowaniu.

W tym artykule:

  1. Czym jest sekcja Wideo?
  2. Dodaj sekcję wideo
  3. Dodawaj i edytuj elementy listy
  4. Elementy listy sekwencjonowania
  5. Usuwanie elementów listy
  6. Zarządzaj elementami
  7. Zmiana układu sekcji
  8. Opcje stylu
  9. Pełna karta i karta Tekst

Sekcja filmów

Lista filmów to zbiór filmów, w którym możesz dodać opis do filmu i dodać link lub przycisk, aby połączyć listę filmów z dowolną inną stroną w witrynie lub innym linkiem.


Dodaj sekcję wideo

  • Do strony można dodać sekcję. Możesz dodać sekcję do już istniejącej strony lub utwórz nową stronę w Twojej witrynie.
  • Na Twojej stronie, Kliknij na niebieski + ikona dodać Nowa sekcja do Twojej strony.

  • Teraz zobaczysz kategorie sekcji po lewej stronie.
  • Kliknij na Treść (1) opcja i Filmy (2) zakładka.
  • Teraz zobaczysz różne układy ukończenia Sekcja filmów (3).

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

Dodawaj i edytuj elementy listy

Dodaj element listy wideo

Po dodaniu sekcji

  • Kliknij na Edytuj treść (1), aby otworzyć panel pozycji listy.

  • Kliknij ikonę Dodaj Przedmiot (2), aby dodać nowy element listy.
  • Będziesz mieć opcję Powiel i usuń (3) pozycje listy.


Edytuj element listy wideo

Kliknij element listy, który chcesz edytować. Spowoduje to otwarcie opcji edycji poszczególnych elementów listy.

  • Dodaj Twój link do filmu na YouTube/Vimeo (1).

Note

Aby dodać film do swojej witryny Pixpa, musisz przesłać swój film na YouTube lub Vimeo i wpisać tutaj jego adres URL.

  • Ustaw odtwarzanie wideo w formacie a lightbox lub tylko na stronie (2).

  • Prześlij lub usuń (3) obraz miniatury elementu listy.

  • dodaj Tytuł (4), Podtytuł (5)i Opis (6) Pozycji Listy. W zależności od wybranego układu opcja Podtytuł i Opis może nie być dostępna w poszczególnych elementach listy.

7. Akcja po kliknięciu

Możesz dostosować zachowanie kliknięcia poszczególnych elementów w Lista filmów 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.
  • Brak akcji
    Wybierz tę opcję, aby uczynić element nieklikalnym. Po wybraniu tej opcji kliknięcie na element nie wywoła żadnej akcji.

8. 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.

9. 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.

10. Zastąpienie stylu karty

Możesz zastąpić globalne ustawienia stylu karty z sekcji Ustawienia stylu i dostosuj kartę każdego elementu indywidualnie w sekcji Lista wideo. Pozwala to na zastosowanie unikalnych stylów do różnych elementów listy w celu lepszego dostosowania.

Zobacz więcej o opcji Karty w sekcjach dynamicznych.

11. Nadpisanie stylu kształtu

Użyj opcji Nadpisz, aby przypisać inny kształt do każdej miniatury w sekcji Listy wideo. Dzięki temu zyskasz większą kontrolę nad stylem wizualnym każdego elementu. Zobacz więcej o Shape Mask.

12. Zapisz: Po wprowadzeniu zmian zapisz je.


Zobacz edytowanie elementu listy wideo w akcji:


Elementy listy sekwencji

  • Możesz łatwo przeciągać i upuszczać elementy listy, aby zmienić kolejność.

Usuń element listy

Po dodaniu elementu listy możesz go edytować i usunąć.

  • Kliknij na Usunięcia ikonę obok pozycji Lista wideo.
  • Kliknij na Usunięcia w wyskakującym okienku potwierdzenia.
  • Zapisz Twoje zmiany.

Note

Usuniętego elementu listy nie można odzyskać.


Zarządzaj elementami listy wideo

Sekcja listy filmów zawiera Karta Elementy co pozwala na łatwe zarządzanie widocznością różnych elementów w sekcji. Za pomocą prostych przełączników możesz włączać lub wyłączać określone elementy bez konieczności usuwania lub modyfikowania samych elementów.

  • Kliknij na Edytuj treść (1) przycisk.

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

Opcje sekcji

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

Opcje elementów

  1. Pokaż wideo:Przełącz widoczność filmó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.


Układ sekcji

  • Kliknij na Edytuj treść (1), aby otworzyć panel edycji listy filmów.

  • Wybierz układ (2) zakładka.
  • Wybierz układ swojej sekcji i Zapisz (3) twoje zmiany.


Stylizuj swoją sekcję

  • Kliknij na Edytuj treść (1), aby otworzyć panel edycji listy filmów.

  • Wybierz Styl (2) opcja.
  • 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 obrazu
    8. Maska kształtu
    9. Opcje przesuwania obrazu
    10. Opcje graniczne
    11. Opcje karty
    12. Opcje cieni
    13. Przycisk i linki

 


Wyświetlacz

  1. Wybierz, aby Pokaż przedmioty in wiersze i kolumny or karuzela 
    • 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.
  2. Ustaw Liczba kolumn dla listy wideo. 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.


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).

Układ kolumn specyficzny dla urządzenia na podstawie ustawień Studio:


Spójność

  1. Wyrównać zawartość poziomo na liście wideo. Możesz ustawić je tak, aby były wyrównane do lewej, prawej lub do środka.
  2. Wyrównać zawartość w pionie na liście wideo. Możesz ustawić je tak, aby były wyrównane do góry, środka i dołu.
  3. 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%.


Opcje obrazu

  1. Wybierz przycinanie obrazu dla elementów listy. Obrazy można ustawić jako Kwadrat, Okrąg, Krajobraz, Portret i Dynamiczny.
  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 promień narożnika obrazów elementów listy. Dowiedz się więcej.

Wskazówka

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

  1. Maska kształtu: Włącz ten przełącznik, aby zastosować maskę kształtu do miniatur wideo w sekcji listy wideo. Po włączeniu wybrany kształt wizualnie przytnie miniaturę do tego formularza.
  2. Wybierz kształt: Wybierz spośród różnych predefiniowanych kształtów, które chcesz zastosować do swoich miniatur. Pozwala to na kreatywne stylizowanie treści poprzez wyświetlanie obrazów w unikalnych formach, takich jak zaokrąglone, diamentowe, kroplone itp.

Komentarz

  • Opcja Maski kształtu jest zależna od układu – Opcja ta może nie być wyświetlana w układach, w których tekst, taki jak tytuł lub podtytuł, jest wyświetlany nad obrazem.
  • 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.


Opcje przesuwania obrazu

  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.


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.


Opcje kart


Opcje cieni

  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.


Karta pełna i karta tekstowa

Po włączeniu Karta pełna/tekstowa nad listą wideo, elementy listy będą miały obrys i tło w kolorze karty wybranym w pliku Wnętrze 
Zobacz także: Kolorystyka i odstępy na stronie internetowej.

Pełna karta

Gdy wybrana jest opcja pełnej karty, kolor karty jest stosowany do całej karty, tj. do miniatury wideo i towarzyszącego jej tekstu.

Spójrz: 

Karta tekstowa

Gdy wybrana jest opcja karty tekstowej, kolor karty jest stosowany tylko do tekstu znajdującego się w miniaturze wideo.

Spójrz: 


Nie możesz znaleźć tego, czego szukasz?

Skontaktuj się z Ekspertem Pixpa.

Pixpa Studio właśnie przeszło modernizację. Aktualizujemy obecnie wszystkie zrzuty ekranu z artykułów pomocy.