Kwiatowy Zakątek
nowa strona kwiaciarni z Brodnicy
Pięć podstron - Start, Oferta, O nas, Galeria i Kontakt. Gotowy projekt graficzny wdrożony 1:1 jako motyw blokowy WordPress, w którym właścicielka sama dodaje bukiety, okazje i zdjęcia.
› podgląd
5 podstron · oferta z podziałem na okazje · galeria · formularz zapytania · edycja w Gutenbergu
› więcej sekcji
› problem
Kwiatowy Zakątek to kwiaciarnia przy ul. Hallera w Brodnicy, działająca od 2004 roku - bukiety układa w niej Anna Jankowska. Zamówienia najszybciej przyjmuje telefonicznie, więc strona ma przede wszystkim pokazać, co kwiaciarnia przygotowuje na różne okazje, i ułatwić kontakt: telefon, adres, godziny otwarcia i formularz zapytania.
Projekt graficzny był gotowy w postaci prototypu HTML - z dokładnie opisanymi kolorami, typografią i odstępami. Zadanie polegało na wdrożeniu go 1:1 w WordPressie tak, żeby właścicielka mogła sama dodawać bukiety i zdjęcia. W ofercie są dziesiątki bukietów, a kolejne będą dochodzić, więc ręczne powielanie kafelków na stronie nie wchodziło w grę.
› co zbudowałem
Własny motyw blokowy WordPress (Full Site Editing)
kwiatowy-zakatek. Cały wygląd -
paleta, trzy kroje pisma, siatka i odstępy - jest zapisany w
theme.json, a strony są zbudowane
z bloków edytora Gutenberg. Tam, gdzie wystarczają bloki wbudowane w WordPress,
używam ich; własne bloki powstały tylko tam, gdzie rdzeń nie wystarczał.
Oferta, którą właścicielka prowadzi sama
- Bukiet jako osobny typ treści - w panelu jest pozycja „Oferta (bukiety)”. Nowy bukiet to zdjęcie, nazwa, opis i okazja; strona sama wstawia go do oferty
- Okazje jako kategorie - np. śluby i wesela, florystyka funeralna, kwiaty w koszach i flowerboxach. Każda okazja ma własny adres i podstronę z bukietami, którą może zaindeksować Google, a pasek filtrów działa bez JavaScriptu
- Numeracja bukietów - nowy bukiet dostaje kolejny wolny numer, który wyznacza jego miejsce w ofercie. Kolejność można zmienić, wpisując inny numer
- Oferta sezonowa - wpisanie okresu (np. „maj-lipiec”) przy okazji lub bukiecie dodaje plakietkę „Sezonowo” na zdjęciach i na kaflu na stronie głównej
- osobna strona dla każdego bukietu - zdjęcie, opis i przycisk „Zadzwoń i zamów”
Sekcje jako wzorce bloków
Powtarzalne sekcje z projektu są zapisane jako wzorce bloków: sekcja otwierająca, kafle okazji, „Co nas wyróżnia”, „O kwiaciarni”, dostawa, ostatnie realizacje, galeria, kontakt i nagłówek oferty. Tekst czy zdjęcie zmienia się w edytorze, a układ zostaje zgodny z projektem.
- galeria z albumami przełączanymi zakładkami, zdjęcia z biblioteki mediów i powiększanie po kliknięciu
- najczęstsze pytania na podstronie O nas na wbudowanym bloku rozwijanym - bez dodatkowych skryptów
- jednorazowa konfiguracja po włączeniu motywu: tworzy podstrony, okazje, przykładowe bukiety i importuje zdjęcia - bez nadpisywania istniejących treści
Kontakt i formularz zapytania bez wtyczek
- formularz: imię i nazwisko, telefon, okazja (lista z kategorii oferty) i szczegóły zamówienia; zapytanie trafia e-mailem do kwiaciarni
- adres odbiorcy ustawiany w panelu (Ustawienia → Ogólne), domyślnie e-mail administratora strony
- zabezpieczenie przed spamem i podrobionymi zgłoszeniami bez CAPTCHA
- numer telefonu w nagłówku, na każdej podstronie i jako pływający przycisk na telefonie; numer konta z przyciskiem „Kopiuj”
Wierność projektowi i prywatność
- układ płynny - projekt przygotowany pod ekran 1920 × 1080, z maksymalną szerokością treści i marginesami, które rosną razem z oknem. Na telefonie siatki zwijają się same
- fonty wgrane do motywu - strona nie wysyła zapytań do Google Fonts
- mapa dojazdu z OpenStreetMap zamiast osadzonej mapy Google
Dla właścicielki lokalnej kwiaciarni oznacza to stronę, którą prowadzi sama: nowy bukiet, sezonowa oferta czy zdjęcia z realizacji trafiają na stronę z panelu WordPressa, bez dzwonienia do programisty.
› stack
- WordPress
- Motyw blokowy (FSE)
- Gutenberg
- theme.json
- Własny typ treści
- PHP
Prowadzisz lokalny biznes i chcesz stronę, którą zmienisz sam?
Porozmawiajmy. 15 minut, bez zobowiązań - masz gotowy projekt graficzny albo dopiero pomysł. Jeśli jesteś z Brodnicy lub okolic, możemy spotkać się na miejscu.
Umów rozmowę