Edycja stron i dodawanie treści

Otwórz stronę w edytorze treści i dowiedz się, jak działają bloki, elementy, edytor tekstu, edytor HTML, zapisywanie i podgląd.

Treść stron edytujesz w edytorze treści – edytorze blokowym, w którym łączysz teksty, obrazy, przyciski i dodatki. Z tego artykułu dowiesz się, jak go otworzyć i jak współdziałają jego poszczególne części.

Otwieranie strony do edycji

  1. Kliknij Strony → Zarządzaj stronami na pasku bocznym. Zobaczysz wszystkie swoje strony; filtr Kategorie po lewej stronie i pole Szukaj stron pomogą Ci znaleźć tę właściwą.
  2. Kliknij nazwę strony lub ikonę ołówka Edytuj treść strony. Ikona koła zębatego Ustawienia strony otwiera natomiast nazwę, tytuł, adres URL i pozostałe ustawienia; również stamtąd Edytuj treść strony otwiera edytor.

Możesz tam też przejść z Menu → Zarządzaj elementami menu: każdy link do strony ma ikonę Edytuj stronę.

Jak zbudowana jest strona: układ, bloki i elementy

  • Układ to cała treść strony. Określa, jak rozmieszczone są bloki.
  • Blok to sekcja strony. Blok jest pionowy (jego elementy znajdują się jeden pod drugim) lub poziomy (jego elementy znajdują się obok siebie).
  • Element to pojedyncza treść w bloku: tekst, przycisk, galeria, formularz kontaktowy, osadzony kod HTML itp.

Kliknij fragment strony, aby go zaznaczyć. Przełącznik Układ / Blok / Element pokazuje, który poziom jest aktywny, a Pokaż ustawienia otwiera ustawienia tego poziomu, na przykład tło, obramowanie, odstępy, szerokość lub wyrównanie.

Dodawanie bloków i elementów

  • Dodaj blok dodaje nową sekcję: wybierz Pusty blok pionowy, Pusty blok poziomy lub jeden z gotowych szablonów z grupy Szablony (można je filtrować według słowa kluczowego).
  • Dodaj element (dodatek) na pasku narzędzi albo ikony plusa Dodaj element przed i Dodaj element po przy zaznaczonym elemencie otwierają okno wyboru elementów:
    • Podstawowy: Standardowy (element tekstowy) i Przycisk.
    • Dodatki: blog, kalendarz, formularz kontaktowy, galeria, księga gości, lista linków, strefa członków, newsletter, tablica ogłoszeń, ankieta, shoutbox i mapa witryny. Najpierw skonfiguruj dodatek w sekcji Dodatki na pasku bocznym – patrz dodawanie dodatków do witryny.
    • Media społecznościowe: przyciski obserwowania, Facebook, Instagram, Twitter.
    • Specjalne: Przewijany tekst i Osadzony HTML dla kodu od innych dostawców.
    • Zapisane elementy: elementy zapisane przyciskiem Zapisz element, aby użyć ich ponownie na innych stronach.

Ikony przy zaznaczonym elemencie pozwalają przesunąć go w górę lub w dół (w bloku poziomym w lewo lub w prawo), zduplikować go (Duplikuj element) lub usunąć (Usuń zaznaczony element).

Pisanie i formatowanie tekstu

Kliknij element Standardowy i zacznij pisać. Pojawi się pasek formatowania z pogrubieniem, kursywą i podkreśleniem, czcionką, rozmiarem i kolorem, formatami akapitu i wyrównaniem, listami, linkami, obrazami, filmami, tabelami, znakami specjalnymi oraz opcją Wstaw HTML. Obrazy opisuje artykuł wstawianie obrazów, a filmy – osadzanie filmów.

Edytor HTML

Edytor HTML pokazuje pełny kod HTML strony w edytorze kodu. Jest przeznaczony dla zaawansowanych użytkowników: jeden błąd może zepsuć układ strony. Jeśli kodu nie da się wczytać z powrotem do edytora wizualnego, pomoże Spróbuj naprawić. Zamknij edytor HTML przywraca widok wizualny; Zapisz (kontynuuj edycję) i Zapisz (zakończ edycję) pozwalają zapisać zmiany również stąd. Zobacz też czym jest HTML?.

Zapisywanie, cofanie i podgląd

  • Zmiany nie są zapisywane automatycznie. Zapisz i kontynuuj zapisuje zmiany i pozostawia edytor otwarty; Zapisz i zakończ zapisuje je i wraca do listy stron. Jeśli zamkniesz edytor z niezapisanymi zmianami, panel administracyjny Cię ostrzeże.
  • Cofnij i Ponów pozwalają przechodzić krok po kroku przez zmiany z bieżącej sesji edycji.
  • Podgląd otwiera bieżącą treść w szablonie Twojej witryny w nowej karcie, bez zapisywania. Po zapisaniu Pokaż stronę w witrynie na liście stron otwiera opublikowaną stronę.

Nadal potrzebujesz pomocy?

Nasz zespół pomocy technicznej chętnie odpowie na wszystkie Twoje pytania dotyczące witryny w hPage.

Kontakt z pomocą techniczną