Обновление Google Custom Search CSE на пользовательскую тему WordPress

У меня нет большого опыта работы с php, но я пытаюсь обновить код пользовательской темы моего сайта, чтобы использовать новый Google CSE. Веб-сайт настроен так, что в заголовке есть панель поиска, которая перенаправляет вас на страницу результатов поиска. Штрих-код поиска в header.php выглядит следующим образом:

<form method="get" action="<?php bloginfo('url'); ?>" class="ui-form dark search">
<label for="f-search"><i class="icon-search"></i> <span class="alt">Search</span></label>
<input type="text" name="s" id="f-search" placeholder="Search" />
</form>

Страница результатов поиска:

<script src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('search', '1');
google.setOnLoadCallback(function() {

var SEARCH = new google.search.CustomSearchControl('010282947182076583221:xjxtd-etbp0');
SEARCH.draw('search-results');
SEARCH.execute("<?php the_search_query(); ?>");
});
</script>

Это новый код CSE от Google:

<script>
(function() {
var cx = '015983680008294815385:py6fsnsv2fc';
var gcse = document.createElement('script');
gcse.type = 'text/javascript';
gcse.async = true;
gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(gcse, s);
})();
</script>
<gcse:search></gcse:search>

Любая помощь с этим очень ценится! Спасибо!