Strona opisowa

Pobierz w PDF

Spis treści

  1. 1. Opis
  2. 2. Dostosowanie widoku panelu administratora
  3. 3. Konfiguracja
  4. 4. Zarządzanie treścią
    1. 4.1. Dostępne układy stron
    2. 4.2. Dodawanie zdjęć / załączników
    3. 4.3. Dodanie / edycja akapitu

  • 1. Opis

    • Zastosowanie modułu

      Stosując stronę opisową możemy zamieścić w niej dowolną treść korzystając z dostępnych szablonów. Służy do tworzenia nieskomplikowanych podstron. Mamy możliwość dodawania zdjęć, wideo, załączników (PDF, Prezentacji Multimedialnych) oraz korzystania z edytora HTML.

  • 2. Dostosowanie widoku panelu administratora

    •  

      imperial-screen-29-09-2021-14-28-14-61545be738907.png

      1. 1Wyszukiwanie w liście wierszy, które pasują do wpisanej frazy i wyświetlenie tylko pasujących. Użycie widoczne na liście aktywnych filtrów.
      2. 2Filtrowanie akapitów opublikowanych/nieopublikowanych.
      3. 3Ilość wyświetlanych akapitów na stronie w panelu administratora.
      4. 4Skopiowanie akapitu z innego katalogu.
      5. 5Możliwość zaznaczenia wybranych rekordów (do usuwania kilku naraz).
      6. 6Przycisk do zaznaczania wszystkich akapitów.
      7. 7Przycisk do usuwania zaznaczonych akapitów.
      8. 8Nagłówek kolumny, po kliknięciu możliwe sortowanie elementów według wybranej kolumny w dwóch trybach rosnąco i malejąco.
      9. 9Przycisk sortowania elementów, za pomocą metody "złap, przeciąg i upuść". Elementy będą wyświetlane na stronie w kolejności takiej, jak znajdują się na liście.

  • 3. Konfiguracja

    •  

      Główne ustawienia katalogu

      imperial-screen-29-09-2021-15-53-16-61546fcf6703a.png

      1. 1Ukrycie poniższego komunikatu (wyświetlanego tylko w przypadku braku treści na stronie).
        imperial-screen-28-09-2021-14-35-07-61530c0c5e322.png
      2. 2Podział akapitów na strony, mamy możliwość wyboru wyświetlanej ilości akapitów na jednej stronie (od 1 do 30).
      3. 3Informacja o wymaganych polach.

  • 4. Zarządzanie treścią

        

    • 4.1. Dostępne układy stron

      •  

        imperial-screen-17-09-2021-09-16-02-61444167a8e30.png
        Zwykły tekst.
        Układ zawierający tylko tekst. Oczywiście za pomocą dostępnego edytora HTML jest możliwośc dodania tabeli, list punktowanych,załączników zdjęć itp.

        imperial-screen-29-09-2021-14-30-30-61545c7030800.png


        imperial-screen-17-09-2021-09-22-42-6144427f755c9.png
        Tekst + zdjęcia po lewej stronie względem tekstu
        Układ, w którym zapisujemy treść, a zdjęcia dodane w zakładce "Zdjęcia", będą wyświetlane po lewej stronie względem tekstu.

        imperial-screen-17-09-2021-14-22-16-6144889bbe3d0.png

         

        imperial-screen-17-09-2021-09-31-00-61444454439e4.png

        Tekst + zdjęcia po prawej stronie względem tekstu
        Układ, w którym zapisujemy treść, a zdjęcia dodane w zakładce "Zdjęcia", będą wyświetlane po prawej stronie względem tekstu.

        imperial-screen-17-09-2021-14-25-41-614489481cb74.png

        imperial-screen-17-09-2021-09-32-13-614444b31cb83.png

        Tekst + zdjęcia od góry względem tekstu
        Układ, w którym zapisujemy treść, a zdjęcia dodane w zakładce "Zdjęcia", będą wyświetlane od góry względem tekstu.

        imperial-screen-17-09-2021-11-30-21-61446061d4d94.png

        imperial-screen-17-09-2021-09-33-44-614444db418f5.png

        Tekst + zdjęcia od dołu względem tekstu

        Układ, w którym zapisujemy treść, a zdjęcia dodane w zakładce "Zdjęcia", będą wyświetlane od dołu względem tekstu.

        imperial-screen-17-09-2021-11-32-04-6144611088bee.png

        imperial-screen-17-09-2021-09-36-42-614445e38f839.png

        Dwu-kolumnowy układ tekstu

        Układ, w którym treść wyświetlana jest w dwóch kolumnach.

        imperial-screen-17-09-2021-11-37-14-614461e18fe56.png

        imperial-screen-17-09-2021-09-41-09-61444768ef35d.png

        Dwu-kolumnowy układ tekst+wideo

        Układ, w którym treść znajduję się w kolumnie po lewej, zaś po prawej stronie wyświetlane jest wideo.

        imperial-screen-17-09-2021-11-32-52-61446110b5401.png

        imperial-screen-17-09-2021-09-43-08-6144476912e60.png

        Dwu-kolumnowy układ Tabela+tekst

        Układ, w którym tabela wyświetlana jest po lewej stronie, a po prawej stronie tekst.

        imperial-screen-17-09-2021-11-38-41-61446232e3da7.png

        imperial-screen-17-09-2021-09-46-00-61444a32bf08d.png

        Układ tekst+galeria

        Układ, w którym tekst wyświetlamy po lewej stronie, a po prawej stronie galerie zdjęć, dodaną za pomocą zakładki "zdjęcia".

        imperial-screen-17-09-2021-11-33-37-61446110dba6f.png

        imperial-screen-17-09-2021-09-49-40-61444a32d7a5f.png

        Prezentacja zdjęć

        Układ, w którym wyświetlane są tylko zdjęcia.

        imperial-screen-17-09-2021-11-40-57-614462b580237.png

        imperial-screen-17-09-2021-09-54-54-61444a32ed2bd.png

        Duże zdjęcie

        Układ, w którym wyświetlane jest jedno duże zdjęcie.

        imperial-screen-17-09-2021-11-43-04-614463d72179c.png

        imperial-screen-17-09-2021-09-55-51-61444a33126ed.png

        Trzy-kolumnowy układ tekstu

        Układ, w którym treść wyświetlana jest w trzech kolumnach.

        imperial-screen-17-09-2021-11-43-46-614463d77ce70.png

        imperial-screen-17-09-2021-09-59-13-61444ba1abc4e.png

        Trzy-kolumnowy układ tekst+tekst+zdjęcie

        Układ, w którym treść wyświetlana jest w trzech kolumnach, w dwóch tekst, zaś w ostatniej zdjęcie dodane poprzez zakładkę "zdjęcia".

        imperial-screen-17-09-2021-11-44-30-614463d7c1905.png

        imperial-screen-17-09-2021-10-00-51-61444ba1c27cd.png

        Trzy-kolumnowy układ tekst+zdjęcie+tekst

        Układ, w którym treść wyświetlana jest w trzech kolumnach, w pierwszej i ostatniej teskt, zaś w środkowej kolumnie zdjęcie dodane poprzez zakładkę "zdjęcia".

        imperial-screen-17-09-2021-11-45-00-614463d8027cb.png

        imperial-screen-17-09-2021-10-03-29-61444c5a5dcc5.png

        Trzy-kolumnowy układ zdjęcie+tekst+tekst

        Układ, w którym treść wyświetlana jest w trzech kolumnach, w pierwszej wyświetlane jest zdjęcie dodane poprzez zakładkę "zdjęcia", w drugiej i trzeciej tekst.

        imperial-screen-17-09-2021-11-45-31-614463d83b91d.png

        imperial-screen-17-09-2021-10-03-42-61444c5a750f3.png

        Duże wideo

        Układ, w którym wyświetlane jest tylko wideo.

        imperial-screen-17-09-2021-10-07-29-6144567f3e6cc.png

        Boksy (2)

        Układ wyświetlany w dwóch kolumnach nad każdą znajduje się wprowadzony tytuł, pod tytułem treść. W tle tekstu możemy ustawić zdjęcie. Na dole po prawej stronie wyświetlany jest przycisk (jeżeli chcemy) przenoszący do ustawionego adresu URL (strony internetowej).

        imperial-screen-17-09-2021-11-48-35-614464b00b3e8.png

        imperial-screen-17-09-2021-10-51-02-614456f9cb25e.png

        Boksy (3)

        Układ wyświetlany w trzech kolumnach nad każdą znajduje się wprowadzony tytuł, pod tytułem treść. W tle tekstu możemy ustawić zdjęcie. Na dole po prawej stronie wyświetlany jest przycisk (jeżeli chcemy) przenoszący do ustawionego adresu URL (strony internetowej).

        imperial-screen-17-09-2021-11-49-18-614464b0373aa.png

        imperial-screen-17-09-2021-10-51-40-614457cf92e40.png

        Formularz kontaktowy

        Formularz, do przesyłania zapytań na podany adres e-mail.

        imperial-screen-17-09-2021-11-55-07-6144666f59d01.png

    • 4.2. Dodawanie zdjęć / załączników

      • imperial-screen-29-09-2021-14-47-44-61546078e870d.png

        1. 1Możliwość wyboru szerokości miniaturki dodawanego zdjęcia.
        2. 2Przycisk do dodawania zdjęcia, można również przeciągnąć ikonę pliku w to miejsce, aby go dodać.
        3. 3Włączenie opcji sortowania zdjęć, można ustawiać zdjęcia w dowolnej kolejności.
        4. 4Możliwość przycięcia zdjęcia do wymiarów miniaturki.
        5. 5Przycisk do pobrania załączonego zdjęcia.
        6. 6Usunięcie konkretnego zdjęcia.
        7. 7Możliwość ustawienia opisu wyświetlanego pod zdjęciem.
        8. 8Zamiana zdjęcia na inne.
        9. 9Narzędzie do przycinania zdjęć.

         

        Panel przycinania / dopasowania zdjęcia:

        imperial-screen-28-09-2021-13-38-10-6152fea7194de.png

        Na panelu należy wybrać obszar, który pozostanie jako obraz naszego zdjęcia za pomocą rozjaśnionego pola oraz dostępnych punktów transformacji. Modyfikację kończymy klikając Zapisz.

         

        1. 10Konwerter formatu zdjęcia do .webp(zajmuje znacznie mniej miejsca od zwykłego zdjęcia, dzięki czemu strona szybciej się ładuje).
        2. 11Przycisk zapisuje i powraca do edycji formularza.
        3. 12Przycisk zapisuje i przechodzi do formularza dodawania nowego elementu.
        4. 13Przycisk zapisuje i przechodzi do listy dodanych elementów.
        5. 14Przycisk anuluje dodawanie / edycję elementu.

    • 4.3. Dodanie / edycja akapitu

      • imperial-screen-29-09-2021-13-19-59-61544be21f02b.png

        1. 1 Przycisk służący do dodania nowego akapitu.
        2. 2 Publikacja danego akapitu- czerwony kolor oznacza "nieopublikowany" zaś zielony "opublikowany".
        3. 3 Edycja istniejącego akapitu.
        4. 4 Usunięcie istniejącego akapitu.

         

        Opcje ułożenia akapitów:

        imperial-screen-29-09-2021-15-46-19-61546e343f67e.png

        imperial-screen-29-09-2021-15-45-19-61546df460212.png

        1. 1

          Układ - wybór interesującego nas układu strony.

        2. 2

          Nazwa - wyświetlany nagłówek.

        3. 3

          Treść - pole do wprowadzania wyświetlanej treści (podczas wklejania treści z edytora np. Word zalecane jest wklejanie treści bez formatowania w celu utrzymania jak najlepszej estetyki prowadzonej strony)

        4. 4

          Checkbox 'Publikuj' - czy treść ma zostać opublikowana (widoczna na stronie).

        5. 5

          Kolejność - kolejność wyświetlania treści na stronie względem innych opisów.