Sekcja Osadź multimedia i aplikacje

Skorzystaj z sekcji Media i aplikacje, aby dodać do swojej witryny treści zewnętrzne, takie jak tablica Pinterest, Youtube, Tumblr, Spotify, Vimeo i inne.

Zanim zaczniesz
Bloki osadzania pobierają zawartość z usług korzystających ze standardu osadzania lub ręcznie ustawianych kodów osadzania.

W tym artykule:

1. Sekcja Media i aplikacje

Możesz łatwo umieścić sekcję Media & Apps na swojej stronie internetowej, w której możesz zaprezentować tablicę Pinterest, Youtube, Tumblr, Issuu, Spotify, SlideShare, Wlista, Vimeo, Soundcloud, Dribble, Facebook, Bandcamp, Flickr, posty na Instagramie, Giphy, Twitch, i dowolny niestandardowy kod osadzony.

2. Dodaj sekcję „Multimedia i aplikacje”

Aby dodać sekcję, musisz dodaj stronę najpierw do Twojej witryny.
Na Twojej stronie, Kliknij na niebieski + ikona dodać Nowa sekcja do Twojej strony.

Teraz zobaczysz kategorie sekcji po lewej stronie.
Wybierz Społecznościowe i osadzone (1) kategoria i kliknij na Osadza zakładka (2), w której możesz wybierać różne układy ukończenia Osadza (3) sekcja.

Wybierz dowolny układ sekcji (2) i kliknij na niego, aby dodać go do swojej strony.

3. Dodaj i edytuj elementy listy

Dodaj element listy

Po dodaniu sekcji:

Kliknij na Zarządzaj sekcją osadzania (1) , aby otworzyć panel elementów listy.

Kliknij na Dodaj przedmiot (2) przycisk, aby dodać nowy element listy.

Edytuj element listy

Spowoduje to otwarcie opcji edycji elementu listy.
Dodaj adres URL (1) lub dodaj kod osadzania (2) dla elementu listy.
Jeśli wybierzesz opcję dodania linku, możesz dodać tutaj swój link(3), tytuł(4), podtytuł (5), opis 6) i dodać typ Połączyć (7) do pozycji listy. Możesz dodać przycisk/link do obrazu/ikonę społecznościową/link tekstowy. Zobacz więcej.

W przypadku wybrania opcji dodaj kod osadzania, możesz dodać osadzony kod tutaj(3), tytuł(4), podtytuł (5), opis 6) i dodać typ Połączyć (7) do pozycji listy.

4. Elementy listy sekwencji

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

5. Usuń element listy

Po dodaniu elementu listy możesz go edytować, a także usunąć.

Kliknij na Usunięcia obok elementu listy osadzania.
Kliknij na Usunięcia w wyskakującym okienku potwierdzenia.
Zapisz Twoje zmiany.

6. Układ sekcji

Kliknij na Edytuj sekcję osadzania (1) aby otworzyć panel edycji Listy.

Wybierz układ (2) zakładka.
Wybierz układ dla swojej sekcji i zapisz swój zmiany (3).

7. Stylizuj swoją sekcję

Kliknij na Edytuj sekcję osadzania (1) przycisk, aby otworzyć panel edycji.

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

Będziesz mieć wiele opcji stylu dla sekcji:

Opcje elementów
Opcje rozmiaru tekstu
Opcje odstępów
Nagłówek sekcji
Osadź przytnij
Maska kształtu
Opcje kart
Opcje cienia
Przyciski i linki

Opcje elementów

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.
Ustaw Liczba kolumn dla listy Embed. 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.
Wybierz Kolejność treści tzn. czy osadzona część elementów listy ma być wyświetlana jako pierwsza czy też skojarzony z nią tekst.
Wyrównać zawartość poziomo na liście obrazów. Możesz ustawić je tak, aby były wyrównane do lewej, prawej lub do środka.

Opcje rozmiaru 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.
Ustaw Podtytuł styl czcionki dla elementów listy.
Ustaw wartość domyślną OPIS styl czcionki dla elementów listy.

Opcje odstępów

Określ Szerokość osadzania dla elementów listy (w %).
Określ Szerokość treści dla elementów listy (w %).
Określ Spacja pod nagłówkiem sekcji (w pikselach).
Określ Miejsce poniżej osadzonej części (W %).
Określ Spacja pod tytułami pozycji na liście (w %).
Określ Przestrzeń 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 preferowany Styl dzielnika.

Osadź przytnij

Dodaj Osadź przytnijMożna ustawić jako 1:1 kwadrat, 2:1 poziomo, 3:2 poziomo, 4:3, 3:4, 16:9, 2.4:1 i przycinanie oryginalnego osadzenia.

Maska kształtu

Maska kształtu: Włącz ten przełącznik, aby zastosować maskę kształtu do obrazu w sekcji Embed. 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 swojego obrazu. Pozwala to na kreatywne stylizowanie treści poprzez wyświetlanie obrazu w unikalnej formie, takiej jak zaokrąglony, diamentowy, kroplowy 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 tym ustawienia rozmiaru, wyrównania i przycinania obrazu zdefiniowane 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 kart

Zobacz jak zarządzać kartami.

Opcje cienia

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 do zarządzania stylem przycisków i linków.
Zapisz zmiany.

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

Skontaktuj się z Ekspertem Pixpa.

Kontakt