--- url: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/pierwsza-strona' title: 'Zbuduj swoją pierwszą stronę | DXPR' author: name: Jurriaan url: 'https://dxpr.com/users/jurriaan' date: '2026-10-24T13:56:44+00:00' updated: '2026-10-24T17:19:22+00:00' copyright: 'Copyright DXPR. All rights reserved.' type: article summary: |- 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. tags: - 'Build your first page' image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' published: true og: site_name: DXPR updated_time: '2026-10-24T17:19:22+0000' 'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.' schema: '@context': 'https://schema.org' '@graph': - mainEntity: { } - '@type': TechArticle headline: 'Zbuduj swoją pierwszą stronę' description: |- 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. image: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg' width: '1200' height: '630' datePublished: '2026-10-24T13:56:44+0000' dateModified: '2026-10-24T17:19:22+0000' author: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR url: 'https://dxpr.com/' logo: '@type': ImageObject url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg' width: '1348' height: '501' mainEntityOfPage: 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/pierwsza-strona' articleSection: 'Zbuduj pierwszą stronę' - '@type': WebPage '@id': 'https://dxpr.com/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/pierwsza-strona' description: |- 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. breadcrumb: '@type': BreadcrumbList itemListElement: - '@type': ListItem position: 1 name: 'Strona Główna' item: 'https://dxpr.com/pl' publisher: '@type': Organization '@id': 'https://dxpr.com/#organization' name: DXPR inLanguage: pl --- [Centrum pomocy](/pl/hc)/[Dokumentacja](/pl/hc/dokumentacja) /[Poznaj DXPR Builder](/pl/hc/documentation/learn-dxpr-builder) /[Zacznij tutaj](/pl/hc/documentation/learn-dxpr-builder/start-here) /[Zbuduj pierwszą stronę](/pl/hc/documentation/learn-dxpr-builder/start-here/first-steps) # Zbuduj swoją pierwszą stronę. Poznaj DXPR BuilderZacznij tutajZbuduj pierwszą stronę ## W tym przewodniku 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](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/instalacja). 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](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/instalacja)). - 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](/pl/hc/documentation/learn-dxpr-builder/reusable-templates/saved-templates-tab) 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](/pl/hc/dokumentacja/nauka-dxpr-builder/administracja/profile-uzytkownikow) 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](/pl/hc/dokumentacja/nauka-dxpr-builder/pierwsze-kroki/instalacja#verify-the-installation). - **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](/pl/hc/documentation/learn-dxpr-builder/reusable-templates/user-templates). - **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](/hc/documentation/learn-dxpr-builder/editing): każde sterowanie plus skróty klawiszowe. - [Elementy](/hc/documentation/learn-dxpr-builder/elements): wszystkie 22 elementy treści i 6 elementów układu. - [Układ](/hc/documentation/learn-dxpr-builder/layout/overview): sekcje, wiersze i kolumny dostosowujące się do każdego ekranu.