Instalacja WordPress

Instalacja wtyczki

Krok 1: Instalacja wtyczki DockWCAG

Wtyczkę DockWCAG można łatwo zainstalować za pomocą repozytorium wtyczek WordPress. W panelu administracyjnym WordPress, przejdź do zakładki „Wtyczki” w lewym menu, a następnie kliknij „Dodaj nowy” u góry strony. W polu wyszukiwania wpisz „DockWCAG”, a po znalezieniu wtyczki, kliknij „Zainstaluj teraz”, a następnie „Aktywuj”. Po aktywacji, w menu po lewej stronie, przewiń w dół i wybierz „Dostępność”.

Krok 2: Rejestracja witryny i uzyskanie tokenu

Jeśli masz już konto w DockWCAG, po prostu zaloguj się, przejdź do swojego konta i skopiuj wygenerowany token.

Jeżeli instalujesz wtyczkę po raz pierwszy, zarejestruj się za pomocą Google, Facebooka lub użyj własnego adresu e-mail i hasła. 

 

Po zalogowaniu, wprowadź adres swojej witryny (pamiętaj, aby uwzględnić subdomenę www, np. www.example.com) i zaakceptuj warunki korzystania z DockWCAG. Po zapisaniu, na stronie pojawi się twój unikalny token, który możesz skopiować.

Krok 3: Aktywacja widżetu dostępności

Po uzyskaniu tokenu, wróć do panelu wordpress, przejdź do sekcji konfiguracji wtyczki DockWCAG i włącz widżet. Wprowadź skopiowany token w odpowiednie pole, a następnie dostosuj kolorystykę, położenie widżetu oraz dostępne opcje. Pamiętaj, aby zapisać zmiany po zakończeniu konfiguracji.

Krok 4: Podgląd witryny

Po zakończeniu instalacji i konfiguracji, przetestuj widżet na swojej stronie, aby upewnić się, że działa prawidłowo i jest zgodny z wymaganiami WCAG.

Ręczna instalacja widżetu DockWCAG na stronie internetowej wordpress

Jeśli wolisz ręcznie zainstalować widżet DockWCAG na swojej stronie internetowej, postępuj zgodnie z poniższymi krokami:

Krok 1: Rejestracja witryny i uzyskanie tokenu

Zaloguj się lub zarejestruj na stronie DockWCAG, a następnie wprowadź adres swojej witryny. 

Po zapisaniu adresu pojawi się unikalny token, który możesz skopiować do schowka.

Krok 2: Osadzenie kodu w WordPress

Aby zainstalować widżet, musisz dodać odpowiedni skrypt do kodu HTML swojej witryny. Pamiętaj, aby nie usuwać żadnych elementów z istniejącego kodu, ponieważ mogłoby to wpłynąć na działanie strony.

Skopiuj poniższy kod:

<script>
  (function (w, d, s, l, t, c = {}) 
  w[l] = c;
  w[l].token = t;
  var f = d.getElementsByTagName(s)[0], j = d.createElement(s), a = new Date().getTime();
  j.async = true;
  j.src = '//wcag.dock.codes/accessibility/' + t + '/start.js?t=' + a;
  f.parentNode.insertBefore(j, f);
  })(window, document, 'script', 'accessibility', '***', {});
</script>

Więcej na temat konfiguracji widgetu znajdziesz tutaj.

Przejdź do „Wygląd” w lewym menu panelu administracyjnego WordPress, a następnie wybierz „Edytor plików motywu”. W sekcji „Pliki motywu”, znajdź plik „footer.php”.

Wstaw skrypt tuż przed zamykającym tagiem </body>. Wklej kod i zastąp *** swoim unikalnym tokenem, który został wygenerowany w poprzednim kroku. Na koniec kliknij „Aktualizuj plik”.

Krok 3: Podgląd witryny

Po dodaniu skryptu, przetestuj swoją stronę, aby upewnić się, że widżet jest prawidłowo zainstalowany i działa zgodnie z oczekiwaniami. Sprawdź wszystkie funkcje widżetu, aby zweryfikować, że instalacja przebiegła pomyślnie.