Zmiana opcji formularza wyboru rodzaju lekcji

Transkrypt

Zmiana opcji formularza wyboru rodzaju lekcji
Zmiana opcji formularza ­ wyboru rodzaju lekcji 1. Zawsze bezpiecznie jest utworzyć backup przed zmianami (piszę o nim w innym dokumencie) 2. Należy w LangLion dodać interesującą nas opcję i zapisać tam te zmiany 3. Logujemy się do kokpitu Wordpress 4. Wchodzimy w Strony ­> Formularz rejestracji 5. Przechodzimy do elementu poniżej głównego bloku tekstu, do elementu ​
Skrypt 6. Zmieniamy kod dodając wszędzie ukośniki (to “zepsuje formularz” ­ pozwalając nam podejrzeć interesujące nas wartości). Wystarczy to zrobić w jednej linijce kodu: 7. Zapisujemy stronę (Przycisk zaktualizuj po prawej stronie) 8. Korzystając z przeglądarki Google Chrome przechodzimy na stronę z formularzem: http://www.zoozanko.pl/formularz­rejestracji/ 9. Wypełniamy formularz testowymi danymi ­ ale poprawnymi w sensie rodzaju treści 10. Po wypełnieniu klikamy “Zapisz” 11. Przejdziemy na stronę LangLion z formularzem:
12. Wskazane miejsce klikamy prawym klawiszem myszy: 13. Z menu które się pojawi wybieramy “Zbadaj”: 14. Zawsze wyświetlamy treść jako tekstowy: 15. Pojawi się okienko narzędzia dla developerów: 16. Klikamy na wskazany powyżej trójkącik. 17. Niebieska linia to ta która nas interesuje, a wartość value wskazana strzałką ­ to potrzebny nam numer, który wpiszemy do naszego kodu () zaraz obok znajduje się nazwa kursu odpowiadający numerowi: 18. Wracamy do kokpitu WordPress i naszego otwartego kodu 19. Usuwamy nasze wcześniejsze zmiany w sekcji SKRYPT przywracając kod do wartości początkowej (usuwając ukośniki ­ kod powinien wyglądać jak poniżej): 20. Przechodzimy do momentu kodu gdy zobaczymy napis: 21. Interesuje nas kod: <option value="66">Lekcje indywidualne</option> Oczywiście będzie on posiadał zmieniane elementy (numer ​
value b
​ędzie zmieniony oraz nazwa kursu) 22. Kopiujemy ten kod (zawsze tylko jedną linijkę ­ jeśli w przyszłości pojawi się ich więcej) i wklejamy go w następnej linii: <option value="66">Lekcje indywidualne</option> <option value="66">Lekcje indywidualne</option> 23. W polu value wpisujemy znaleziony numer i adekwatną dla niego nazwę kursu: <option value="66">Lekcje indywidualne</option> <option value="77">Inny kurs ­ jego nazwa</option> 24. Jeśli opcji jest więcej ­ dopisujemy kolejne linie zmieniając value i nazwę kursu 25. Przykładowy dodany kod: 26. Należy oczywiście zaktualizować stronę ­ klikając Zaktualizuj po prawej stronie