Zbuduj swoją pierwszą stronę.

Poznaj DXPR BuilderZacznij tutajZbuduj pierwszą stronę

Zbuduj stronę w DXPR Builder: obraz obok nagłówka, krótki akapit i przycisk. Możesz też zacząć z gotowego szablonu i zmienić jego słowa. Każda droga zajmuje kilka minut, a kończysz zapisaną stroną, którą podglądasz tak, jak zobaczą ją odwiedzający. Użyj tej strony po zainstalowaniu DXPR Builder.

Film buduje stronę od zera: sekcja, wiersz, obraz, przycisk i tekst, potem zapis i podgląd.

Zanim zaczniesz

  • DXPR Builder jest zainstalowany z twoim kluczem produktu (Instalacja DXPR Builder).
  • Typ treści pokazuje kreator: jego pole tekstowe używa formatera DXPR Builder, jak Drag and drop Page z dxpr_builder_page.
  • Twoja rola ma uprawnienie Edit with DXPR Builder.

Utwórz stronę

  1. Przejdź do Content > Add content i wybierz typ treści pokazujący kreator.
  2. Wpisz Title i kliknij Save.

Zapisana strona otwiera się z pustym kreatorem. DXPR Builder działa na tej stronie, nie na formularzu edycji.

Opcja A: zacznij od szablonu

Zakładka Zapisane szablony wymienia układy zapisane przez ludzi w twojej witrynie do ponownego użycia. DXPR CMS dostarcza kilka, na przykład Colored icon boxes. Na innych witrynach zakładka może być pusta; Choose a template na pustej stronie oferuje wtedy szablony stron dostarczane z DXPR Builder. Wstaw zapisany szablon pokazuje te kroki na filmie.

  1. Kliknij Add Elements, aby otworzyć selektor elementów.
  2. Przełącz na zakładkę Zapisane szablony.
  3. Kliknij szablon, aby go wstawić. Jego sekcje, wiersze i elementy pojawiają się na stronie, gotowe do edycji.
  4. Kliknij Zapisz na pasku narzędzi.
  5. Otwórz menu oka i wybierz Podgląd, aby zobaczyć stronę tak, jak zobaczą ją odwiedzający.

Opcja B: zbuduj od zera

Film powyżej podąża za tymi krokami.

  1. Kliknij Add Elements i wybierz sekcję na zakładce Układ.
  2. Kliknij + na pasku sterowania sekcji i wybierz wiersz.
  3. Kliknij ikonę siatki na wierszu, wybierz preset kolumn, na przykład 1/3 + 2/3, i kliknij Save.
  4. Kliknij + w lewej kolumnie, otwórz zakładkę Treść i wybierz obraz.
  5. Kliknij Select Image, przeszukaj przeglądarkę mediów przez Apply filters, zaznacz zdjęcie i kliknij Insert selected.
  6. Otwórz panel SEO, wpisz Atrybut alt i kliknij Save.
  7. Kliknij + w prawej kolumnie i wybierz przycisk.
  8. Wpisz Tytuł i Link, wybierz Typ i kliknij Save.
  9. Kliknij + na pasku sterowania szerokiej kolumny i wybierz tekst.
  10. Wpisz nagłówek, ustaw go na Nagłówek 2, wpisz akapit poniżej i kliknij Save.
  11. Kliknij Zapisz na pasku narzędzi.
  12. Otwórz menu oka i wybierz Podgląd, aby zobaczyć stronę tak, jak zobaczą ją odwiedzający. Wybierz Edytuj w tym samym menu, aby pracować dalej.

Zmień to, co dodano

  • Tekst: kliknij element tekstowy, aby edytować go w miejscu. Pasek narzędzi oferuje pogrubienie, kursywę, nagłówki, linki, listy, kolor czcionki i więcej. Twój profil użytkownika decyduje, które przyciski się pojawiają.
  • Ustawienia: otwórz More na pasku sterowania elementu i wybierz Settings. Obraz ma szerokość, wysokość, link i swój tekst alt; przycisk ma Typ, rozmiar i link.
  • Kolejność: przeciągnij element za jego pasek sterowania w inne miejsce.

Kliknij Zapisz na pasku narzędzi, gdy skończysz. Przeglądarka ostrzega, jeśli spróbujesz opuścić stronę z niezapisanymi zmianami.

Co widzisz

W Podglądzie obraz siedzi po lewej. Nagłówek, akapit i przycisk siedzą po prawej, bez pasków sterowania. Z powrotem w Edytuj każdy element pokazuje swój pasek sterowania po najechaniu. DXPR Builder zapisuje stronę jako HTML w polu, które edytuje, zwykle Body. Odwiedzający widzą stronę, gdy treść jest opublikowana.

Jeśli nie widać przycisku Add Elements

  • Pusta strona pokazuje „Choose a template” i „Or add elements using the +”. Enable page creation assistant jest wyłączone na /admin/dxpr_studio/dxpr_builder/ai_settings. Kliknij + na pasku narzędzi kreatora, aby zamiast tego otworzyć selektor elementów.
  • Strona w ogóle nie pokazuje kreatora. Typ treści nie używa formatera DXPR Builder albo twojej roli brakuje Edit with DXPR Builder. Podążaj za Weryfikacja instalacji.
  • Zakładka Zapisane szablony nie wymienia szablonów. Nikt w witrynie jeszcze żadnego nie zapisał albo twój profil użytkownika je ukrywa. Użyj Choose a template na pustej stronie albo zapisz własne.
  • Twoje zmiany zniknęły po przeładowaniu. Strony nie zapisano. Kliknij Zapisz na pasku narzędzi kreatora, zanim wyjdziesz ze strony.

Co dalej?

  • Narzędzia edycji: każde sterowanie plus skróty klawiszowe.
  • Elementy: wszystkie 22 elementy treści i 6 elementów układu.
  • Układ: sekcje, wiersze i kolumny dostosowujące się do każdego ekranu.