Centrum pomocy
Blokada drgań
Twórz unikalne, dostosowane do własnych potrzeb bloki przy pomocy sztucznej inteligencji
Vibe Block to nowy blok biblioteczny, który wykorzystuje sztuczną inteligencję do generowania unikalnych treści na podstawie podanego przez Ciebie polecenia. Rozmawiając ze sztuczną inteligencją, możesz szybko stworzyć unikalny blok dostosowany do Twoich potrzeb, a także modyfikować go według własnego uznania: edytować treść, styl lub kod.
Do edycji kodu bloku może być wymagana podstawowa znajomość języków HTML, CSS i JavaScript.
Należy pamiętać, że Tilda nie udziela wsparcia w kwestiach związanych z pisaniem lub edycją kodu bloków niestandardowych.
Należy pamiętać, że Tilda nie udziela wsparcia w kwestiach związanych z pisaniem lub edycją kodu bloków niestandardowych.
Pierwsze kroki z Vibe Block
Dodaj blok „Vibe” z biblioteki bloków do swojej strony. Znajdziesz go w kategorii „Inne” lub bezpośrednio na liście kategorii.
Wpisz polecenie w polu wprowadzania tekstu na czacie, aby wygenerować blok. Następnie kliknij przycisk „Wyślij” lub naciśnij klawisz Enter na klawiaturze.
Aby wybrać model sztucznej inteligencji do generowania kodu, kliknij nazwę modelu w bloku.
Aby dołączyć obraz, plik lub film do polecenia, kliknij ikonę spinacza. Plik ten możesz wykorzystać jako treść bloku lub jako odniesienie.
Kliknij ikonę znaku zapytania, aby wyświetlić przykładowe polecenia lub stworzyć własne, korzystając z nich.
Kliknij dowolny przykładowy komunikat, aby go użyć.
Można również obejrzeć przykładowe polecenie w formie interaktywnej prezentacji na osobnej stronie, np. przykładową stronę tytułową.
Aby skopiować przykład i utworzyć blok na stronie, kliknij „Pobierz kod”.
Kliknij „Zastosuj polecenie”, aby otworzyć edytor i zmodyfikować swoje zapytanie.
Po wygenerowaniu bloku czat AI wyświetli komunikat „Gotowe!”, informujący, że blok jest gotowy do użycia. Pod polem wprowadzania tekstu pojawią się opcje umożliwiające skopiowanie, ponowne wygenerowanie lub usunięcie bloku.
Limity zapytań zależą od wybranego planu. Na przykład płatne plany „Personal” i „Business” obejmują do 50 zapytań co 12 godzin oraz do 100 zapytań miesięcznie. Wszystkie limity użytkowania można sprawdzić tutaj.
Na czacie możesz rozwinąć odpowiedź generowaną przez sztuczną inteligencję, aby wyświetlić i skopiować kod.
Aby wyświetlić pełny kod, kliknij „Kod” w górnym panelu, aby otworzyć edytor, w którym możesz ręcznie edytować wygenerowany kod bloku.
Edytowanie bloku Vibe
Aby uzyskać najlepszy wynik, możesz wygenerować kod bloku ponownie, korzystając z tego samego polecenia, dopracować pierwotne polecenie lub wprowadzić nowe zapytanie.
Można na przykład po prostu opisać w bloku, co należy zmienić, a sztuczna inteligencja zaktualizuje kod.
Po wprowadzeniu nowego polecenia nie będzie można ponownie wygenerować poprzedniego zapytania. Można jednak skopiować poprzednie polecenie i wysłać je jako nowe zapytanie na czacie.
Domyślnie blok wyświetla najnowszą wygenerowaną wersję. Aby wyświetlić poprzednią wersję, kliknij ikonę oka. Aby ją zastosować, kliknij „Zastosuj”.
Korzystając z tej opcji, możesz przełączać się między różnymi wersjami i wybrać odpowiednią. Aby zapisać wynik, po prostu zamknij okno czatu AI.
Korzystając z tej opcji, możesz przełączać się między różnymi wersjami i wybrać odpowiednią. Aby zapisać wynik, po prostu zamknij okno czatu AI.
Aby ponownie edytować blok po zamknięciu czatu, kliknij przycisk „Edytuj za pomocą AI”.
Edytowanie grup i elementów za pomocą panelu stylów
Aby edytować element w utworzonym bloku, kliknij go. Otworzy się panel stylu i treści.
Aby szybko przejść do innego elementu, kliknij ikonę „Warstwy”. Otworzy się panel „Warstwy”.
Przełączaj się między różnymi warstwami, aby wybrać potrzebny element lub grupę. Wybrana warstwa jest podświetlona na szaro.
Panel „Warstwy” można również szybko otworzyć z poziomu kodu Vibe Block. Kliknij ikonę „Warstwy”, a następnie wybierz odpowiednią warstwę. Otworzy się panel stylów.
Elementy sterujące
Kliknij ikonę strzałki, aby szybko wybrać grupę nadrzędną dla zagnieżdżonej grupy lub elementu.
Kliknij ikonę kodu, aby edytować element w kodzie.
Aby skopiować element, kliknij ikonę duplikowania. Aby go usunąć, kliknij ikonę kosza. Użyj strzałek w górę i w dół, aby przesunąć element w panelu „Warstwy” i zmienić jego kolejność.
Aby edytować element za pomocą sztucznej inteligencji, kliknij „Edytuj za pomocą sztucznej inteligencji”. Otworzy się okno służące do wpisania polecenia. W polu tym będzie już widoczna ścieżka do elementu, który chcesz zmienić.
Edytowanie pola treści
Elementy, które można edytować w polu „Treść”, zależą od wybranego elementu.
W przypadku elementu tekstowego można edytować tekst w polu „Treść”.
W przypadku elementu tekstowego można edytować tekst w polu „Treść”.
W przypadku obrazu możesz zastąpić lub usunąć plik, przesłać nowy lub wybrać obraz z biblioteki obrazów.
W przypadku formularza pojawi się przycisk „Usługi”. Użyj go, aby połączyć się z systemem CRM firm Tilda lub inną usługą gromadzenia danych.
W przypadku grupy zawierającej elementy wyświetlony zostanie kod. Można go edytować w polu „Treść” lub otworzyć bezpośrednio w edytorze kodu.
Edytowanie stylów
Ważne: Zmiana jednego elementu może wpłynąć na wygląd innych podobnych elementów w grupie.
Aby skonfigurować responsywność grupy lub elementu, wybierz odpowiednią ikonę ekranu w polu „Breakpoints”.
Domyślnie dostępne są cztery punkty przełamania, ale można dodać własne wartości. Kliknij ikonę koła zębatego, wybierz opcję „Dodaj”, wprowadź żądaną szerokość ekranu i zapisz zmiany.
Domyślnie dostępne są cztery punkty przełamania, ale można dodać własne wartości. Kliknij ikonę koła zębatego, wybierz opcję „Dodaj”, wprowadź żądaną szerokość ekranu i zapisz zmiany.
W przypadku grupy lub elementu można skonfigurować szerokość i wysokość, promień zaokrąglenia narożników, krycie, a także minimalne i maksymalne wymiary.
Można również skonfigurować ustawienia elastyczności dla poszczególnych elementów.
W przypadku grup i elementów można skonfigurować marginesy i wypełnienie oraz zmienić kolor tła.
Dostępne ustawienia mogą się różnić w zależności od bloku. Na przykład jeden blok może mieć osobne ustawienie tła, a inny nie. Dostępne opcje zależą od kodu i typu elementu.
Aby dodać obramowanie do grupy lub elementu, kliknij opcję „Obramowanie”. Dostępne opcje pojawią się w panelu stylów.
Możesz również skonfigurować dodatkowe efekty lub dodać właściwości do elementu, takie jak animacja.
Możesz również skonfigurować dodatkowe efekty lub dodać właściwości do elementu, takie jak animacja.
Edycja treści
Aby edytować zawartość bloku Vibe, kliknij opcję „Zawartość”.
W panelu edycji wyświetlą się pola i elementy, które można szybko edytować: tekst, obrazy, ikony z biblioteki oraz inne dostępne elementy blokowe.
Ważne: Panel „Treść” jest dostosowany do konkretnego bloku. Jeśli potrzebny element nie jest dostępny w panelu, edytuj go w edytorze HTML bloku lub za pomocą polecenia.
Vibe Block w praktyce: przykłady zastosowań
Limity żądań dla Vibe Block
W usłudze Vibe Block obowiązują limity bezpłatnych żądań, które są domyślnie uwzględnione we wszystkich planach taryfowych. Poniższa tabela przedstawia liczbę żądań, które można wysłać w ciągu 12 godzin oraz w ciągu miesiąca, w zależności od wybranego planu taryfowego.
Uwaga: Każdy model sztucznej inteligencji ma swoją cenę za żądanie. Podczas wybierania modelu obok jego nazwy wyświetlana jest liczba — jest to liczba żądań, które zostaną wykorzystane podczas korzystania z tego modelu.
Ważne : Niektóre płatne modele nie są wliczone w limity Twojego planu. Aby z nich skorzystać, dokup dodatkowe zamówienia w swoim Profilu .
Jeśli osiągnąłeś limit zapytań na swoim koncie, możesz dokupić dodatkowe zapytania. W tym celu przejdź na stronę „Zakup zapytań AI” lub kliknij przycisk „Kup zapytania” w menu podręcznym w oknie czatu.
W tym samym oknie możesz również sprawdzić swój limit zapytań na bieżący dzień oraz łączną liczbę pozostałych limitów użytkowania zawartych w planie.
W tym samym oknie możesz również sprawdzić swój limit zapytań na bieżący dzień oraz łączną liczbę pozostałych limitów użytkowania zawartych w planie.
Konwersja bloku Vibe na Zero Block
Ważne : Funkcja konwersji jest obecnie w fazie beta, więc przekonwertowany projekt może różnić się od oryginału.
Możesz przekonwertować wygenerowany blok Vibe na Zero Block Aby to zrobić, otwórz ustawienia bloku Vibe i kliknij Konwertuj na Zero Block .
Po konwersji kliknij Edytor bloków, aby otworzyć blok w Zero Block i dostosuj jego wygląd.
Ważne : Nie można konwertować Zero Block powrót do Vibe Block.
