Skip to content

Ayuda

Jump to bottom
Heiko Lübbe edited this page May 11, 2024 · 18 revisions

Zitat-Service WordPress Plugin Bandera de España

El plugin de WordPress Cita al azar de Zitat-Service muestra una cita aleatoria de la colección de la comunidad de usuarios zitat-service.de. La selección de citas puede limitarse a uno de los cinco idiomas, uno de los más de 500 autores, una de las más de 500 categorías, o las citas establecidas por los propios usuarios. Estamos en línea desde 2007, de forma gratuita y sin publicidad.

Note

Existe un sitio demo WordPress para el plugin: wp-demo.zitat-service.de

Instalación

Puedes instalar el plugin Cita al azar de Zitat-Service directamente desde el Directorio de Plugins de WordPress o subiendo manualmente el archivo zip del plugin. Primero haz clic en Añadir nuevo plugin en el backend de WordPress y luego:

Después activa el plugin:

plugin_es

Note

Si se utiliza el navegador Firefox para la configuración en Microsoft Windows, las banderas de país UTF-8 también se muestran en la selección de idioma.

Utilización

Puede añadir una cita aleatoria en una entrada, página u otros elementos de su sitio web utilizando el bloque Cita Aleatoria:

es1

Puede configurar la selección de citas según el idioma, la categoría, el autor de la cita y el usuario que ingresó la cita. Un asterisco * representa todas las opciones disponibles. En la selección de idioma, también es posible elegir la opción Frontend, lo que significa que se tomará la configuración de idioma del usuario de WordPress. Si el idioma del usuario no está soportado, se cambiará automáticamente al inglés. En el siguiente ejemplo se seleccionan citas en el idioma español:

select_es

Estilización

Puedes diseñar la cita de muchas maneras diferentes. En primer lugar, puedes usar las funciones estándar del editor de bloques para estilo, como color, tipografía y dimensiones. El siguiente ejemplo utiliza el color de fondo RGB AAFF0033 y un espaciado relleno de 1:

styling_1

En segundo lugar, también puedes usar el formato del bloque Quote de WordPress. Primero inserta un bloque Quote y luego un bloque Cita Aleatoria dentro de él. Con el tema Twenty Twenty-Four, el bloque Quote exterior utiliza texto en cursiva y esquinas redondeadas. El siguiente ejemplo también tiene el color de fondo RGB 00FFFF33 y Alinear el texto al centro configurado:

styling_2

En tercer lugar, puedes usar Hojas de Estilo en Cascada (CSS). El elemento DIV de la clase quote encierra toda la cita, por ejemplo, para establecer un margen. Contiene los elementos DIV quotation para la cita real y source para el autor y la fuente. En el siguiente ejemplo, se elimina la decoración estándar del enlace (azul y subrayado) y la cita se muestra en negro. La fuente (con o sin enlace) se muestra entonces en gris. En general, tenemos un fondo gris claro y un borde de 1 píxel de ancho con esquinas redondeadas:

styling_3

Para hacer esto, en el backend de WordPress: Apariencia | Editor | 🔍 | escribe Personalizar CSS | y elige CSS Adicional

Añade y guarda las siguientes líneas:

div.quote {
  border: 1px solid black;
  border-radius: 1em;
  padding: 1em;
  background: #eee;
  text-align: justify;
}
div.quote * a {
  text-decoration: none;
  color: black;
}
div.quote div.source, div.quote div.source a {
  color: gray;
}

API zitat-service.de

El plugin WordPress recupera todos los datos de api.zitat-service.de. Los términos de uso y la declaración de privacidad se pueden encontrar en el Aviso legal.

La recuperación de las citas en un sitio web de WordPress se realiza mediante código PHP ejecutándose en el servidor de WordPress. Esto significa que el proceso de recuperar citas no implica ningún seguimiento o registro de datos específicos del usuario en el frontend. En cambio, se lleva a cabo dentro del entorno del servidor, lo que protege la privacidad del usuario y garantiza el cumplimiento de políticas que prohíben el seguimiento de usuarios sin su consentimiento.

Las citas mostradas, junto con sus respectivos autores y fuentes, están vinculadas a sitios web externos como zitat-service.de y Wikipedia para proporcionar a los usuarios un contexto e información adicionales. Todos los enlaces externos solo se activan después de una revisión manual por parte del equipo administrativo de zitat-service.de para evitar el abuso del contenido vinculado.

Situaciones de Error

Error fetching quote

Si hay un problema al obtener la cita de api.zitat-service.de, se muestra este error. Por ejemplo, en el entorno de playground.wordpress.net donde el backend del servidor PHP no admite conexiones de red:

Error fetching quote

👉 Verifique la conectividad de red en el lado del servidor.

404 – No quote found for given parameters

Los parámetros se combinan con AND. Si tu combinación resulta en ninguna cita, hay un error.

Los parámetros se combinan de tal manera que todas las condiciones deben cumplirse. Si tu combinación de parámetros no encuentra ninguna cita, se muestra este error. Por ejemplo, no hay citas de Douglas Adams en la categoría Agricultura:

Error: 404 – No quote found for given parameters: categoryId=151 (Agricultura), authorId=345 (Douglas Adams).

👉 Elija el asterisco * para Categoría para mostrar citas de Douglas Adams.

... (No hay cita presente)

Hay un marcador de posición ..., en caso de problemas los tres puntos no son reemplazados por la cita aleatoria:

...

👉 Revisa la consola de desarrollador del navegador para la solicitud de red api.zitat-service.de y activa la depuración de JavaScript.

This block has encountered an error and cannot be previewed.

Si hay problemas con el bloque en el editor de bloques del backend, el bloque de cita aleatoria muestra:

This block has encountered an error and cannot be previewed.

👉 Elimina y recrea el bloque. O revisa el código fuente del bloque con el modo Editor de Código en lugar del modo estándar Editor visual. O activa la depuración de JavaScript.

Activa la depuración de JavaScript

En la consola de JavaScript del navegador, ejecuta el siguiente comando:

> localStorage.setItem('debugMode', 'true');

👉 Dentro de la consola de JavaScript, ahora puedes verificar los mensajes console.log y console.error del complemento Cita al azar de Zitat-Service.

Puedes desactivar los mensajes de la consola nuevamente en la consola de JavaScript con:

> localStorage.removeItem('debugMode');

Tickets

¿Hay un error o se necesita una mejora? Por favor, cree un Issue en GitHub. 👍

Clone this wiki locally