WordPress - Ejercicios (3) - Enunciados

El objetivo de esta página de ejercicios es practicar el uso de widgets y plugins en WordPress. Se pueden consultar las soluciones de estos ejercicios de WordPress, aunque se recomienda intentar realizarlos primero sin recurrir a estas soluciones.

Los plugins permiten ampliar la funcionalidad de WordPress como blog o incluso transformar WordPress en otro tipo de página web (CMS, tienda, etc.).

Los plugins se instalan y desinstalan en WordPress desde el menú Plugins.

Los plugins citados en esta lección se pueden encontrar en el directorio de plugins de WordPress o desde el propio WordPress en Escritorio > Plugins > Añadir nuevo.

La información que se ofrece en la directorio de plugins o en la aplicación es prácticamente la misma, como puede verse en la captura siguiente, pero en la aplicación hace referencia a la compatibilidad con la versión instalada e incluye un botón para instalar el plugin directamente.

WordPress. Información sobre los plugins WordPress. Información sobre los plugins

Los plugins que se muestran en el directorio de plugins de la web de WordPress son gratuitos, aunque en muchos casos de trata de versiones gratuitas de plugins de pago, con opciones limitadas.

En Internet existen bastantes directorios enfocados a plugins de pago como:


Los plugins propuestos en esta página estaban disponibles para WordPress 5.0 en el momento de redactar estos ejercicios (enero de 2019). Es posible que en futuro esos plugins no estén disponibles para versiones posteriores de WordPress, o incluso hayan dejado de estar disponibles para cualquier versión. En ese caso, se pueden utilizar otros plugins de los disponibles en ese momento.


El directorio de plugins de WordPress cambió su diseño en marzo de 2017 y su usabilidad ha sido bastante criticada (por ejemplo, este artículo de Jeff McNeill o los comentarios de este post comentado la puesta en marcha).

La principal crítica es posiblemente que no se pueden personalizar las búsquedas (por popularidad, valoraciones, fecha de actualización, existencia de versión de pago, etc.).

