Usar cookies para ocultar elementos en WordPress
23 de agosto de 2017
En esta transmisión en directo aprenderemos cómo hacer uso de las cookies para que nuestro sitio se adapte al usuario que lo visita.
Código en header.php
<?php if( !isset($_COOKIE['ocultar-seccion']) ) : ?> <div id="seccion-ocultable"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p><a id="ocultar-seccion" href="#">Ocultar esto</a></p> </div> <?php endif; ?>
Código en functions.php
function javascript_tema() { ?> <script type="text/javascript"> function SetCookie(cookieName,cookieValue,nDays) { var today = new Date(); var expire = new Date(); if (nDays==null || nDays==0) { nDays=1; } expire.setTime(today.getTime() + 3600000*24*nDays); document.cookie = cookieName+"="+escape(cookieValue) + ";expires="+expire.toGMTString()+"; path=/"; } jQuery('document').ready(function($){ $('#ocultar-seccion').click(function(e){ e.preventDefault(); $('#seccion-ocultable').slideUp(); SetCookie('ocultar-seccion', true, 7); }); }); </script> <?php } add_action('wp_footer', 'javascript_tema');
Un abrazo,
@FranciscoAMK