Sekcja nagłówkowa

Możesz dodać a Nagłówek Sekcja dla Twojej strona bezpośrednio, aby można było dodać opis strony. Jeśli chcesz wyświetlić obraz i odpowiedni tekst na nim, możesz skorzystać z tej sekcji.

Przesłany tutaj obraz nie obsługuje trybu lightbox. Można go przeskalować, przeciągając rogi obrazu.

Ta sekcja może być używana głównie na stronie O mnie/Nas. Możesz również połącz obraz z dowolną stroną, którą chcesz.

W tym artykule:

  1. Dodaj sekcję nagłówka
  2. Zarządzanie zawartością
  3. Zarządzaj elementami
  4. Zmiana układu
  5. Układ tekstu z automatycznym dopasowaniem
  6. Układ sekcji okładki
  7. Opcje stylu

Dodaj sekcję nagłówka:

  • 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 Sekcje Bohaterów (1) opcję i wybierz Nagłówek (2) patka.

  • Wybierz dowolny układ sekcji (3) i kliknij go, aby dodać go do swojej strony.
  • Po dodaniu sekcji możesz edytować tekst i przesłać dowolny obraz.

Zarządzanie zawartością

Po dodaniu sekcji: 

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

  • To otworzy okno Panel pozycji nagłówka (2).

Stąd możesz:

  • Prześlij obraz główny (1) dla bloku Nagłówek.
  • Prześlij obraz dodatkowy (2) dla bloku Nagłówek (tylko w wybranych układach).

  • dodaj Tytuł (3), Podtytuł (4), oraz OPIS (5) bloku Nagłówek. Przed dodaniem opisu sprawdź ten artykuł.

  • Dodaj dowolny typ Połączyć (6) do sekcji nagłówkowej. Możesz dodać przycisk/link do obrazu/ikonę społecznościową/link tekstowy. Zobacz więcej.
  • Zapisz (7) twoje zmiany.


Zarządzaj elementami

Sekcja nagłówka 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 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.


Zmiana układu

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

  • Wybierz układ (2) zakładka.
  • Wybierz Ltak (3) dla Twojej sekcji i Zapisz (4) zmiany.

Pro Tip

Aby utworzyć sekcję o pełnej szerokości, wybierz dowolny układ w zakresie od 11 do 16.


Układ tekstu z automatycznym dopasowaniem

Sekcja Autofit Text to potężne narzędzie do tworzenia dynamicznej i responsywnej treści tekstowej na Twojej stronie internetowej Pixpa.

Pozwala to ustawić maksymalny rozmiar czcionki, a rozmiar tekstu będzie automatycznie zmieniany w zależności od dostępnego rozmiaru ekranu, miejsca i długości tekstu, zapewniając optymalną czytelność i estetykę.


Dodaj sekcję Autofit do strony

  • Kliknij na niebieski + ikona dodać Nowa sekcja do Twojej strony.

  • Wybierz Sekcje Bohaterów (1) kategoria i kliknij Nagłówek (2) zakładka.

  • Spośród dostępnych układów w sekcji Nagłówek, przewiń na dół oraz wybierz dowolny układ zaznaczony na zrzucie ekranu zgodnie z własnymi preferencjami.


Edytuj sekcję automatycznego dopasowania

  • Kliknij na Edytuj blok tekstu automatycznego dopasowania przycisk w prawym górnym rogu sekcji.
  • Pod Treść na karcie możesz określić zawartość tekstową sekcji, używając 1., 2. i 3 pola tekstowe.
  • Rozmiar czcionki tekstu zostanie automatycznie dostosowany do rozmiaru ekranu i długości tekstu. Wreszcie, Zapisz (4) zmiany.

Sekcja automatycznego dopasowania stylu

Dostosuj styl sekcji z Styl patka. Znajdziesz tutaj następujące opcje:

  1. Wysokość linii: Określ odstęp w pionie między wierszami tekstu.
  2. Maksymalny rozmiar czcionki: Ustaw maksymalny rozmiar czcionki, jaki może osiągnąć tekst.
  3. Wyrównanie tekstu: Wyrównaj tekst w sekcji poziomo.
  4. Rodzina czcionek: Wybierz rodzinę czcionek, taką jak Nagłówek 1, Nagłówek 2, Akapit itp.

Note

Rozmiar tekstu nie będzie zgodny z rozmiarem określonym w sekcji projektu, ale zostanie dostosowany w oparciu o dostępną przestrzeń i długość tekstu.


Układ sekcji okładki

Układ sekcji „Okładka” można wykorzystać, aby dodać tekst, przycisk i tło do sekcji. Sekcja „Okładka” to najprostszy układ, który można bardzo łatwo dostosować.

Można również osadzać niestandardowe kody w tym układzie, korzystając z opcji niestandardowego fragmentu kodu. Zobacz więcej.

