Personalice el diseño de sus publicaciones de WordPress integrables - Calendae | Informática, Electrónica, CMS, Ciberseguridad

Personalice el diseño de sus publicaciones de WordPress integrables

Hola, ¿qué tal colega?. Te habla Samuel López y esta vez vamos a hablar sobre Personalice el diseño de sus publicaciones de WordPress integrables

¿Sabías que cualquier sitio de WordPress puede insertar publicaciones de cualquier otro sitio de WordPress? Los sitios de WordPress son proveedores de oEmbed.

De inmediato, sus publicaciones integrables adoptarán el aspecto de la plantilla predeterminada del núcleo de WordPress. En esta publicación de blog, aprenderá cómo hacer que sus elementos insertables sean coherentes con el aspecto de su plantilla.


Paso 1. Cómo se ve tu incrustación por defecto

Como explicamos en un tutorial anterior, incrustar una publicación de otro sitio es realmente simple. Solo requiere la URL.

También puede obtener una vista previa de cómo se incrustan las publicaciones en su sitio de WordPress. Para obtener una vista previa de sus publicaciones, agréguelo al final de su URL: ? embed = true. Si no tiene habilitados los enlaces permanentes personalizados, utilice & embed = true en vez de. Así es como se verá la URL:

http://www.mywebsite.any/my-awesome-post/?embed=true

Y aquí hay un ejemplo de la URL de vista previa en acción:

… y la siguiente imagen muestra cómo se verá la inserción de tu publicación:

Publicaciones integrables en WordPress 4.5


Paso 2. Copie los archivos incrustados predeterminados en su tema

Hay cinco archivos que definen el diseño de las incrustaciones:

  • embed.php
  • embed-404.php
  • embed-content.php
  • header-embed.php
  • footer-embed.php

A continuación, se explica cómo personalizar estos archivos.

  • Vaya a / wp-includes / theme-compat /
  • Duplique los archivos dentro de su carpeta de temas: / wp-content / themes / your-theme /

Publicaciones integrables en WordPress 4.5


Paso 3. Personaliza el archivo embed-content.php

Edite el archivo ubicado en wp-content / themes / your-theme / embed-content.php. Este archivo es responsable del diseño de la publicación.

De forma predeterminada, la imagen de la publicación se inserta primero y el título en segundo lugar. Quiero cambiar el orden y mover el título al principio.

Moví el código que muestra el título de la publicación justo después de abrir el div principal.

Publicaciones integrables en WordPress 4.5

Ahora, obtengo una vista previa de la inserción nuevamente para confirmar que mis cambios están funcionando:

Publicaciones integrables en WordPress 4.5


Paso 4. Agregue un ajuste de CSS al archivo embed-content.php

A continuación, quiero agregar un borde punteado. Si hago este cambio, mi incrustación ahora se verá como la siguiente imagen:

Publicaciones integrables en WordPress 4.5

Para hacer posible este cambio visual, agregué algo de CSS Online alrededor de la línea 13 de embed-content.php:

<div <?php post_class( 'wp-embed' ); ?> style="border: 2px dashed #336699;”>

Paso 5. Más personalización

Además de embed-content.php, opcionalmente también puede editar estos archivos:

  • embed.php
  • embed-404.php
  • header-embed.php
  • footer-embed.php

Cambia el código según tus necesidades para generar el look que deseas. Entonces, cuando alguien comparte sus publicaciones dentro de sus sitios de WordPress, el diseño será único y puede coincidir con su marca.



Deberías compartir en tus redes sociales para que tus colegas opinen

👇👇👇 😘 💪 👇👇👇

Comparte