Niewłaściwy sposób na zamianę tekstu na inny

W tym, krótkim poradniku prezentuję nie do końca właściwą metodę zamianę tekstu na inny z użyciem JS.

Miałeś kiedyś przypadek gdy nie mogłeś mimo usilnych prób zmienić tekstu tłumaczenia? Niestety często sporo z nas ma z tym problem.

Najbardziej właściwą metodą jest oczywiście poprawa tłumaczenia, jednak jeżeli nie masz na nią czasu lub dostałeś projekt “po kimś” i brak budżetu na działania właściwe ze sztuką możesz uciec się do prostej sztuczki.

Posiada ona niestety kilka wad. Po pierwsze w przypadku strony z wieloma językami kod nam się komplikuje, a po drugie zmian nie wprowadzamy z panelu i jest to opcja totalnie nie odporna na aktualizacje motywu.

Skoro wiemy już o zagrożeniach teraz sama metoda, a wygląda ona następująco:

1. Otwieramy plik custom.js (assets/js – w Twoim motywie),
2. Dodajemy kod

[php] $(document).ready(function() { $(‘#adreselementu > p’).text(‘Tekst, który zostanie wstawiony do środka tego elementu’); });[/php]

W ten oto sposób podmieniamy zawartość w znaczniku p w elemencie #adreselementu na “Tekst, który zostanie wstawiony do środka tego elementu”.