Strona internetowa Wix od zera - menu nagłówka

• Kwiecień 28, 2024

W tym samouczku będziemy kontynuować pracę nad naszą witryną Wix, którą rozpoczęliśmy od pustego szablonu. Dodamy menu główne w sekcji nagłówka.

Naszym pierwszym zadaniem jest dodanie kolorowego tła do nagłówka.

1. Wybierz nagłówek i kliknij przycisk Zmień projekt nagłówka.
   
   W tym momencie Nagłówek jest ustawiony na Brak koloru. Zmieńmy to na białe.
   
   
2. Kliknij projekt nagłówka tuż poniżej koloru Brak.
   
   
3. Kliknij przycisk Dostosuj projekt w dolnej części okna.
   
   
4. Ustaw Kolor wypełnienia i Krycie na 100% bieli dla Tła i Środkowego tła.
   
   
5. W ustawieniach ramki ustaw górną i dolną szerokość ramki na 0.
   
   
6. Ustaw Promień Narożników na 0 i wyłącz Enable Shadow.
   
   

Teraz możemy dodać górne menu.

1. Z menu po lewej stronie kliknij ikonę Plus i wybierz z listy Menu.
   
   
2. Kliknij jedno z menu poziomych, aby dodać je do strony.
   
   Na stronie zobaczysz nowe menu z linkiem do naszej jednej strony - Strona główna.
   
   
3. Kliknij i przeciągnij menu do sekcji nagłówka. Kiedy zobaczysz tekst Dołącz do nagłówka, zwolnij menu.
   
   Ponieważ będziemy wyśrodkowywać nasze menu na stronie, rozszerzymy pole menu na szerokość 980 pikseli.
   
   
4. Po zaznaczeniu pola menu przeciągnij jego końce, aby wypełnić obszar 980. Użyj lewej i prawej prowadnicy jako przewodnika.
   
   Domyślnie menu powinno być już ustawione na środku. Możesz to zobaczyć, ponieważ link Strona główna znajduje się w środku pola. Teraz możemy dostosować menu.
   
   
5. Przy wciąż wybranym menu kliknij ikonę Projekt (pędzel), aby otworzyć okno Projekt menu poziomego. Kliknij przycisk Dostosuj projekt w dolnej części okna.
   
   Po kliknięciu opcji Wypełnij kolor i krycie zobaczysz, że tło menu jest już ustawione na 100% bieli. Zachowajmy to ustawienie i przejdźmy do tekstu.
   
   W poprzednim samouczku ustawiliśmy czcionkę na Futura Light dla głównego motywu tekstowego. Zróbmy to samo dla menu.
   
   
6. Kliknij ikonę T, aby otworzyć sekcję Ustawienia tekstu.
   
   
7. Kliknij strzałkę po prawej stronie sekcji Czcionka i wybierz Futura Light z listy.
   
   Zachowajmy domyślne ustawienie kolorów dla zwykłego tekstu menu. Ale zmienimy kolor menu Hover i Clicked na złoty.
   
   
8. Kliknij link Unieś w oknie. Kliknij pole koloru, aby otworzyć Próbnik kolorów. Kliknij link Dodaj kolor, zmień ustawienie Kolor na # bc9b5d i kliknij przycisk Dodaj. Zamknij próbnik kolorów.
   
   
9. Powtórz poprzedni krok dla ustawienia Kliknięty. Ale tym razem możesz wybrać złoty kolor z obszaru Moje kolory.
   
   Na koniec chcemy zmienić domyślny tekst linku do strony z HOME na nazwę strony internetowej.
   
   
10. Przy wciąż wybranym menu kliknij przycisk Zarządzaj menu z menu podręcznego.
    
    
11. Z menu Strony znajdź stronę HOME i kliknij link po prawej stronie. Wybierz Zmień nazwę z listy. Dodaj nowy tytuł linku i kliknij Gotowe.
    
    Naszym kolejnym zadaniem jest zmiana rozmiaru sekcji nagłówka na nieco więcej niż wysokość menu.
    
    
12. Wybierz menu i przeciągnij je w górę na górę obszaru nagłówka.
    
    
13. Kliknij pusty obszar nagłówka, aby zobaczyć uchwyt Rozciągnij. Przeciągnij uchwyt w górę.
    
    

Zrzuty ekranu wykorzystane za zgodą Wix.com, Inc.

Instrukcje Wideo: Jak STWORZYĆ stronę internetową w 1H? Darmowy kreator stron WIX (Kwiecień 2024).