Charla en WordCamp Bilbao de introducción a WordPress, sobre algunos conceptos básicos de dicho CMS. Contenido tratado: - Qué es WP, para qué sirve y cómo funciona - Instalación de WordPress - WordPress y sus usos: web VS blog - Menús de WP: Elementos Principales - Ajustes Principales que debemos conocer - Posts y páginas, plugins, widgets, menús Más algún truco avanzado: - Archivo header.php para insertar tags de seguimiento - Mis plugins estrella actuales :) www.luciamarin.es?rel=author www.luciamarin.es/que-es-wordpress-y-para-que-sirve/?rel=canonical

1. @SeoBilbao
Taller de iniciación a WordPress
Lucía Marín
cursogoogletagmanager.com

2. @SeoBilbao
¿Qué hago yo hoy aquí?
Freelance de Analítica Web y
Tag Manager
Experimentando el marketing en internet desde 2008 .
De economista a diseñadora gráfica y web.
De ahí a SEO, Analista Web y Maquetadora HTML/CSS.
Y de ahí a formar en Google Tag Manager, mi tesoro :D
Siempre con un blog donde contar lo que aprendo :)
Analista, Tag Manager, Blogger y Polifacética:
luciamarin.es, cursogoogletagmanager.com,
recursosgoogleanalytics.com....

3. @SeoBilbao
Por dónde empezar...
● Qué es WP, para qué sirve y cómo funciona
● Instalación de WordPress
● WordPress y sus usos: web VS blog
● Menús de WP: Elementos Principales
● Ajustes Principales que debemos conocer
● Posts y páginas, plugins, widgets, menús

4. Qué es WordPress
Para qué Sirve
Y cómo funciona

5. @SeoBilbao
¿Qué es WordPress?
WordPress es un movimiento global y colaborativo, de
tipo Código Libre u Open Source, que mediante el
desarrollo conjunto de una plataforma web o Sistema de
Gestión de Contenidos / CMS (Content Management
System), se ha convertido desde hace ya años en la
herramienta más usada y más popular para crear
páginas webs y blogs profesionales fácilmente.
antevenio.com/blog/2016/05/5-plataformas-para-crear-blogs/
softzone.es/2016/12/22/wordpress-cms-mas-utilizado-crear-paginas-webs-blogs/

6. @SeoBilbao
¿Para qué sirven los CMS?
● Para que el usuario medio-bajo pueda hacer una web o
blog sin excesivos conocimientos técnicos.
● Para que el usuario avanzado de internet y desarrollo
web también pueda aprovechar al máximo las
posibilidades mediante plugins, módulos, etc. y un
mayor nivel de personalización y sofisticación.

7. @SeoBilbao
¿Cómo funciona un CMS?
En resumen, un CMS está pensado para crear y
administrar contenidos HTML directamente por parte de
sus redactores. Simula la apariencia de un editor de texto
convencional en muchos menús.
Su uso es bastante sencillo en comparación con lo que es
editar una línea de código, aunque en alguna que otra
configuración más avanzada lo puede requerir.
Otros CMS: Joomla, Drupal, Blogger, Magento, Prestashop...

8. @SeoBilbao
¿Cómo funciona un CMS?
A su vez, un CMS proporciona una base de
programación y diseño web muy potente, ampliable y
escalable, en este caso con código PHP y JavaScript,
Se conecta a una base de datos MySQL donde
almacenar información ordenada y estructurada, y por
ello podemos editar por un lado contenido, y por otro el
resto del código.

9. @SeoBilbao
¿Qué partes tiene un CMS?
● Front-end / Visualización / Interfaz / Parte Pública:
Hace referencia a la web tal cual el usuario o visitante la
encuentra al navegar por ella. La vista pública, común, final,
real, pública, live, producción.
● Back-end / Motor / Administrador/ “Tripas” :
Parte interna o privada de la plataforma CMS donde,
gracias a la programación, es posible editar el contenido de
la base de datos: páginas, menús, ajustes, etc. Mediante un
gestor de páginas y menús bastante sencillo podemos
editar el código sin apenas verlo.

10. @SeoBilbao
Front-End / Interfaz

11. @SeoBilbao
Back-End / Administrador

12. @SeoBilbao
Parte pública/visible/front-end:
http://tudominio.com
Parte privada/admin/back-end:
http://tudominio.com/wp-admin
Navegación entre ambas

13. @SeoBilbao
Sistema de plantillas WP
codex.wordpress.org/es:Template_Hierarchy
Existen numerosos archivos PHP para gestionar la conexión
entre ambas partes y su apariencia y configuración más
avanzada.
Si queremos customizar al 100%, a pesar de las plantillas,
ajustes, plugins..., en algunas ocasiones deberemos conocer
bien estos archivos y modificarlos a partir de un “child
theme” (para mantener cambios al actualizar plantilla):
codex.wordpress.org/es:Temas_hijos

14. @SeoBilbao
Sistema de plantillas WP

