Iniciar sesión

Citas

Categorías

ABCDEFGHI
JKLMNOPQR
STUVWXYZ*

Autores

ABCDEFGHI
JKLMNOPQR
STUVWXYZ*

Ayuda

Insertar

Proyecto

Aviso legal

Insertar citas

¿Quieres mostrar citas en tu sitio web? Aquí encontrarás cómo hacerlo con WordPress, Joomla, con la API y a través de iFrame.

Content Management Systems (CMS)

Joomla! Hay un módulo Joomla para la integración de citas en el CMS Joomla: Puede encontrar ayuda aquí: Ayuda.

WordPress logo Hay un plugin WordPress para la integración de citas en el CMS WordPress. Puede encontrar ayuda aquí: Ayuda.

API

Hay una Application Programming Interface (API) disponible en: https://api.zitat-service.de. Por ejemplo, el siguiente enlace proporciona una cita aleatoria en el idioma español: https://api.zitat-service.de/v1/quote_html?language=es. Con el API Explorer puedes ver los parámetros disponibles, listar las IDs y realizar pruebas.

Iframe

Puedes mostrar las citas en tu página usando un iframe (por inline frame o marco incorporado). El diseño se puede adaptar con Cascading Style Sheets (CSS). Aquí tienes un ejemplo:

El código iframe para esta integración es:

<iframe src="https://api.zitat-service.de/v1/quote_html?language=es&target=quotes&style=https://www.zitat-service.de/quote.css" frameborder="1" scrolling="auto" width="700"></iframe>

Para una primera prueba, puedes usar este código directamente.

CSS

Cuando hayas integrado el iframe en tu sitio web, puedes personalizar el diseño. Para ello, puedes usar el archivo quote.css como plantilla y adaptarlo a tus necesidades. Luego integra tu propio CSS usando el parámetro style. El elemento DIV de la clase quote envuelve toda la cita, aquí puedes, por ejemplo, establecer un marco. Contiene dos elementos DIV, las clases quotation para la cita y source para el autor y la fuente.

Parámetros

Puedes ajustar la selección de las citas usando varios parámetros. Siempre se utilizan las IDs como números únicos. Por ejemplo, una cita aleatoria en inglés (language=en) en la categoría Política (categoryId=147):
https://api.zitat-service.de/v1/quote_html?categoryId=147&language=en

Los parámetros para el autor (authorId), la categoría (categoryId), el usuario (userId) y el idioma (language) pueden combinarse.

El parámetro target es crucial para la integración en una página web, por ejemplo, mediante un iframe. Por razones de seguridad, no se permite abrir una nueva página web dentro de la página original. El parámetro target ahora permite abrir los enlaces en una nueva pestaña o ventana.

Ejemplos prácticos

Como inspiración, algunos sitios web que han incorporado el servicio de citas (situación 3 de febrero de 2024):