Sekcja przed zdjęciami

Sekcja Obrazy przed i po opisuje parę obrazów pokazujących różnice. Do sekcji należy przesłać dwa obrazy, jeden dla etapu przed, a drugi dla etapu po.

Możesz dostosować suwak, aby był poziomy lub pionowy. Załóżmy, że możesz dodać zdjęcia kota przed i po przycięciu.

W tym artykule:

  1. Dodaj blok przed i po.
  2. Zarządzanie treścią.
  3. Zarządzanie układem.
  4. Opcje stylu.

Dodaj blok przed i po:

  • 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.
  • Wybierz Przed i po (1) opcja, w której możesz wybierać spośród różnych układów (2).

  • Wybierz dowolny układ sekcji i kliknij go, aby dodać go do swojej strony.
  • Po dodaniu sekcji możesz edytować tekst i przesyłać obrazy.

Zarządzanie treścią

Po dodaniu sekcji: 

  • Kliknij na Zarządzaj przed i po (1) aby otworzyć prawą szufladę (2).

Stąd możesz: 

  • Prześlij obraz główny (1) dla widoku przed.
  • Prześlij obraz dodatkowy (1) dla późniejszego wglądu.

  • dodaj Tytuł (3), Podtytuł (4)i Opis (5) dla sekcji. Przed dodaniem opisu sprawdź to artykuł.

  • Dodaj dowolny typ Połączyć (6) do sekcji. Możesz dodać przycisk/link do obrazu/ikonę społecznościową/link tekstowy. ZOBACZ WIĘCEJ.
  • Możesz zduplikować (7), edytować (8) lub usunąć (9) istniejący przycisk.
  • Zapisz (10) twoje zmiany.


  • Dodaj dowolny typ łącza do sekcji. Kliknij na + Dodaj łącze przycisk, aby dodać łącze.

  • Połączenia + Dodaj łącze opcja udostępnia cztery sposoby dodawania łącza:

Przycisk

Dodaj przycisk do elementu listy. Będziesz mógł aktualizować:

  1. Etykieta przycisku – Ustaw etykietę przycisku.
  2. Przycisk Link – Określ łącze.
  3. Okno docelowe – Wybierz, aby otworzyć stronę w tym samym lub nowym oknie.
  4. Styl przycisku – Wybierz styl przycisku, który ma być domyślny (ustawiony w pliku Przyciski i linki w sekcji Projekt), Bryła, Kontur lub Łącze tekstowe.
  5. Wybierz kolor przycisku być domyślnym lub odwrócić kolor. 

dodaj link tekstowy do elementu listy.

Będziesz mógł aktualizować:

  1. Ustaw etykieta tekstowa.
  2. Określ link tekstowy.
  3. Okno docelowe – Wybierz, aby otworzyć stronę w tym samym lub nowym oknie.

Obraz 

Dodaj obraz i połącz go z dowolną stroną.

  • Po przesłaniu obrazu wyświetla się on w ten sposób. Kliknij link, aby go edytować.

  • Stąd możesz:
    1. Prześlij/Zmień obraz.
    2. Przycisk Link – Określ łącze.
    3. Okno docelowe – Wybierz, aby otworzyć stronę w tym samym lub nowym oknie.

Ikona społecznościowa

  • Dodaj ikonę społecznościową do elementu listy.

  • Możesz zarządzać:
    1. Ikona społecznościowa do połączenia.
    2. Określ odpowiednią ścieżkę profilu społecznościowego.
    3. Okno docelowe – Wybierz, aby otworzyć stronę w tym samym lub nowym oknie.


Zarządzanie układem

  • Kliknij na Zarządzaj przed i po przycisk (1).
  • Wybierz układ zakładka (2).
  • Wybierz układ dla twojej sekcji (3) i zapisać zmiany (4).


Opcje stylu

  • Kliknij na Zarządzaj przed i po (1) przycisk.
  • Wybierz Styl (2) patka.
  • Zmień styl elementów przekroju i Zapisz (3) Twoje zmiany.

Będziesz mieć wiele opcji stylu dla sekcji: 

Obrazy 

  1. Wybierz wspólny promień narożnika lub inny promień narożnika dla każdego slajdu i ustaw liczbę (w pikselach) dla promień narożnika. 
    Korzystanie z promień narożnika pole, możesz tworzyć różne kształty obrazów. Jeśli określisz tutaj 500 pikseli, obraz zostanie wyświetlony w kształcie koła.
    Jeśli wybrałeś narożniki dzielone, możesz ustawić inny promień narożnika dla każdego narożnika. Wiedzieć więcej. 
  2. Wybierz Kierunek suwaka być poziome lub pionowe.
  3. Określ Pozycja początkowa suwaka w procentach. Suwak można przesuwać w lewo/w prawo, aby wyświetlić konkretny slajd.

  1. Wyrównać Treść poziomo, aby wyrównać do lewej, prawej lub do środka.
  2. Wyrównać Treść sekcji w pionie, aby była wyrównana do góry, do dołu lub do środka.
  3. Określ Strzałka i uchwyt (suwak) Kolor.

Rozmiar i przestrzeń 

  1. Określ Szerokość obrazu dla zdjęć przed i po.
  2. Określ Przestrzeń między obrazem a tekstem (W %).
  3. Określ Spacja pod tytułem (W %).
  4. Określ Miejsce pod napisami (W %).

Tekst

  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 tej sekcji.
  3. Ustaw Podtytuł styl czcionki dla tej sekcji.
  4. Ustaw wartość domyślną Opis styl czcionki dla tej sekcji.

  1. Zobacz jak do zarządzania stylem przycisków i linków.

Załóżmy, że dodałeś link społecznościowy Amazon w pliku Przycisk/Linki, i określił kolor ikony jako czerwony oraz kolor tła ikony jako zielony, następnie ikona pojawi się jak poniżej:

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

Skontaktuj się z Ekspertem Pixpa.