Cómo añadir atributo itemprop="image" en Datalife Engine

Cómo añadir atributo itemprop=image en Datalife Engine

En este tutorial en línea, te mostraré cómo agregar el atributo de imagen que falta en el marcado de datos estructurados de esquema a la historia o al artículo completo en el sistema de gestión de contenidos DataLife Engine.

Para obtener el mejor rendimiento, debes incluir 'itemprop="image"' en la plantilla 'fullstory.tpl' de tu artículo DLE o historia completa.

Antes

<a class="highslide" href="la url de la imagen" target="_blank">
<img src="la url de la imagen" alt="Titulo del articulo" class="fr-dib">
</a>

Después

<a class="highslide" href="la url de la imagen" target="_blank">
<img src="la url de la imagen" alt="Titulo del articulo" class="fr-dib" itemprop="image">
</a>

Con el fin de lograr este resultado, es necesario acceder a nuestro servidor y abrir el archivo localizado en engine/editor/jscripts/froala/editor.js.

Buscar:

on("load",g.size.syncIframe)

Agregar después:

;t.attr('itemprop','image')

Después buscar en el mismo archivo:

marginRight:0,textAlign:"right"}))

y agregamos:

;e.attr('itemprop','image')

Nota: Es importante tener en cuenta que este atributo solo se aplica al editor visual FroalaEditor WYSIWYG. No es válido para otros editores o códigos bb básicos. Para obtener resultados óptimos, le recomendamos borrar la caché de su navegador y asegurarse de utilizar la versión más reciente de los archivos JavaScript correspondientes.

Felipe Arango

Siento pasión por el diseño web y las páginas web. Expreso mis ideas en miwebperfecta.com.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Subir