---
title: "Adj hozzá új oldalt"
description: "Hozz létre oldalt sablonnal, heróval, szakasszal és idézettel, majd tedd közzé a saját címén."
requested_language: hu
language: hu
url: https://docs.systhema.app/hu/next/editor-guide/onboarding/adding-a-page
version: unreleased (main)
docs_index: https://docs.systhema.app/hu/next/llms.txt
---

Létrehozol egy gyakorlóoldalt heróval és két blokkal. Szánj rá körülbelül öt percet. Válassz könnyen felismerhető nevet, például "Szerkesztői körút".

## Hozd létre az oldalt és a herót [#create-the-page-and-hero]

1. Nyisd meg az **Oldalak** listát, és válaszd az **Új Oldal létrehozása** lehetőséget.
2. Az **Oldal címe** mezőbe írd be: "Szerkesztői körút". Az oldalsávban az **Oldalsablon** értéke legyen **Alapértelmezett**. Így kapsz egy herót és egy rugalmas tartalomterületet.
3. A **Tartalom** alatt válaszd az **Egyszerű** értéket a **Hero típusa** mezőben. A **Cím** mezőbe írd: "Üdvözlünk az új oldalunkon". A **Címke (opcionális)** egy rövid sor a címsor fölött. A **Leírás** az alatta megjelenő bevezető.

   ![Új oldal az Oldal címe mezővel, Egyszerű heróval, hero Címmel és Oldalsablonnal](./images/new-page.light.webp)

## Adj hozzá két blokkot [#add-two-blocks]

1. Kattints a hero alatti fő **Tartalom** szerkesztőbe. Írj rövid bevezetőt, majd kezdj új bekezdést.
2. Nyisd meg a blokkok menüjét az eszköztár bal oldalán, és válaszd a **Szakasz** blokkot. A saját **Tartalom** mezőjébe írd: "Amivel foglalkozunk", majd egy rövid magyarázatot. A **Szín**, **Háttérváltozat** és **Belső térköz** beállításait egyelőre hagyd az alapértékükön.

   ![Szakasz blokk a szerkesztőben a szín, háttér, belső térköz és tartalom mezőkkel](./images/tour-section.light.webp)

3. Kattints a Szakasz utáni üres bekezdésbe. Nyisd meg újra a blokkok menüjét, és válaszd az **Idézet** blokkot. A szövegterületére írd: "A jó munka világos tervvel kezdődik." A **Forrás hozzáadása** lehetőséggel megadhatod, kitől származik az idézet.

   ![Idézet blokk az Idézőjel megjelenítése és Forrás hozzáadása beállításokkal](./images/tour-quote.light.webp)

A blokkok a hozzáadás sorrendjében jelennek meg. További elrendezésekhez használd a [blokkok referenciáját](https://docs.systhema.app/hu/next/editor-guide/pages/blocks.md).

Miért fontos ez? Minden blokk **Tartalom** mezője ahhoz a blokkhoz tartozik. Ha az Idézetet a Szakasz után szeretnéd hozzáadni, kattints a Szakaszon kívülre, az alatta lévő fő szerkesztőbe.

## Állítsd be a címet és tedd közzé [#set-the-address-and-publish]

1. Az oldalsáv **URL-útvonal** mezője legyen `editor-tour`. Kisbetűs, kötőjellel elválasztott szavakat használj, szóköz és kezdő perjel nélkül. Ha a mező zárolva van, a lakat vezérlőjével tedd szerkeszthetővé.

   ![Az oldal oldalsávja az Oldalsablon, URL-útvonal és Szülőoldal mezőkkel](./images/page-address.light.webp)

2. A **Szülőoldal** mezőt hagyd üresen ebben a gyakorlatban. A szülő egy másik oldal útvonalát illeszti a sajátod elé.
3. Válaszd a **Piszkozat mentése**, majd az **Előnézet** gombot a hero, bevezető, Szakasz és Idézet ellenőrzéséhez. Ha elégedett vagy, válaszd a **Módosítások közzététele** gombot.
4. Egy másik böngészőlapon nyisd meg a webhelyed címét, utána `/editor-tour` útvonallal. A demó címe [demo.systhema.app/editor-tour](https://demo.systhema.app/editor-tour). Ha előnézeti sáv jelenik meg, válaszd a **Kilépés az előnézeti módból** lehetőséget a közzétett oldal ellenőrzéséhez.

   ![A közzétett gyakorlóoldal az új hero címsorával](./images/published-page.light.webp)

## Ellenőrizd az eredményt [#check-afterwards]

Az új oldalnak meg kell nyílnia a címén, és a tartalmadat kell mutatnia. A közzétett oldal nem válik automatikusan menüponttá. A [Navigáció](https://docs.systhema.app/hu/next/editor-guide/navigation.md) útmutatót használd, ha a látogatók számára elérhetővé tennéd a Fejlécben vagy Láblécben.

## Kapcsolódó oldalak [#related-pages]

[Oldalsablonok](https://docs.systhema.app/hu/next/editor-guide/pages/page-templates.md), [Blokkok](https://docs.systhema.app/hu/next/editor-guide/pages/blocks.md), [Navigáció](https://docs.systhema.app/hu/next/editor-guide/navigation.md).

Következő: [Adj hozzá képet](https://docs.systhema.app/hu/next/editor-guide/onboarding/adding-images.md).