Jak dodać w WordPress dowolny kod html w nagłówku head strony z użyciem motywu potomnego?

Ogólnie rzecz biorąc większość motywów (płatnych premium) posiada opcje pozwalające na dodanie dowolnego kodu do nagłówka lub stopki takie jak kody weryfikacyjne, statystyki Google Analytics i inne podobne, ale co w przypadku kiedy nasz motyw tej opcji nie obsługuje ?

Wtedy wystarczy prosta modyfikacja motywu potomnego.

Jak dodać kody html/css/java w nagłówki head strony?

W motywie potomnym znajduje się m.in. pliku functions.php , otwórz go w edytorze i wklej poniższy kod:

add_action('wp_head', 'jcz_kod_w_head'); 
function jcz_kod_w_head(){ ?> 
   //Twój kod html css lub inny 
<?php }

Następnie podmień linijkę „//Twój kod html css lub inny” na kod, który chcesz wkleić do nagłówka strony.

Jeżeli chcesz np. dodać skrypt Google Analytics będzie to wyglądać następująco

add_action('wp_head', 'jcz_kod_w_head');
function jcz_kod_w_head(){
     
    ?>
<script type="text/javascript">
 
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);
 
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
 
</script>
<?php 
}

I to wszystko :) Prosto i przyjemnie. Po więcej wskazówek zapraszam do artykułu: Jak dodawać niestandardowy kod i funkcje w WordPress?.

Oczywiście kod ten możesz wkleić też do wtyczki funkcyjnej lub (niezalecana metoda) do pliku functions motywu głównego, jednak pamiętaj, ze w takim przypadku po aktualizacji zmiany, które w nim wprowadzisz znikną – aby zostały należy używać wspomnianego motywu potomnego lub dodatkowej pustej wtyczki na funkcje.