Jak zrobić stronę internetową konferencji

Strona wydarzenia jest zwykle pierwszą rzeczą, którą widzi potencjalny uczestnik, i ostatnią, do której wraca po szczegóły. W systemie SF-CONFERENCE nie trzeba jej zamawiać ani stawiać osobno. Powstaje razem z wydarzeniem, pod tym samym adresem co formularz rejestracyjny, i składa się ją z gotowych bloków w panelu.

Poniżej przechodzimy przez całą konfigurację: gdzie znaleźć edytor, jak dobrać kolory i tło, z czego zbudować stronę główną, jak dodać podstrony w rodzaju agendy czy listy prelegentów, jak ułożyć menu i jak podpiąć formularz kontaktowy z mapą.

Gdzie edytuje się stronę

Wejdź w pozycję Strona WWW w menu bocznym panelu. Na górze widoku system pokazuje adres, pod którym strona jest dostępna. Możesz go otworzyć w nowej karcie i sprawdzać efekt na bieżąco. Widok dzieli się na zakładki: Strony, Wygląd, Menu, Kontakt oraz Stopka.

Kolory, tło i nagłówek

Zakładka Wygląd odpowiada za to, jak strona wygląda jako całość. Ustawisz w niej Tło strony wydarzenia, Zaokrąglenie rogów, Kolor tekstu w nagłówku oraz Kolor podświetlenia aktywnej pozycji menu. Dwa przełączniki decydują o zawartości nagłówka: Pokaż logo wydarzenia w nagłówku i Pokaż nazwę wydarzenia w nagłówku.

To wystarczy, żeby strona wyglądała jak Twoje wydarzenie, a nie jak domyślny szablon. Jeśli masz identyfikację wizualną konferencji, zwykle sprowadza się to do wgrania logo i dobrania dwóch kolorów.

Bloki, czyli z czego składa się strona

Treść strony budujesz z bloków. Do wyboru są: blok treści, obraz pełnej szerokości, obraz z tekstem obok, odliczanie do rozpoczęcia, zakładki, kafelki, karty, galeria, wezwanie do działania oraz mapa. Każdy blok dodajesz, ustawiasz jego kolejność i wypełniasz treścią w każdym języku wydarzenia.

Nie ma osobnego bloku „agenda” ani „prelegenci”. I nie jest potrzebny. Agendę składasz z zakładek, gdzie każda zakładka to jeden dzień konferencji, albo z bloku treści z tabelą. Listę prelegentów najwygodniej zrobić z kart, bo każda karta ma zdjęcie, nagłówek i opis. Sponsorów pokazuje galeria. Ta sama garść bloków obsługuje więc bardzo różne sekcje.

Każdy blok ma też ustawienie widoczności osobno na komputerze, tablecie i telefonie. Przydaje się przy elementach, które na małym ekranie tylko przeszkadzają, na przykład przy szerokiej tabeli albo dużym obrazie tła.

Podstrony

Zakładka Strony zawiera listę podstron i przycisk Dodaj stronę. Nowa podstrona wymaga dwóch rzeczy: Tytułu w każdym języku wydarzenia oraz Ścieżki, czyli końcówki adresu. Ścieżka jest tym, co zobaczy uczestnik i co zaindeksuje wyszukiwarka, więc warto, żeby była krótka i opisowa.

Na stronie podstrony ustawisz jeszcze, czy tytuł ma być wyświetlany i w jakim kolorze, a poniżej układasz jej bloki, dokładnie tak samo jak na stronie głównej. System pokazuje też pełny adres podstrony, gotowy do skopiowania.

Menu i stopka

Zakładka Menu decyduje, co znajdzie się w górnej nawigacji: podstrony, odnośniki do konkretnych sekcji strony głównej albo adresy zewnętrzne. Kolejność ustawiasz sam, a nazwy pozycji podajesz w każdym języku. Stopka działa podobnie i jest naturalnym miejscem na dane organizatora, politykę prywatności i logotypy patronów.

Kontakt i mapa

Zakładka Kontakt obsługuje sekcję kontaktową: dane organizatora, formularz, którego treść trafia na wskazany adres e-mail, oraz widget mapy z lokalizacją wydarzenia. Formularz kontaktowy jest o tyle wygodny, że pytania od potencjalnych uczestników trafiają w jedno miejsce, a nie na prywatne skrzynki członków komitetu.

Agenda, języki i widoczność bloków

Strona i formularz rejestracyjny żyją pod tym samym adresem wydarzenia. Formularz jest po prostu jedną z jego części. Dzięki temu odnośnik do rejestracji z menu albo z bloku wezwania do działania prowadzi tam, gdzie trzeba, bez przeklejania linków.

Agendę najwygodniej złożyć blokiem zakładek, jedna zakładka na jeden dzień, albo blokiem treści z tabelą. Program zmienia się do ostatniej chwili, więc warto trzymać go w strukturze, którą łatwo poprawić bez przebudowy całej strony. Treść każdego bloku, tytuły podstron i nazwy pozycji menu podajesz osobno w każdym języku wydarzenia, a uczestnik widzi wersję zgodną z wybranym językiem. Każdy blok ma też osobne ustawienie widoczności dla komputera, tabletu i telefonu, więc szeroką tabelę albo dekoracyjny obraz można pokazywać wyłącznie na dużym ekranie.

Strona wydarzenia w skrócie

Kolory i nagłówek ustawiasz w zakładce Wygląd, treść składasz z bloków, dodatkowe sekcje robisz jako podstrony, a nawigację układasz w Menu. Strona stoi pod tym samym adresem co rejestracja, więc uczestnik przechodzi od informacji do zgłoszenia bez opuszczania witryny. Więcej o możliwościach samej strony znajdziesz w opisie strony internetowej wydarzenia.