Por ejemplo, si se conoce el nombre de un plug-in, se suele encontrar antes buscando en Google (añadiendo site:https://es.wordpress.org en la búsqueda para que la respuesta sea la página del directorio de plugins) que en el propio directorio.

Quizás por este motivo en la web se publican continuamente cientos de páginas que recopilan recomendaciones de plugins de todo tipo, aunque la mayoría de estas páginas no ofrecen demasiada información y están copiadas unas de otras. Cuando se está buscando un plugin, se aconseja buscar páginas de recomendaciones de plugins (del tipo que estemos buscando), que sean recientes y mirar en ellas qué plugins se recomiendan habitualmente. Una vez conocido el nombre de los plugins, se puede buscar en Google para encontrar su página en el directorio de plugins de WordPress.

WordPress (3) 1 - Widgets

Los widgets son los elementos que se pueden incluir en las barras laterales y en la parte inferior. En el tema Twenty Nineteen hay sólo un área principal de widgets, al final de la página, mientras que los temas anteriores Twenty Seventeen y Twenty Sixteen tenían dos áreas secundarias.

De forma predeterminada, están activados los widgets Buscar, Entradas recientes, Comentarios recientes, Archivos, Categorías y Meta.

WordPress. Widgets

  1. Elimine el widget de Comentarios recientes, cambie el título y el formato de presentación de los widgets de Entradas recientes y Archivos y reordene los widgets.

    WordPress. Widgets

  2. Active los widgets Calendario y Nube de etiquetas y compruebe su funcionamiento.

    WordPress. Widgets

  3. Active dos widgets RSS que muestren los dos últimos feeds con su fecha. La fuente de uno será https://wordpress.org/news/ y la fuente del otro será el propio blog.

    WordPress. Widgets

  4. Widget Texto

    Active el widget Texto. Configúrelo para que contenga algún lema apropiado al tema o espíritu del blog y algún enlace a páginas importantes.

    WordPress. Widgets

    Fuente: Proverbios latinos

  5. Widget Meta.

    Configure el widget Meta y modifique su código fuente (haga antes una copia de seguridad del archivo original) para dejar el widget con sólo una opción (o dos si ha accedido como usuario registrado):

    Ayuda
    • El código fuente PHP de los widgets en general se encuentra en el fichero \wordpress\wp-includes\default-widgets.php, que contiene referencias a los ficheros correspondientes a cada uno de los widgets.

    WordPress. Widgets WordPress. Widgets

  6. Widget Imagen

    Configúrelo para insertar una imagen que enlace a algún sitio.

    WordPress. Widgets

  7. Widget Audio

    Configúrelo para insertar una canción (ejemplo: la canción Pizzicato (3,3 MB) del álbum Les temps modernes del compositor belga Emmanuel Codden "Ehma").

    Puede ser necesaria cambiar la configuración de PHP para permitir la subida de archivos grandes.

    WordPress. Widgets

  8. Widget Galería

    Configúrelo para insertar dos o tres imágenes.

    WordPress. Widgets

  9. Widget Vídeo

    Configúrelo para insertar un vídeo relacionado con el tema (en el ejemplo se ha insertado la conferencia "State of the Word 2018", de Matt Mullenweg, el creador de WordPress, disponible en https://www.youtube.com/watch?v=aWlfp-1Q19I.

    WordPress. Widgets

  10. Widget HTML personalizado

    Configúrelo para insertar un par de enlaces a otras páginas web relacionadas.

    WordPress. Widgets

WordPress (3) 2 - Insertar contenido externo

WordPress permite insertar en sus páginas contenido alojado en otros servicios disponibles en la web o contenido en formatos no propios de la web. En algunos casos se puede realizar la inserción directamente, pero normalmente se debe recurrir a plugins.

Contenido insertable directamente

En el caso de unos cuantos servicios muy populares (Youtube, Scribbd, Issuu, Flickr, TED, etc. en la página https://codex.wordpress.org/Embeds hay una lista completa), basta con copiar la dirección del recurso y WordPress lo muestra automáticamente.

Cree algunas entradas con elementos insertados. Por ejemplo:

  1. Vídeos de YouTube: 15 de enero de 2019; Drupal cumple 18 años - Drupal Europe 2018 - "Driesnote" (by Dries Buytaert)

    WordPress. Insertar contenido externo

  2. Vídeos de TED: Entrevista a Linus Torvalds (2016)

    WordPress. Insertar contenido externo

  3. Proyectos de Kickstarter: Hexbot | Versatile All-In-1 Desktop Robot Arm For Everyone

    WordPress. Insertar contenido externo

  4. Fotos de Flickr: Amanecer en Florida, de Dale McDonald

    Nota: Flickr tiene un apartado de fotos con licencias CC: https://www.flickr.com/commons

  5. Presentaciones de Speaker Deck: WordPress: Climbing the Gutenberg (noviembre 2018)

Contenido insertado mediante plugins

En general, para la mayoría de tipos de contenidos se necesitan instalar plugins específicos que permiten personalizar el contenido insertado.

YouTube

Estos son dos de los plugins más populares para insertar vídeos de YouTube:


Pruebe estos plugins creando entradas con vídeos insertados y compare su funcionalidad.

Configure YouTube embed plugin para que, por ejemplo, no se vea el título de los vídeos, que la franja de controles se vea en gris, que oculte los controles cuando se está reproduciendo el vídeo (en la captura se ven los controles porque el ratón estaba sobre el vídeo) y que el tamaño se ajuste mejor al contenido.

WordPress. Plugin YouTube embed plugin WordPress. Plugin YouTube embed plugin

PDF

Estos son dos de los plugins más populares para insertar PDFs:


Pruebe estos plugins creando entradas con pdfs insertados y compare su funcionalidad. Los pdf a insertar pueden ser alguna de las revistas de la biblioteca de revistas de mclibre.

Google Maps

Desde 2016 Google maps requiere una clave API para gestionar mapas. Lógicamente, los plugins necesitan la clave para funcionar correctamente. La clave API se puede solicitar en la Google Developers Console, creando un proyecto y solicitando una clave Maps Javascript API. Tenga en cuenta que Google cobra por el uso de la clave a partir de cierta cantidad de uso (Tarifas). El ejercicio propuesto no requiere solicitar ninguna clave.

Referencia: Guía oficial de Google Maps JavaScript API


Estos son dos de los plugins más populares para insertar mapas de Google Maps.


Pruebe estos plugins creando entradas con mapas de Google Maps insertados y compare su funcionalidad. Los ejemplos siguientes muestran el lugar donde nació la web (el despacho de Tim Berners Lee en el CERN, situado en Ginebra (Suiza), más exactamente, en un despacho del edificio 31).

WordPress (3) 3 - Filtrar comentarios

  1. WordPress incluye una opción de configuración de los comentarios llamada "Lista negra de comentarios".

    Añada en la lista negra algunos términos que en ningún caso queremos ver en los comentarios. Compruebe que funciona y que los comentarios que contienen esos términos no son publicados.

  2. El plugin Disable Comments permite deshabilitar los comentarios globalmente o por tipo de elemento.

WordPress (3) 4 - Galerías de fotos

WordPress (3) 5 - Calendarios

Los plugins de calendarios permiten crear calendarios en nuestro propio WordPress o simplemente mostrar calendarios creados en otros sitios (por ejemplo, en Google Calendar), o ambas cosas.

Para insertar un calendario de Google Calendar, es necesario disponer de una clave API. Actualmente (enero de 2019), Google permite un millón de peticiones diarias gratuitas [ref] por clave.

En cualquier caso, se puede crear una clave API, realizar el ejercicio, y destruir la clave. Las claves se pueden solicitar aquí, creando un proyecto y después la clave. En la ayuda de uno de los plugins propuestos (Simple Calendar) se encuentra una guía de creación de clave API para calendarios.

Una vez creada la clave API, se debe introducir en la configuración del plugin. A continuación se debe crear un calendario en Google Calendar y hacerlo público. Por último se debe definir un calendario en el plugin, indicando la ID del calendario público correspondiente. En la ayuda de uno de los plugins propuestos (Simple Calendar) se encuentran guías para la realización de cada uno de estos pasos.

Referencia: Guía oficial de Google Calendar API


Pruebe algún plugin para crear calendarios, por ejemplo:

WordPress (3) 6 - (Ampliación) Otros plug-ins

Instale algún plug-in gratuito relacionado con estos temas:


Plugins para investigar:

Restos