15. Instalación
de WordPress
<^_^>

16. @SeoBilbao
Con WordPress.com almacenamos y gestionamos
todo desde su página web dependiendo de sus
precios, términos y condiciones legales.
Sin embargo, WordPress.org se aloja en nuestro
propio servidor permitiéndonos controlar todo.
Nuestra web = Nuestras reglas.
¿Por qué instalarlo?

17. @SeoBilbao
Instalación MANUAL (1/2)
1. Contratar: Plan de Hosting anual para alojar
archivos en internet + Nombre de Dominio
2. Crear una base de datos MySQL en el hosting
3. Crear un usuario FTP en el hosting
4. Instalar un programa FTP en el PC (ej.Filezilla)
5. Descargar la última versión de WordPress
es.wordpress.org/ (ES)
wordpress.org/download/ (EN)
luciamarin.es/como-instalar-wordpress-paso-paso

18. @SeoBilbao
Instalación MANUAL (2/2)
6. Extraer ZIP y Subir por FTP los archivos
7. Ir a la dirección de tu sitio web
8. Seguir los pasos de configuración de
instalación: creamos archivo de configuración
(wp-config.php), rellenando los campos que
nos solicite la pantalla de instalación de WP
(datos que debemos recopilar del hosting)
luciamarin.es/como-instalar-wordpress-paso-paso

19. @SeoBilbao
Instalación AUTOMÁTICA
:)
Si puede ser, mejor que lo haga por ti el servicio
de hosting, ¡mucho más fácil!

20. WordPress y sus usos:
Web VS Blog

21. @SeoBilbao
WordPress, aunque se originó como un gestor de
blogs, hoy día puede ser casi cualquier cosa:
● Blog de texto, vídeo, imagen, … (ordenado por fecha)
● Portfolio de diseño / Libro de recetas...
● Web personal o corporativa de negocio
● Web con Comercio Electrónico
● Web en múltiples idiomas
● Una red de blogs
● Un Foro
● ...
¡¡Gracias PLUGINS!!
Is it WordPress or not? http://isitwp.com

22. @SeoBilbao
¡¡Gracias PLUGINS!!
Con los plugin conseguimos funcionalidades avanzadas para
nuestra página :) Mirar en blogs para conocer opiniones, instalar
desde menú WP (más sencillo).

23. @SeoBilbao
¡¡Gracias THEMES!!
zthemes.net/blog/10-best-wordpress-blog-themes-2017.html
Con el tema conseguimos que la web tenga la apariencia que
nosotros queramos!! :) Buscar en blogs, instalar desde menú WP.

24. @SeoBilbao
Características como Blog.
Esas cosas que es imprescindible conocer:
● Generación de ENTRADAS para contenido
● Clasificación a través de Categorías y Etiquetas
● Archivo y orden cronológico de los artículos
● Participación de los lectores: Comentarios.
● Difusión de contenidos: feed RSS, Plugin RRSS
WordPress como BLOG

25. @SeoBilbao
Características como Web.
Introducción a un mundo de posibilidades:
● Generación de PÁGINAS para contenido
● Menús, submenús, jerarquías
● Plantillas de página
● Page Builder: mucho más que HTML y CSS
● Ojo con Velocidad de Carga al crear webs
complejas: plugins, imágenes...
WordPress como WEB

26. Menús de WordPress:
elementos principales

27. @SeoBilbao
Si estamos en Admin / Backend tenemos distintas
vías para acceder al site y verlo tal como lo ven los
usuarios (desde fuera):
● Menú: Nombre del sitio
● SubMenú: Visitar sitio
● Ir directamente a la URL en otra pestaña...
Cómo ir a Interfaz Frontend

28. @SeoBilbao
Tratar de tener siempre WP actualizado:
Existen frecuentes actualizaciones de seguridad
● Versión de WordPress
● Plantillas
● Plugins
● Traducciones
● ...
SEGURIDAD/Actualización
es

29. @SeoBilbao
Control del contenido a través de Usuarios y Roles.
Usuarios
codex.wordpress.org/es:Roles_y_Capacidades

30. @SeoBilbao
Para subir archivos complementarios como
imágenes, documentos PDF, etc.
Medios

31. @SeoBilbao
Menús avanzados de DISEÑO del site y ciertos
contenidos relevantes: Menús, Widgets, Editor
Apariencia

32. @SeoBilbao
A los ajustes de
nuestra plantilla de
diseño o theme
solemos poder ir
desde:
- Personalizar
- Theme Options
Apariencia: Plantilla

33. @SeoBilbao
Para seleccionar una
plantilla o instalar
una nueva debemos
ir al SubMenú
“Temas”.
Existen temas:
- Gratuitos
- De pago
Apariencia: Plantilla

34. @SeoBilbao
Sistema de plantillas
de Wordpress.
Recomendado:
● “Child theme”
● Registro de cambios
● Copias de seguridad
Apariencia: Editor/Código
Mejor usa FTP y copias de seguridad

