Praca nad projektem WordPress
Praca nad projektem WordPress
Section titled “Praca nad projektem WordPress”TODO - uzupełnić o elementy WooCommerce
Section titled “TODO - uzupełnić o elementy WooCommerce”Założenia:
- Projekt graficzny został zaakceptowany i przekazany do realizacji
- Tworzymy indywidualną stronę, nie korzystamy z builderów
To może być lista, która ostatecznie wyląduje jako zadania projektowe np. w Asanie, a poszczególne etapy będą do odhaczenia jako checkboxy.
-
[Serwer] Przygotowanie środowiska roboczego
- stworzenie subdomeny roboczej (*.rekurencja.com) lub skorzystanie z domeny docelowej
- podniesienie wersji PHP do najnowszej możliwej (https://make.wordpress.org/core/handbook/references/php-compatibility-and-wordpress-versions/)
- instalacja WordPressa wraz z potrzebnymi wtyczkami oraz motywem majkel-theme
- zmiana loginu i hasła admina i dodanie do bitwardena (rekurencja)
- sprawdzenie działania SSL oraz dostępu do witryny
- wyłączenie indeksowania strony
- sprawdzenie pliku .htaccess
-
[Kodowanie] Przygotowanie do pracy
- sprawdzenie poprawności ustawień permalinków
- przygotowanie i sprawdzenie działania WebP Express (https://screen.proudmedia.eu/v4rand_12e1asd/msedge_2021-07-13_11-49-09.jpg)
- sprawdzenie czy miniatury nie są przycinane (wtyczka Regenerate Thumbnails -> https://screen.proudmedia.eu/v4rand_12e1asd/msedge_2021-07-13_12-27-48.jpg)
- uzupełnienienie tytułu i opisu witryny
- przygotowanie stanowiska (git, vscode, repozytorium)
- rozpisanie sekcji flexible oraz CPT
- rozpisanie stosu technologicznego (owl carousel / lightbox itd.)
-
[Kodowanie] Praca zasadnicza
- usunięcie niepotrzebnych plików z motywu
- sprawdzenie i uzupełnienie czcionek, containera, głównych kolorów, favicony
- przygotowanie podstron oraz menu witryny
- przygotowanie sekcji flexible
- rozłożenie ACF na wszystkich podstronach z tymczasowymi opisami
- uzupełnienie pól globalnych oraz
$globalswfunctions.php - kodowanie sekcji flexible strony głównej
- kodowanie pozostałych sekcji flexible
- sprawdzenie działania formularzy
- sprawdzenie działania paska informującego o ciasteczkach oraz wypełnienia podstrony “polityka prywatności”
-
[Kodowanie] Optymalizacja SEO / techniczna
- LiteSpeed Cache Database Optimization
- sprawdzenie sitemap Yoast
- optymalizacja SEO pozycjonowanych podstron (jeśli występuje)
- optymalizacja CSS, klas CSS, javascript, LiteSpeed, HTML
- usunięcie niepotrzebnych wtyczek oraz zbędnych motywów i pozostawienie tylko jednego, zastępczego (najnowszy od WordPress)
- sprawdzenie “Stanu Witryny” WordPress i poprawa ewentualnych błędów
- ostateczna weryfikacja i testy działania
- test “długiej / krótkiej nazwy”, “nieodpowiedniego obrazka”, listy / nagłówka / linku / pogrubienia w treści
- optymalizacja kodu: functions.php, bloki flexible, komentarze, inline js, itd.
- sprawdzenie w3 validatora, seoptimer, google pagespeed
- ostateczne testy witryny (czy wszystko działa jak powinno, czy buttony mają odpowiednie URL itd.)
- wysłanie projektu do akceptacji kierowniczej z krótkim raportem: screeny stan witryny wordpress, pagespeed, gtmetrix, webdev-measure, w3 validator, seoptimer oraz kilka słów komentarza jeśli jest wymagany.
- testy i akceptacja kierownik + klient
-
[Serwer] Wdrożenie projektu
- jeśli projekt jest nową wersją:
- stworzenie backupu obecnej wersji strony + usunięcie nadmiaru historycznych
- raport starej wersji: zrobienie screenów pagespeed, gtmetrix, seoptimer itd., jeśli projekt pod SEO - Ahrefs overview, top pages, top keywords
- migracja do nowej wersji
- test czy wszystko działa jak powinno - permalinks, webp, ogólnie strona
- wyłączenie noindex
- (jeśli występuje) zadbanie o GSC oraz Google Analytics
- jeśli projekt jest nową wersją: