¿QUÉ ES WORDPRESS?

WordPress es lo que se conoce como un CMS (Content Management

System, Sistema de Gestión de Contenidos).

Es una aplicación para gestionar una estructura que permita crear,

administrar y publicar contenidos web por parte de administradores y
editores, al tiempo que permite su consulta a los usuarios externos y su
visualización.

Los CMS permiten crear sitios web dinámicos: interactuando con el

servidor para generar páginas web bajo petición del usuario, con un
formato determinado y cuyo contenido se almacena y extrae de una base
de datos.
 OTROS CMS

WordPress no es el único Sistema de Gestión de Contenidos. Otros dos

ejemplos de interés son:

• Mediawiki: es la plataforma de gestión de wikis más extendida y

soporta el proyecto Wikipedia. Permite construir contenidos altamente
sofisticados y gestionar la organización del conocimiento y la escritura
colaborativa.

• Moodle: es un CMS especializado en cursos educativos en línea.

Permite herramientas de publicación de contenidos, tareas,
coordinación de grupos, mensajería, foros de debate, etc. Es el utilizado
para construir nuestra aula virtual.
 ELEMENTOS NECESARIOS EN WP

Para instalar y utilizar WordPress se necesita un sistema operativo

(Windows, Linux, etc.), un servidor, un gestor de bases de datos y un
lenguaje de programación.

• Servidor: un aparato informático que almacena, distribuye y suministra

información. Los servidores pueden ser físicos o virtuales.

• Base de datos: se encarga de almacenar datos y también de conectarlos

entre sí en una unidad lógica.

• Lenguaje de programación: con el que crear e interpretar el código para

nuestra web.
 PLUGINS Y WIDGETS

WordPress tiene unas funciones y características de base, que pueden ser

ampliadas mediante la instalación de plugins y widgets:

• Plugin: un plugin es un “miniprograma” que añade características a un

programa que no las tenía por sí mismo. Además de instalarlos, los
plugins deben ser activados para funcionar efectivamente. Por ejemplo,
Ecwid nos permite añadir una tienda a nuestra web.

• Widget: un widget es un pequeño programa o aplicación que se emplea

frecuentemente para facilitar el acceso a determinadas funciones muy
usadas en un dispositivo. Por ejemplo, un widget nos posibilita mostrar
nuestras redes sociales en un lateral de nuestra web.
 TIPOS DE USUARIOS

Cada rol es una agrupación de permisos sobre diferentes aspectos de sitio

web y sus contenidos.

• Administrador: Es el que puede hacer todo.

• Editor: puede gestionar y aprobar post de otros usuarios, pero no puede

acceder a las funciones de modificar apariencia, plugins, instalaciones,
etc.

• Autor: puede redactar y publicar directamente sus contenidos (páginas

o entradas).

• Colaborador: es un usuario que puede escribir nuevas entradas y

editarlas. No puede publicar directamente. Necesita que se apruebe por
un administrador o un editor.

• Suscriptor: usuarios que pueden acceder a contenidos privados que

normalmente son de pago.
 ENTRADAS Y PÁGINAS

El contenido de WordPress se genera, principalmente, mediante páginas y

entradas:

• Páginas: Permiten organizarlas entre sí de forma jerárquica. Se emplean

para contenido de carácter permanente como una tienda, un formulario
de contacto, etc.

• Entradas: Se suelen insertar contenidos muy dinámicos que se

actualizan con frecuencia. Tenemos la opción de ordenarlas y
clasificarlas por categorías y etiquetas. Por defecto, permite a los
visitantes dejar comentarios.
 TÉCNICAS DE
DISEÑO RESPONSIVO
MOSTLY FLUID

Ejemplo: http://www.antarcticstation.org/
COLUMN DROP
LAYOUT SHIFTER

Ejemplo: https://www.bostonglobe.com/
TINY TWEAKS

Ejemplo: http://futurefriendlyweb.com/
OFF CANVAS
TENDENCIAS
DE DISEÑO
• Movimiento por efecto paralax: Elementos en movimiento con
animaciones flotantes y efectos que aportan dinamismo, captan la
atención del usuario y entretienen mientras comunican un mensaje.

• Tipografías grandes y distintivas: Potenciar un mensaje a través de la

tipografía y mensajes cortos. Es posible conseguir un diseño impactante
usando tipografías grandes, fuertes.

• Vídeos: Uso de uno o varios vídeos como imagen principal de la web

para presentar a las personas de la empresa o a su proyecto.

• Minimalismo y diseños planos: Diseño pulcro y claro con pocos