35. @SeoBilbao
Lo que
modifiquemos
si no se gestionan
bien los cambios,
se perderá al
actualizar
plantilla :S
También se puede
caer la web. OJO,
esto es para nivel
avanzado.
Apariencia: Editor/Código

36. @SeoBilbao
Editor: Avanzado/Código
● Etiquetas
<head></head>,
● Apertura de <body>,
Dos puntos clave para
instalar trackings de
analítica web (Google
Analytics) o tag
managers como GTM.

37. Ajustes Principales de
WordPress que
debemos conocer

38. @SeoBilbao
Una serie de preferencias nuestras que hemos de
marcar en WordPress.
A tener muy en cuenta:
● Ajustes de Lectura: qué mostrar en la home (blog,
página concreta,... y cuántas entradas en el blog).
¿Queremos que Google nos indexe? :)
Ajustes: Fundamental (1)
luciamarin.es/ajustes-de-wordpress-consejos-practicos/

39. @SeoBilbao
Recordar personalizar los Enlaces permanentes a
nuestro gusto :)
Ajustes: Fundamental (2)
luciamarin.es/ajustes-de-wordpress-consejos-practicos/

40. Posts, Páginas,
Plugins, Widgets y
Menús de WordPress

41. @SeoBilbao
Los posts son noticias o artículos que se
actualizan y generan de forma continua.
Se muestran en orden cronológico con fecha,
comentarios, etc.
BLOG WP: Entradas/Posts

42. @SeoBilbao
Editor VISUAL (vista de texto):
● Más sencillo: Escribimos texto, enter, etc.
● Solo admite texto y shortcodes a veces.
Edición Entradas/Páginas

43. @SeoBilbao
Editor HTML (vista de código):
● Más rico: para ajustes más avanzados.
● Admite código JavaScript, CSS... integrado en
HTML, así como atributos de estilo (class, id)
Edición Entradas/Páginas

44. @SeoBilbao
Categorías y etiquetas para clasificar entradas:
● Categorías: más globales, jerarquía
● Etiquetas: filtrar resultados o establecer
relación con otras entradas.
Ej. Blog para padres:
• Categorías: Salud, Juegos, Colegio, etc.
• Etiquetas: Chocolate, Tijeras, Lácteos, etc.
Importante: evitar exceso (por SEO y evitar algo
que a Google no le gusta: las duplicidades).
BLOG WP: Entradas/Posts

45. @SeoBilbao
Recordar añadir Imagen destacada al post :D
BLOG WP: Entradas/Posts

46. @SeoBilbao
Para dar a WordPress la apariencia de una web
común (menú + páginas), debemos aprender a
crear y gestionar páginas.
WEB WordPress: Páginas
Son contenidos únicos, sin fecha, por defecto
independientes. Ejs. quiénes somos, contacto, etc.
Se pueden crear jerarquías y categorizaciones:
wordpress.org/plugins/add-category-to-pages/

47. @SeoBilbao
Aquí adquieren mucha más relevancia los
plugins, si queremos insertar un slider, galería,
portfolio o lo que deseemos, todo lo tendremos
disponible vía plantilla + plugins.
Además, mediante plugins podemos conseguir
que la web sea lo que nosotros queramos :)
● Woocommerce (comercio electrónico)
● BBPress (foro)
● Page Builder (edición más visual de páginas
cuando hay múltiples plugins como sliders,
galerías, etc.)
WEB WordPress: Páginas

48. @SeoBilbao
Opciones en este menú:
● Revisar plugins instalados y actualizar
● Añadir nuevo plugin
● Editar plugin (código)
Hay que tener siempre los plugins mínimos necesarios.
A la hora de elegir entre varios, hay que fijarse en las
estrellas y el número de instalaciones activas.
Instalación de Plugins

49. @SeoBilbao
● Yoast SEO (fundamental para salir en Google,
mejor mira un manual)
(lee si quieres: luciamarin.es/como-salir-en-google-primeros-pasos)
● Jetpack (múltiples configuraciones útiles)
● Contact Form 7 (formularios de contacto)
De regalo, para nivel avanzado ;)
● Easy Bootstrap Shortcodes
● Better WordPress Syntax
● AMP + Glue for Yoast SEO & AMP + AMP
Analytics (escribiré post sobre cómo…)
Mis plugins estrella :)

50. @SeoBilbao
Útiles para configurar elementos adicionales de
la página (barra lateral o sidebar, footer, etc.).
Widgets de WordPress

51. @SeoBilbao
Los menús los incluimos desde Widgets pero los
elementos enlazados los establecemos aquí, en
Menús (y a veces en los ajustes del theme).
Menús de WordPress

52. @SeoBilbao
¿Preguntas? luciamarin.es
hola@luciamarin.es
@SeoBilbao
linkedin.com/in/luciamarin
¡Gracias por la ayuda!
@sembilbao
@agmialdea
¡Sigamos en contacto! :))