Dodaj układ sekcji okładki do strony:

  • Teraz zobaczysz kategorie sekcji po lewej stronie.
  • Wybierz Sekcje Bohaterów (1) kategoria i kliknij Nagłówek (2) zakładka.

  • Spośród dostępnych układów w sekcji Nagłówek, przewiń na dół oraz wybierz układ zaznaczony na zrzucie ekranu.

Dowiedz się więcej o: dodawanie i edytowanie fragmentów kodu w układzie sekcji Okładka.


Opcje stylu

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

  • Wybierz Styl (2) zakładka.
  • Zmień styl elementów przekroju i Zapisz (3) twoje zmiany.


Będziesz mieć wiele opcji stylu dla sekcji: 

  1. Opcje stylu obrazu
  2. Maska kształtu
  3. Opcje obramowania obrazu
  4. Wyrównanie i kolor
  5. Opcje odstępów
  6. Rozmiar tekstu
  7. Przyciski i linki

Obrazy 

  1. Wybierz Imwiek Uprawa dla obrazu. Obraz 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.
    Korzystanie z promień narożnika pole, możesz tworzyć różne kształty obrazu. 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. 
  3. Wybierz, aby Animuj obrazy po najechaniu myszką klikając Tak.
  4. Wybierz spośród różnych Styl animacji dla obrazów po najechaniu myszką.

Po zastosowaniu układu Nagłówek na całą szerokość pojawi się następująca dodatkowa opcja:

  • Określ kolor nakładki: Dzięki temu możesz zastosować nakładka koloru w całej sekcji nagłówka. Możesz wybrać dowolny kolor za pomocą selektora kolorów i kontrolować jego przezroczystość za pomocą suwaka krycia, co pomoże Ci poprawić widoczność tekstu lub stworzyć określony nastrój wizualny.


Maska kształtu

  1. Maska kształtu: Włącz ten przełącznik, aby zastosować maskę kształtu do obrazu w sekcji Nagłówek. Po włączeniu wybrany kształt wizualnie przytnie obraz do tego formularza.
  2. 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 obramowania 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.


Wyrównanie i kolor 

  1. Wyrównać Treść w sekcji Nagłówek poziomo. Można ustawić wyrównanie do lewej, prawej lub środkowej części.
  2. Wyrównać Treść w sekcji Nagłówek pionowo. Można ustawić wyrównanie do góry, do dołu lub do środka.
  3. Wybierz, czy chcesz zachować Kolor podstawowy (kolor tła pola tekstowego) na Domyślny lub Niestandardowy.
  4. Jeśli wybrałeś warunki indywidualne w przypadku koloru podstawowego dostępna jest taka opcja wybierz kolor tła. Możesz także określić nieprzezroczystość koloru bazowego.


Rozmiar i przestrzeń 

  1. Określ Szerokość obrazu dla obrazu bloku nagłówka.
  2. Określ Szerokość treści dla tekstu bloku Nagłówek.
  3. Określ Spacja lub nakładanie się karty tekstowej i obrazu (W %).
  4. Określ Spacja pod tytułem (W %).
  5. 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 sekcji bloku nagłówka.
  3. Ustaw Podtytuł styl czcionki dla sekcji bloku nagłówka.
  4. Ustaw wartość domyślną OPIS styl czcionki dla sekcji bloku nagłówka.
  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.


Przyciski i linki 

Do sekcji Nagłówek możesz dodać różne typy przycisków. Są one następujące:

  • Przycisk Normalny (1) Przycisk obrazu (2), a Ikona Przycisk (3).

  1. Określ Odstęp między różnymi przyciskami/łączami.
  2. Określ Spacja nad przyciskiem/linkiem wewnątrz Karty Tekstowej.
  3. Ustaw Szerokość przycisku wewnątrz karty tekstowej.

Rozmiar guzika 

  1. Ustaw rozmiar Normalny przycisk. Możesz wybrać jedną z trzech opcji: Mały, Średni i Duży.
  2. Określ Wysokość przycisku obrazu w pikselach.
  3. Ustaw Rozmiar przycisku ikony w pikselach.

  1. Ustaw Typ ikony dla przycisku Ikona.
  2. Wybierz Styl Kolor dla przycisku Ikona wewnątrz. Możesz wybrać kolor marki ikony lub określić dowolny kolor.
  3. Ustaw Kolor ikony przycisku Ikona. Zobaczysz tę opcję tylko wtedy, gdy ją włączysz Wybrany kolor (28) opcja.
  4. Jeśli wybrałeś warunki indywidualne w poprzednim kroku (29) możesz ustawić swój preferowany kolor dla ikony wewnątrz przycisku.
  5. Wybierz Kolor tła dla przycisku Ikona.


Zobacz, jak działa promień narożnika: 


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.