Este documento proporciona una introducción a cómo crear una página web para un negocio desde cero utilizando WordPress. Explica qué es un CMS y WordPress, cómo contratar hosting y dominio, cómo instalar y configurar WordPress, instalar temas y plugins, y crear contenido como páginas, entradas, widgets y formularios.
2. PROGRAMATALLER #INLUGO16
01
02
03
04
¿Qué es un CMS?¿Qué es
Wordpress? Cómo contratar
hosting y dominio.
INTRODUCCIÓN
INSTALACIÓN Y
CONFIGURACIÓN
THEMES &
PLUGINS
CREACIÓN DE
CONTENIDO
Instalación de Wordpress con Installa-
tron. Configuración básica para webs.
Themes para Wordpress.
Instalar un theme & Flatsome
theme. Plugins para Wordpress.
Instalar un plugin & Contact
Form 7. Plugins recomendados.
Crear páginas, entradas, widgets, me-
mús y formularios.
4. INTRODUCCIÓN¿QUÉ ES UN CMS?
A lo largo de los últimos años, internet se ha convertido en la herramienta tecnológica
más revolucionaria y utilizada por nuestra sociedad. La estructura de muchos sitios, son
similares y la necesidad de publicar y actualizar contenido de manera regular aumenta.
Aquí es donde nacen los gestores de contenidos o también llamados CMS. Algunas de
sus principales ventajas son:
• Abaratamiento de costes.
• Mayor flexibilidad a la hora de añadir, modificar o eliminar contenido.
• Facilitan el posicionamiento SEO.
• Utilización de plantillas. Separan la parte visual del código.
• Seguridad y control de SPAM.
...etc
01
5. INTRODUCCIÓN¿QUÉ ES WORDPRESS?
Wordpress es un sistema de gestión de contenidos que permite crear tu página web,
tienda online o blog. Ha sido desarrollado en PHP para entornos que ejecuten MySQL.
Es totalmente gratuito y de código abierto.
Se puede descargar directamente de su página web: https://es.wordpress.org/
Algunas de sus ventajas más destacables son:
• Fácil de usar y configurar.
• Fácil de mantener y actualizar.
• Posee una gran comunidad
• Totalmente personalizable.
• Mejor posicionamiento SEO.
02
6. INTRODUCCIÓN
Un hosting es un servicio dónde un proveedor te alquila un servidor con conexión a in-
ternet. En él se pueden alojar todo tipo de archivos y webs a los que se puede acceder
desde la red.
Un dominio es un nombre único y exclusivo que se asigna a una página web de internet.
CÓMO CONTRATAR HOSTING Y DOMINIO
03
http://raiola.es/hosting
8. INSTALACIÓN Y CONFIGURACIÓNINSTALACIÓN DE WORDPRESS CON INSTALLATRON
Hay diferentes maneras de instalar un Wordpress.
• Clásica: Descarga de los archivos de wordpress.org/download/.
• Sistema de automatización: Sistema que ofrecen algunos planes de hosting para ins-
talar tu Wordpress en un solo click.
Por ejemplo: Installatron.
04
http://raiola.es/installatron
9. INSTALACIÓN Y CONFIGURACIÓNCONFIGURACIÓN PARA WEBS
Una vez que tenemos instalado Wordpress, lo primero que tenemos que hacer es confi-
gurar los ajustes del sitio web. Dentro del menú de “Ajustes” nos encontraremos con:
• General: Configuración de email, título, url, miembros, perfiles, horarios e idiomas.
• Escritura: Configuración de las entradas.
• Lectura: Visibilidad, número de entradas a mostrar y configuración de la home.
• Comentarios: Configuración básica sobre comentarios y avatares.
• Medios: Configuración sobre el tamaño de imágenes y subida de archivos.
• Enlaces permanentes: Personalización de estructuras de URL personalizadas,
etiquetas y categorías.
05
10. INSTALACIÓN Y CONFIGURACIÓNCONFIGURACIÓN PARA WEBS
Configuración de ajustes generales de un sitio web: título, descripción corta, URL,
email, miembros, perfiles predeterminados de usuarios, zona horaria, formato de fecha,
formato de hora, idioma del sitio.
06
AJUSTES > GENERAL
11. INSTALACIÓN Y CONFIGURACIÓNCONFIGURACIÓN PARA WEBS
Configuración que se aplican a todas las entradas del sitio web. Se puede configurar:
El formato de entrada y categorías por defecto, publicar vía correo electrónico y auto-
matización.
07
AJUSTES > ESCRITURA
12. INSTALACIÓN Y CONFIGURACIÓNCONFIGURACIÓN PARA WEBS
Configuración de la página principal (home) del sitio web: Página estática o últimas
entradas dependiendo de la plantilla instalada, número máximo de entradas para mos-
trar en el sitio web y en el feed y visibilidad para los buscadores.
08
AJUSTES > LECTURA
13. INSTALACIÓN Y CONFIGURACIÓNCONFIGURACIÓN PARA WEBS
Configuración básica sobre los comentarios de la web en base a las preferencias de
cada usuario. Se pueden personalizar opciones como: Ajustes por defectos de las entra-
das, otros ajustes de comentarios, envío de emails automatizados, condiciones para que
aparezca un comentario y moderación de los mismos.
09
AJUSTES > COMENTARIOS
14. INSTALACIÓN Y CONFIGURACIÓNCONFIGURACIÓN PARA WEBS
Configuración del tamaño de las imágenes y subida de los archivos: Ruta de subida,
configuración de dimensiones mínimas, máximas y miniaturas de las imágenes.
10
AJUSTES > MEDIOS
15. INSTALACIÓN Y CONFIGURACIÓNCONFIGURACIÓN PARA WEBS
Personalización de la estructura de las etiquetas, categorías y URLs del sitio web.
11
AJUSTES > ENLACES PERMANENTES
17. THEMES & PLUGINSINSTALAR UN THEME
Un theme o tema es un conjunto de archivos que nos permite cambiar y personalizar la
apariencia de nuestra web.
Instalar un theme es de las primeras cosas que hacemos cuando empezamos a darle
forma a un sitio WordPress. Normalmente son distribuidos en marketplaces o en reposi-
torios empaquetados en archivos .zip. Hay themes gratuitos y premium, aun que cual-
quier persona puede programar su propio tema.
Dependiendo de su procedencia pueden ser instalados hasta de 3 formas diferentes:
• Instalar un theme con un cliente FTP.
• Instalar un theme con un archivo .zip desde el panel de administrador de Wordpress.
• Instalar un theme desde un repositorio.
12
18. THEMES & PLUGINSFLATSOME. INSTALACIÓN DE UN THEME PREMIUM
Flatsome es uno de los themes premium para WooCommerce más vendidos de
themeforest.net. Indicado para tiendas, compañias o freelance. Contiene un page buil-
der muy fácil de utilizar, multitud de opciones personalizables y es responsive.
Un theme ideal para crear una web completa para tu negocio con una apariencia profe-
sional.
13
http://raiola.es/flatsome
19. THEMES & PLUGINSINSTALAR PLUGINS
14
Un plugin es un fragmento de código o programa que nos permite ampliar las funciona-
lidades de nuestro sitio web. Con ellos se puede implementar cualquier tipo funcionali-
dad.
Al igual que los themes, los plugins son distribuidos en marketplaces o en repositorios
empaquetados en archivos .zip. Pueden ser gratuitos o premium, aun que cualquier
persona puede programar su propio plugin.
Dependiendo de su procedencia pueden ser instalados hasta de 3 formas diferentes:
• Instalar un plugin con un cliente FTP.
• Instalar un plugin con un archivo .zip desde el panel de administrador de Wordpress.
• Instalar un plugin desde un repositorio.
20. THEMES & PLUGINSCONTACT FORM 7. INSTALACIÓN DE UN PLUGIN.
Contact Form 7 es uno de los plugins gratuitos más utilizados de Wordpress, con más
de un millón de instalaciones activas. Permite gestionar múltiples formularios de con-
tacto. Se puede descargar directamente del repositorio de Wordpress.
15
http://raiola.es/contactform7
21. THEMES & PLUGINSPLUGINS RECOMENDADOS 1/7
Yoast SEO es una suite completa de SEO on Page, no solo permite ajustar títulos, des-
cripciones, keywords, etc… Además también tiene una herramienta muy potente para
crear el sitemap.xml para subir a los principales buscadores.
16
YOAST SEO
http://raiola.es/yoastseo
22. THEMES & PLUGINSPLUGINS RECOMENDADOS 2/7
EWWW Image Optimizer es un plugin gratuito para la optimización de imágenes. Inte-
gra multitud de librerías para realizar la optimización y no depende de terceros para ello.
Es bastante rápido, completo y muy fácil para configurar.
17
EWWW IMAGE OPTIMIZER
http://raiola.es/ewww
23. THEMES & PLUGINSPLUGINS RECOMENDADOS 3/7
Contact Form 7 es el plugin de formularios de contacto para WordPress más común, de
hecho, actualmente tiene más de 1 millón de instalaciones activas en todo el mundo.
Es completamente gratuito, aunque también existen muchos plugins premium para él.
Permite gestionar múltiples formularios de contacto, además, puedes personalizar el
formulario y el contenido de los correos electrónicos de manera sencilla mediante un
simple marcado.
Soporta envíos por Ajax, CAPTCHA, filtrado de spam...etc
18
CONTACT FORM 7
http://raiola.es/contact
24. THEMES & PLUGINSPLUGINS RECOMENDADOS 4/7
WP Fastest Cache es un plugin de caché para WordPress que permite realizar caché de
página en disco, además tiene incluidas funcionalidades para minificar y combinar el
código HTML, CSS y Javascript, aunque algunas funcionalidades interesantes están blo-
queadas en la versión gratuita del plugin.
19
WP FASTEST CACHE
http://raiola.es/fastestcache
25. THEMES & PLUGINSPLUGINS RECOMENDADOS 5/7
Wordfence Security es una suite completa de seguridad para WordPress. Estas son al-
gunas de las funcionalidades que se incluyen en Wordfence Security para WordPress:
• Escaneo de malware y código inyectado en los archivos, bajo demanda.
• Reconocimiento de archivos cambiados desde el último escaneo.
• Monitorización en tiempo real de los visitantes, bots y crawlers.
• Posibilidad de bloquear direcciones IP individuales, bloquear rangos de direcciones
IP, bloquear usuarios por países o por zonas geográficas.
...etc
20
WORDFENCE SECURITY
http://raiola.es/wordfence
26. THEMES & PLUGINSPLUGINS RECOMENDADOS 6/7
Anti Spam es un plugin gratuito que bloquea el spam en los comentarios de Wordpress
de manera automática, sin necesidad de códigos de imágen, colas de moderación ni pá-
gina de configuración. Es muy fácil de usar, se instala y funciona solo, pero no tiene pro-
tección contra spam manual, para ello, se tiene que comprar la versión premium.
21
ANTISPAM
27. THEMES & PLUGINSPLUGINS RECOMENDADOS 7/7
Jetpack para WordPress está formado por una gran cantidad de módulos que pode-
mos activar o desactivar dependiendo de las necesidades que tengamos y de lo que
necesitemos para nuestra instalación. Todos son completamente gratuitos y se pueden
descargar desde el repositorio principal de Wordpress. Algunas de las funcionalidades
que ofrece este plugin son:
JET PACK
• Galerías.
• Estadísticas.
• Difusión.
• Protección.
• Shortcodes
• ... etc
• Formularios.
• Ortografía.
• Suscripciones.
22
http://raiola.es/jetpack
29. CREACIÓN DE CONTENIDOCREAR PÁGINAS
Una página en Wordpress se utiliza para crear contenido estático.
Por ejemplo: Home, contacto, acerca de, preguntas frecuentes,...
A diferencia de las entradas, no contienen fecha de publicación y se pueden establecer
jerarquías entre ellas.
Podemos crear una página nueva en el menú de administrador:
Páginas > Añadir nueva
23
31. CREACIÓN DE CONTENIDOCREAR ENTRADAS
Las entradas o posts en Wordpress se utilizan para crear contenido dinámico. Son el
recurso preferido y principal de los bloggeros.
25
Podemos crear una
entrada nueva en el
administrador:
Páginas > Añadir nueva
32. --26
Formatos y diseño de
cada entrada.
Estado de la publicación,
visibilidad y fecha de pu-
blicación.
Se pueden organizar por cate-
gorías y etiquetas. Es una gran
diferencia con respecto a las
páginas.
33. CREACIÓN DE CONTENIDOCREAR WIDGETS
Los widgets son bloques de contenido que se pueden añadir en el sidebar de una pági-
na web. Con ellos se puede insertar cualquier tipo de contenido en diferentes zonas de
la web, como por ejemplo:
27
• Iconos de redes sociales.
• Listas de entradas.
• Calendario.
NOTA: Un widget no es lo mismo que un plugin.
• Categorías y etiquetas.
• Formularios
• ... etc
Para crear un Widget nuevo en el adminis-
trador:
Apariencia > Widgets > Arrastramos el tipo de Wid-
get disponible al sidebar.
• Encuestas.
• Banners.
• Mapas.
35. CREACIÓN DE CONTENIDOCREAR MENÚS
Un menú es un sistema de navegación de un sitio web. Cuanto mejor esté estructurado
más satisfactoria será la experiencia de usuario en el sitio web.
Podemos acceder a él desde:
Apariencia > Menús
29
Un menú puede estar formado
por: páginas, categorías, entra-
das, enlaces personalizados y
categorías.
37. CREACIÓN DE CONTENIDOCREAR FORMULARIOS
Por defecto, Wordpress no permite crear formularios de contacto, por ello vamos a
utilizar el plugin Contact Form 7 visto con anterioridad.
Para crear uno nuevo vamos a:
Contacto > Añadir nuevo
31
http://raiola.es/contactform7