Opis zlecenia
Szablon wykonany dla naszej firmy musi być w 100% responsywny z możliwością dokonywania zmian w jego wyglądzie/układzie bezpośrednio z ustawień szablonu. Stawiamy też spory nacisk na dokładność wykonanej pracy. Nie może być żadnych luk w kodzie, umożliwiających ataki na strony oparte na tym szablonie. Oczekujemy mocnego zabezpieczenia oraz aktualizacji w razie wykrytych błędów. W oparciu o ten szablon ma powstać sporo stron, dlatego jego możliwości muszą być naprawdę duże, aby strony nie były identyczne.
1. USTAWIENIA GŁÓWNE
- Ogólne:
a) Układ: Full width / Boxed
b) Szerokość siatki: Domyślnie: 1240px (z możliwością ustawiania 960 – 1920)
c) Tło: obraz / kolor
d) Ikona favicon
- Logo:
a) Upload logo główne
b) Logo dla przyklejonego nagłówka (sticky)
c) Opcje dodatkowe: Możliwość ustawienia title dla logo. Logo ma być podlinkowane do strony głównej. W przypadku kiedy nie ma logo graficznego, możliwość ustawiania tekstu.
d) Zaawansowane: Pozycja logo czyli marginesy odstępu w każdą stronę
2. NAGŁÓWEK I PODNAGŁÓWEK
- Nagłówek:
a) Styl: możliwość wybrania różnych form wyglądu nagłówka. Przykład na zdjęciu poniżej:
b) Opcje: nagłówek FULLWIDTH lub BOXED
c) Tło: obraz / kolor
d) Styl: Przyklejony TAK / NIE
e) możliwość ustawienia przezroczystości nagłówka
- Podnagłówek (obraz + tytuł pod menu głównym na podstronach):
a) Styl: Tekst (na środku, po prawej, po lewej, brak)
b) Kolor: możliwośc ustawiania koloru tekstu oraz jego przezroczystości
c) marginesy wewnętrzne tekstu
d) Obraz / kolor
e) szerokość podnagłówka
f) rozmiar tekstu
g) ukryj podnagłówek
- Dodatki:
a) możliwość wysuwanego dodatkowego menu z boku ekranu (jego zawartość będzie określana w widgetach jako dodatkowy sidebar BOCZNE MENU)
b) Przycisk akcji: Pokazujący się w prawym marginesie nagłówka. Opcje: pokaż-ukryj / tytuł / link / otwórz w nowej karcie / kolor tła / kolor obramowania / efekt najechania / ikona. Przykład poniżej.
c) wyszukiwarka: Pokaż-ukryj. Po kliknięciu w ikonę wyszukiwarki wysuwa się dodatkowy pasek poniżej w kolorze belki menu z miejscem na słowa do wyszukiwania.
d) Baner/inne: Działa w przypadku, kiedy wybierzemy rodzaj menu np. magazine, stack left, stack right, simple. Logo jest wtedy przy jednym marginesie a wiersz niżej jest menu, dlatego po przeciwnej stronie logo mamy puste miejsce i właśnie w tym miejscu wyświetlać się ma zawartość HTML, którą tutaj umieścimy. Przykład poniżej.
e) Pasek akcji: będzie to miejsce nad logo, menu i całą resztą nagłówka. Obszar ten widoczny jest na zdjęciu powyżej, gdzie są ikony social media. Opcje: pokaż-ukryj, szerokość, kolor, kolor lini dolnej, marginesy tekstu, treść html (lewa strona/prawa strona), ikony social (lewa strona/prawa strona). W ikonach social ma być: facebook, google plus, instagram, rss, twitter, youtube, vimeo, pinterest, możliwośc dodania własnej ikony i linku.
3. MENU
a) Rozmiar czcionki
b) Styl czcionki
c) odstępy pomiędzy kategoriami menu
4. PANELE BOCZNE (sidebar)
a) Dodaj sidebar
b) Szerokość bocznej kolumny w % (Zalecane: 20% - 30%) Możliwośc ustawiania własnej.
c) Układ (te same opcje dla WPISY, STRONY, PROJEKTY): full width, left sidebar, right sidebar, both sidebars, domyślnie
d) domyślny panel boczny (w każdej kategorii z podpunktu c): tutaj nazwa wybranego sidebara, który ma pojawiać się domyślnie
5. BLOG, PORTFOLIO
- Ogólne:
a) Nawigacja: Pokaż-ukryj
b) Obrazek główny: opcja full weight oraz boxed, ustawienie wysokości obrazka, który docelowo ma wyświetlać się pod nagłówkiem. System ma dostosowywać zdjęcia do strony tak aby ich nie rozciągać i mają nie tracić na jakości
- Blog:
a) Liczba wpisów na stronę
b) Układ według wzoru na poniższym obrazku
c) Kolumny: domyślnie 3 (przedział 2-6)
d) Długość tekstu wyświetlającego się w ostatnio dodanych (krótki opis): podajemy liczbe wyrazów
e) Metadane wpisu: tak-nie
f) Pojedynczy wpis: opcje: Tytuł (tak-nie), Powiększenie obrazka (tak-nie), Blok autora (tak-nie), Podobne wpisy (0-nie, lub 1 i więcej), Podobne wpisy jako kolumny (przedział 2-6), komentarze (tak-nie)
- Portfolio:
a) projektów na stronę
b) Układ wedle przykładu jak w grafice wyżej - grid
c) Kolumny: domyślnie 3 (przedział 2-4)
d) strona portfolio: tutaj z pośród dodanych stron zaznaczamy tą, która ma wyświetlać nam wszystkie dodane projekty
e) Sortuj: (data, alfabetycznie, losowo)
f) Kolejność: rosnąco-malejąco
g) Tytuł najechania: tak-nie
h) Filtry: pokaż-ukryj-kategorie
i) Szczegóły projektu: podobne projekty (ilość od 0 w górę), podobne projekty liczba kolumn (przedział 2-4), Komentarze (tak-nie), liczba lubiących (tak-nie)
6. STOPKA
a) układ: według tego co na obrazku poniżej
b) Styl: według tego co na obrazku poniżej
c) Marginesy wewnętrzne
d) Tło: Obraz-kolor
e) Prawa autorskie: możliwość dodania kodu html
f) Prawa autorskie układ: (wyśrodkowane, lewa copyright-prawa social, lewa social-prawa copyright)
g) Prawa autorskie kolor tekstu
h) Prawa autorskie kolor tła
i) Prawa autorskie szerokość paska
j) Pokaż przycisk powrót do góry (tak-nie)
k) Kolor nagłówków stopki
l) Kolor tekstu stopki
m) Możliwość wyłączenia stopki. Wtedy zostaje tylko pasek Prawa Autorskie
7. KOLORY
- Ogólne:
a) Skórka motywu: Proszę przygotować minimum 7 motywów kolorystycznych szablonu
b) tło strony: grafika-kolor (w przypadku grafiki takie opcje jak kafelkowanie, zaczep itd.)
c) kolor tekstu w zawartości (content)
d) kolor linku w zawartości (content)
e) kolor najechanego linku w zawartości (content)
- Nagłówek:
a) Tło nagłówka
b) Tło paska wyszukiwania
c) kolor tekstu
d) kolor linku
- Menu i pasek akcji:
a) Menu | Kolor linku
b) Menu | Kolor aktywnego linku
c) Menu | tło aktywnego linku
d) Podmenu | tło
e) Podmenu | kolor linku
f) Podmenu | kolor linku po najechaniu
- Nagłówki
a) Kolor nagłówka H1
b) Kolor nagłówka H2
c) Kolor nagłówka H3
d) Kolor nagłówka H4
e) Kolor nagłówka H5
f) Kolor nagłówka H6
- Formularze: Korzystamy z formularza CONTACT FORM 7 dlatego dobrze by było móc edytować kolorystykę formularza za pomocą szablonu.
a) Kolor tekstu (INPUT, SELECT & TEXTAREA)
b) Tło (INPUT, SELECT & TEXTAREA)
c) Border color (INPUT, SELECT & TEXTAREA)
d) Kolor tekstu (FOCUS)
e) Tło (FOCUS)
f) Border color (FOCUS)
g) Background Transparency (alpha)
8. CZCIONKI (tylko te które mają polskie znaki)
- Rodzaj:
a) Zawartość
b) Menu Główne
c) Tytuł strony
d) Wielkie nagłówki (h1, h2…)
e) Cytat
- Rozmiar:
a) Zawartość
b) Menu główne
c) Tytuł strony
e) H1
f) H2
g) H3
h) H4
i) H5
j) H6
9. NIESTANDARDOWE CSS i JS
- CSS
- JS
10. INNE
a) Google Analytics
b) Costum Code: Przed znacznikiem /HEAD oraz drugie pole przed znacznikiem /BODY
11. BACKUP & RESET
a) pobierz
b) Importuj
c)resetuj
12. 404 ERROR PAGE
a) Tytuł
b) Subtytuł
c) Tekst
d) link
UWAGI
Szablon musi współpracować z takimi wtyczkami jak „Visual Composer”, „Slider resolution”, „contact form 7”, „jetpack” oraz „All in one seo pack”. Chcemy posiadać do niego pełne prawa oraz gwarancje jego aktualizacji w przypadku wykrytych błędów.
