Несмотря на понедельник, предлагаю заняться бестолковым делом 🙂
Если на YouTube ввести фразу “do the harlem shake” и нажать Enter, то можно увидеть пляску элементов под уже поднадоевшую мелодию из трендового видео-безумства. Окончательную идею реализовать что-то подобное для своего сайта, мне подкинул один из посетителей, который вбил эту фразу в поисковую строку на моем блоге (увидел через плагин Search Meter). Можете попробовать поискать, а под катом реализация.
Приступим.
- Во-первых, нужно найти js-скрипт и мелодию. Воспользуемся скриптом с сайта HSKmaker, который за нас уже успели вытащить из кода страницы.
<script src="http://files.time2hack.com/time2hack.harlem.shake.min.js" type="text/javascript"></script>
<div style=" height:0px; width:0px; overflow:hidden;">
<audio controls="controls" autoplay="autoplay" loop="loop">
<source src="http://files.time2hack.com/time2hack.harlem.shake.ogg" type="audio/ogg" />
</audio>
<script type="text/javascript">
ready(function () {
harlemShake();
});
</script>
</div>- Теперь нам нужно чтобы WordPress реагировал на фразу “do the harlem shake” или какое-либо другое слово, это уж на ваше усмотрение.
Для этого откроем файл темы с отображением результатов поиска, обычно это search.php. Находим в коде:
<?php if (have_posts()) : ?>И перед этим фрагментом вставляем код с Harlem Shake:
<?php if($_GET[‘s’] == ‘do the harlem shake’) { ?>
<script src="http://files.time2hack.com/time2hack.harlem.shake.min.js" type="text/javascript"></script>
<div style=" height:0px; width:0px; overflow:hidden;">
<audio controls="controls" autoplay="autoplay" loop="loop">
<source src="http://files.time2hack.com/time2hack.harlem.shake.ogg" type="audio/ogg" />
</audio>
<script type="text/javascript">
ready(function () {
harlemShake();
});
</script>
</div>
<?php } ?>- При необходимости очищаем кэш и проверяем 🙂
Как видите, создать “пасхальное яйцо” для WP-поиска очень даже просто.
Опубликовано
Подробнее