Ir al contenido principal
Logo junta de extremadura

Aspectos generales a tener en cuenta

Licencia Folders Pro

Una vez se realice la migración al sitio de wordpress con la redirección de la URL, es muy probable que tengamos que volver a activar la licencia del plugin Folders Pro en nuestro portal web oficial.

Repetimos el proceso que hemos realizado y ya lo tenemos todo listo.

Banners

No tenemos banners para todas las páginas o entradas de nuestro Centro. Si queremos, podemos crear banners propios para las principales páginas de nuestro portal utilizando cualquier herramienta como Canva, LibreOffice Draw o cualquier herramienta de edición disponible. También podemos modificar los proporcionados, por ejemplo añadiendo el logotipo de nuestro Centro al banner de la página de inicio.

Para crear banners adaptados a nuestras necesidades, podemos partir de alguno de los banners disponibles como material de este curso o bien crearlo de cero, creando una imagen plantilla que podemos reutilizar una y otra vez.

Creando un banner

Si optamos por esta opción, crear banners propios, deberíamos tener en cuenta las dimensiones recomendadas para los banners:

  • Si es para una página, las dimensiones recomendadas son: 1024x180px o 1280×225, si prescindimos de la columna lateral. La fuente que se ha utilizado para los Banners es Myriad Pro 85pt.
  • Si es para una entrada, entonces las dimensiones recomendadas serían:
    • 1024×1024 Tamaño grande
    • 300×300 Tamaño medio
    • 150×150 Tamaño miniatura

Código HTML para incrustar

El siguiente código HTML nos permitirá incrustar elementos en nuestras publicaciones, páginas o entradas, haciendo que se adapten a la pantalla de visualización utilizada por el usuario.

<div style="width: 100%;"><div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;"><iframe title="" frameborder="0" width="1200" height="675" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div>

Vamos a verlo en acción insertando un vídeo de Youtube

<div style="width: 100%;">
	<div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;">
<iframe frameborder="0" width="1200" height="675" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://www.youtube.com/embed/zHnXxt-4nPI?si=Yqq4uFNVuvAqN6xu" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
	</div> 
</div>