Categorías
RGPD

ogg

bla bla bla

Categorías
RGPD

Permitir la subida de fuentes a DIVI

Si queremos subir nuestras propias fuentes a DIVI, nos va a dar por defecto un error indicando que no son formatos permitidos por seguridad, aunque subamos los formatos permitidos por DIVI (ttf y otf a fecha de 2021). Esto es porque por defecto no se permite añadir nuevas fuentes a no ser que indiquemos lo contrario.

¿Cómo solucionarlo?

Muy fácil, únicamente hay que añadir el siguiente código en el archivo functions.php

define('ALLOW_UNFILTERED_UPLOADS', true);

Este código lo que hace es permitir la subida de ficheros por lo que una vez subidos podemos volver a borrarlo y mantener la seguridad de nuestro sitio.

Crear nuestro propio plugin

Por último recomendar que, para no andar metiendo mano a los ficheros del tema, que siempre podemos cargarnos algo, es más recomendable crear nuestro propio plugin donde colocar las modificaciones de código, además tiene otras ventajas como la de activar o desactivarlo siempre que nos interesa y no perder los cambios hechos en futuras actualizaciones.

Categorías
DIVI Theme

2 métodos para tener 2 textos o elementos en una línea (Divi)

display: flex;

Más simple no puede ser, simplemente añadir en el CSS del contenedor, no en los objetos, la siguiente instrucción FLEX:

display: flex;

Si se quiere, se puede mejorar:

justify-content: center;
justify-content: space-between;
justify-content: space-around;

Para saber más:

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

https://marina-ferreira.github.io/tutorials/css/flexbox/

https://desarrolloweb.com/manuales/manual-flexbox-css.html

Por otro lado también se puede usar esta instrucción.

display: inline-flex;

Esta instrucción puede usarse tanto en el contendor como en los propios items.

la principal diferencia con display:flex es que:

con Flex, el ancho pasa a ser el mismo que el ancho del contenedor de los elementos.

con inline, el ancho pasa a ser la suma de los anchos de los elementos.

Categorías
DIVI Theme

Centrar verticalmente el contenido de las columnas con DIVI THEME

Sencillo código CSS para centrar verticalmente el contenido de una columna.

display: flex;
flex-direction: column;
justify-content: center;
Categorías
DIVI Theme

Eliminar el menú principal del Tema DIVI

Muy fácil de realizar añadiendo el siguiente código CSS al personalizador de DIVI.

#main-header {
 display: none;
 }

#page-container {
 padding-top: 0px !important;
 }
Categorías
Cookies

Quitar las cookies en vídeos de Youtube

Una forma de evitar la carga de cookies de vídeos de Youtube es insertándolos con el código «-nocookie», pero para ello necesitamos insertarlo como iframe.

Insertar un vídeo de Youtube en la web

El proceso es muy simple. Se copia el iframe a incrustar que nos da Youtube y se inserta en la web.
El código será algo parecido a esto:

<iframe width=»100%» height=»315″ src=»https://www.youtube.com/embed/a9FbZSfZiQM» frameborder=»0″ allow=»accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture» allowfullscreen></iframe>

<iframe width="100%" height="315" src="https://www.youtube.com/embed/a9FbZSfZiQM" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Cookies que carga Youtube

Sólo por poner un vídeo en la web, se cargarán las siguientes cookies, (año 2020):

CookieDescriptionDurationType
VISITOR_INFO1_LIVEThis cookie is set by Youtube. Used to track the information of the embedded YouTube videos on a website.1years 19days 19hours 28minutesAdvertisement
YSCThis cookies is set by Youtube and is used to track the views of embedded videos.Performance
GPSThis cookie is set by Youtube and registers a unique ID for tracking users based on their geographical location1years 19days 15hours 9minutesAnalytics
test_cookieThis cookie is set by doubleclick.net. The purpose of the cookie is to determine if the users’ browser supports cookies.1years 19days 15hours 9minutesAdvertisement
IDEUsed by Google DoubleClick and stores information about how the user uses the website and any other advertisement before visiting the website. This is used to present users with ads that are relevant to them according to the user profile.1years 19days 31minutesAdvertisement

La ley Europea obliga a no cargar ninguna cookie sin consentimiento previo del usuario, por lo que no podemos dejarlo así.

¿Cómo evitar las cookies de Youtube?

El truco es muy simple, y se trata de añadir -nocookie al enlace de youtube.

Quedará algo así:

<iframe width=»100%» height=»315″ src=»https://www.youtube-nocookie.com/embed/a9FbZSfZiQM» frameborder=»0″ allow=»accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture» allowfullscreen></iframe>

Sólo con esto evitamos la carga de las cookies de Youtube.

Categorías
Cookies

Como bloquear Cookies con Cookiebot

Cookiebot permite escanear de forma automática las cookies de se utilizan en la web, el proceso de instalación es muy simple, pero con algunas cookies en necesario cambiar unos pequeños datos.

iframe de Youtube.

La carga de vídeos de youtube implica el uso de cookies que hemos de bloquear obligatoriamente y dar la opción al usuario de desbloquearlas.

Por defecto puede ser que Cookiebot no bloquee completamente todas las cookies.

Para poder comprobarlo solo hay que hacer lo siguiente.

  • Pulsar F12, o botón derecho del ratón>Inspeccionar
  • dentro de Application>Cookies, podemos ver todas las cookies que carga la web.

Solución

Debemos cambiar el código del iframe e informar el tipo de cookie que es «análisis / marketing».

Iframe original:

<iframe width="560" height="315" src="https://www.youtube.com/embed/LeNHEzBO_IA" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

iframe modificado:

<iframe width="1080" height="608" data-src="https://www.youtube.com/embed/LeNHEzBO_IA" data-cookieconsent="marketing" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Fijarse en que se cambia «src» por «data-src», y añadir el tipo de cookie con «data-cookieconsent=»marketing»

Al bloquear las cookies el vídeo no se cargará ni se mostrará, por lo que será buena idea indicar al usuario que se puede cambiar el consentimiento de cookies para que se pueda mostrar el vídeo, para ello:

<div class="cookieconsent-optout-marketing">
  Por favor <a href="javascript:Cookiebot.renew()">apruebe las cookies de marketing</a> para poder ver el vídeo.
</div>
<iframe width="1080" height="608" data-src="https://www.youtube.com/embed/LeNHEzBO_IA" data-cookieconsent="marketing" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Scripts

Si lo que da problemas es un script, esto es lo que hay que cambiar:

Para habilitar el consentimiento previo, hay que aplicar el atributo «data-cookieconsent» a las etiquetas de los scripts. Establecer el valor separado por comas de las categorías de cookies «preferencias», «estadísticas» y «marketing» de acuerdo con los tipos de cookies que establezca el script, (elegir una o varias). Por último, cambiare el valor del atributo «type» de «text/javascript» a «text/plain».

Ejemplo:

<script type="text/plain" data-cookieconsent="statistics">
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
    ga('create', 'UA-00000000-0', 'auto');
    ga('send', 'pageview');
</script>

Herramietas

Para conocer si una web cumple o no con la Ley de Cookies Europea visitar: https://www.cookiemetrix.com/

Para conocer todas las cookies que cargar una web: https://www.cookieserve.com/