elementos para conseguir una web para fidelizar a usuarios potenciales
(menos es más).
• One single page: Toda la información está en una sola página, en
distintas secciones.

• Maquetación equilibrada y bloques en el diseño: La maquetación

debe buscar un equilibrio visual de los elementos mediante el uso
adecuado de espacios en blanco. Espacios amplios entre elementos,
grandes tipografías y paletas de colores monocromáticas.

• Fotografías grandes de calidad y responsivas: Fotografías de calidad,

grandes y que impactan que ayudan a conseguir un diseño atrayente.

• Diseños modulares y asimétricos: Colocación de contenedores de

información de una manera alejada de los estándares tradicionales. Se
busca cierta aleatoriedad visual (asimetrías) y acabados simples.
ACCESIBILIDAD
 Beneficios de la Accesibilidad Web
• Incremento del número de potenciales usuarios
Una web accesible no presenta barreras al acceso, independientemente de las
condiciones del usuario y del dispositivo.
• Optimización de costes de desarrollo y mantenimiento (ORDENACIÓN)
Una web accesible que respeta los estándares es más consistente y es menos propensa
a contener errores, por lo que es más sencillo su mantenimiento.
• Permite la ubicuidad del usuario
Pueden ser utilizadas con independencia del dispositivo, navegador, hardware o
sistema operativo.
• Mayor responsabilidad social
Se piensa en todos los potenciales usuarios, incluso en aquellos que tienen alguna
limitación física o cognitiva para acceder a los contenidos.
• Se reducen las responsabilidades legales
Existe numerosa legislación que obliga a las web a cumplir estos criterios.
 PRINCIPIOS DE LA ACCESIBILIDAD

La accesibilidad web se basa en 4 principios:

• Principio 1 - Perceptible: La información y los componentes de la

interfaz de usuario deben presentarse a los usuarios de forma que
puedan percibirlos.

• Principio 2 - Operable: Los componentes de la interfaz de usuario y la

navegación deben ser operables y no exigir algún tipo de interacción
que no pueda realizar el usuario.

• Principio 3 - Comprensible: Los usuarios deben poder entender tanto

la información como el funcionamiento de la interfaz.

• Principio 4 - Robusto: El contenido debe ser lo suficientemente robusto

como para confiarse en su interpretación por parte de una amplia
variedad de agentes de usuario, incluidas las tecnologías asistivas, de
manera que aunque las tecnologías evolucionen los contenidos sigan
siendo accesibles.
 WAVE

Wave es un evaluador automático de los niveles de accesibilidad para

sitios web. Permite detectar errores y explica cómo corregirlos.
 PAUTAS RANK MATH SEO

• Utiliza la palabra clave objetivo al principio de tu contenido.

• El contenido tiene 293 palabras de largo. Plantéate usar, al menos, 600

palabras (cuanto más largo, más tiempo de retención del usuario).

• Añade la palabra clave objetivo en el título.

• Añade una imagen con tu palabra clave objetivo como texto alternativo.

• Al menos un párrafo es largo. Considera utilizar párrafos cortos.

 PAUTAS COMPLETAS RANK MATH SEO
(esto NO es materia de examen)
SEO básico
• Añade la palabra clave objetivo en el título SEO.
• Añade la palabra clave objetivo a tu descripción SEO.
• Utiliza la palabra clave objetivo en la URL.
• Utiliza la palabra clave objetivo al principio de tu contenido.
• Utiliza la palabra clave objetivo en el contenido.
• El contenido tiene 293 palabras de largo. Plantéate usar, al menos, 600
palabras.

Legibilidad del contenido

• Parece que no estás usando un Table of Contents plugin.
• Al menos un párrafo es largo. Considera utilizar párrafos cortos.
• No estás usando medios enriquecidos como imágenes o vídeos.
 PAUTAS COMPLETAS RANK MATH SEO
(esto NO es materia de examen)
SEO adicional
• Usa la palabra clave objetivo en el/los subencabezado/s como H2, H3, H4.
• Añade una imagen con tu palabra clave objetivo como texto alternativo.
• La densidad de palabra clave es 0. Trata de moverte en torno a una densidad de
palabra clave de un 1%.
• La URL tiene 49 caracteres de largo. ¡Enhorabuena!
• Enlaza a recursos externos.
• Añade enlaces DoFollow apuntando a recursos externos.
• Añade enlaces internos en tu contenido.
• Configura una palabra clave objetivo para este contenido.
• Usa Content AI para optimizar Post.

Legibilidad del título

• Usa la palabra clave objetivo cerca del comienzo del título SEO.
• El título SEO no contiene un número.