Está en la página 1de 35

Curso Wordpress

José Alcañiz
▪ Economista y MBA (IESIDE) de vocación tardía por el marketing y las TIC
▪ Mi primera web no fue en Wordpress, fue en ¡Frontpage! en el año 1998.
▪ Durante más de 10 años me dediqué a gestionar un ecommerce de viajes
(buscadestinos.com) hasta que decidí que quería vivir muchos años.
▪ En esos 10 años, mientras el ecommerce en Galicia era para valientes,
recibía muchas consultas de asesoramiento de empresas que querían
entrar en el mundo online. Así que explicarle a la gente cómo no pegarse
los tortazos que yo me había pegado se convirtió en mi modo de vida.
Algunos lo llaman “Consultoría” joselacaniz

▪ En el interim, tenía recaídas de mi mono de ecommerce y monté alguno @josealcaniz


que otro con mayor o menor éxito (de todo se aprende, pero de los
josealcaniz
errores…más!)
▪ También me suelen llamar para dar clases de Marketing Digital en
Jose.alcaniz@gmail.com
Escuelas de Negocios.
▪ Ahora somos un equipo de 8 personas ayudando a muchas empresas en
toda España a conseguir sus objetivos en internet. Nos llamamos Esterea
Comunicación Digital.
▪ He dirigido más de 50 proyectos de desarrollo web en Wordpress, en
muchos de los cuales he participado en su desarrollo.

Curso Wordpress Universidad de Vigo - José Alcañiz


Estructura del curso
• Martes, 17/10/2022:
• Introducción, mapa conceptual. Configuración básica
• Martes, 24/10/2022:
• Estructura básica. Editor, entradas, páginas…Cargar datos. Entradas personalizadas
• Martes, 31/10/2022:
• Entradas y taxonomías personalizadas. Campos personalizados avanzados
• Martes, 7/11/2022:
• Plugins y personalización avanzada. Woocommerce, venta en línea (1ª parte)
• Martes, 14/11/2022:
• Woocommerce, venta en línea (2ª parte). Apariencia, temas, constructores visuales,
maquetación.
• Martes, 21/11/2022:
• Repaso general, resolución de dudas, repaso de proyectos.

Curso Wordpress Universidad de Vigo - José Alcañiz


Estructura del curso
• Sesiones de 16:00 a 20:00, con descanso de 20 minutos a las 18:00.
• Control de asistencia doble: 5 minutos después del inicio de cada
sesión y 5 minutos después de la reanudación después del descanso:
• Se hará mediante descarga de listado de alumnos conectados.
• La asistencia se entenderá completa cuando el alumno está conectado las dos
ocasiones.
• Si alguno tenéis alguna incidencia que os va a impedir estar conectados a esa
hora, avisadme antes en jose.alcaniz@gmail.com.
• Para poder obtener el diploma hay que tener una asistencia mínima del
85% y completar el proyecto asignado en horas fuera de clase.
• Interrumpidme lo que necesitéis cuando tengáis dudas, si no, será difícil
seguir el hilo del curso. Si alguna duda es demasiado específica, podéis
enviarme un mail a jose.alcaniz@gmail.com y os contestaré en el menor
tiempo posible.

Curso Wordpress Universidad de Vigo - José Alcañiz


Wordpress.com
Versión actual

Wordpress 6.3.2
https://es.wordpress.org/download/
Proveedores de Alojamiento

Plan Startup Hosting Inicio WP Profesional


2,99€/mes 5,95€ / mes 5,9€ / mes

O el que queráis... Requisitos: PHP y MySQL.


Deseablemente Linux
Curso Wordpress Universidad de Vigo - José Alcañiz
Componentes Instalación Wordpress

SERVIDOR BASE DE DATOS

Base de datos
Ficheros PHP
MySql

WP-CONFIG.PHP

- Nombre de la Base de datos


- Usuario y contraseña de la base de la base de datos
- Idioma
- etc

Curso Wordpress Universidad de Vigo - José Alcañiz


Estructura lógica
Estructura de Wordpress

Campos personalizados Campos personalizados

Custom Post
Entradas Páginas
Types
(posts) (contenido estático)
Comentarios, Categorías y
(personalizado)
Etiquetas, Taxonomías
M
E
N
Plugins Idiomas, ecommerce, Ú
(funcionalidades no cubiertas por defecto) social... S

Widgets
Estilos CSS Temas (Apariencia) (complementos de
apariencia)

Curso Wordpress Universidad de Vigo - José Alcañiz


Elementos

• Entradas:
• Cronológicas
• Admiten comentarios
• Admiten categorías y etiquetas (taxonomía)
• 1 sola plantilla por tipo
• Admiten campos personalizados
• Admiten crear nuevos tipos de entradas (custom post types)
• Permiten usar “constructores” visuales para maquetar el contenido
• Páginas:
• Contenido estático
• Admiten plantillas diferentes
• Admiten jerarquía entre ellas
• Permiten usar “constructores” visuales para maquetar el contenido

Curso Wordpress Universidad de Vigo - José Alcañiz


Página

Curso Wordpress Universidad de Vigo - José Alcañiz


Entrada

Curso Wordpress Universidad de Vigo - José Alcañiz


Loops de posts
• Las entradas y tipos de entradas personalizadas, puede ser mostradas
en listados, en cualquier parte de la web:

El famoso y versátil
“Loop” de Wordpress:

Todo son “posts”, de


distintos tipos, que se
pueden recorrer y ser
mostrados allá donde
quieras

Curso Wordpress Universidad de Vigo - José Alcañiz


Elementos
• Custom Post Types:
• Variaciones de post creados para otros fines.
• Por ejemplo, post tipo “Inmuebles” en una inmobiliaria, donde asignemos
categorías y campos personalizados específicos como:
• Metros cuadrados
• Zona
• Nº de Habitaciones, etc

• Se pueden crear sin programar, mediante plugins como CPT UI


• Otros ejemplos:
• Recetas, con taxonomía de dificultad, tiempo de preparación, etc.
• Eventos, con taxonomía de ubicación geográfica, tipo, sede, etc.
• Sesiones de formación, con taxonomía de centros, programas, localidad, etc.
• Socios de una asociación, con taxonomía de sector, servicios, tipo de socio, etc.
• Ofertas de empleo, con taxonomía de categoría, departamento, idiomas, etc.
• Productos, con taxonomía de familias y subfamilias.
• Viajes, con taxonomía de tipo, destino, etc.
Curso Wordpress Universidad de Vigo - José Alcañiz
Ejemplo

Curso Wordpress Universidad de Vigo - José Alcañiz


Ejemplo

Curso Wordpress Universidad de Vigo - José Alcañiz


Elementos
• Plugins:
• Cubren funcionalidades no cubiertas por el core de Wordpress y son
independientes de la apariencia. Ejemplos:
• Traducción
• Comercio Electrónico
• Seguridad
• Integración con Mailchimp / Facebook Pixel / apps de terceros
• Campos personalizados
• Maquetación visual
• Formularios de contacto
• Gestión de eventos o reservas
• Sociales (compartir, ventanas popup para pedir follow...)
• SEO (optimización de títulos, metas, validación en GWT, etc)
• Fidelización (programas de puntos por acciones en la página / tienda)
• Marketplaces (ofertas y demandas)
• Subastas...

Curso Wordpress Universidad de Vigo - José Alcañiz


Plugins imprescindibles

• Loco translate: Traducción de cualquier literal de la web, plugins o temas.


• Custom Post Type UI: Para añadir tipos de entrada personalizadas sin necesidad de programar.
• Advanced Custom Fields: Para añadir campos adicionales a entradas o custom post types.
• WPBakery Page Builder / Divi Builder / Elementor: Maquetación visual por bloques
• GDPR Cookie Consent: Para incorporar el famoso aviso de cookies
• Contact Form7: Formularios de contacto. Integrables con mailchimp, muy configurables.
• Mailchimp for Wordpress: Sincronización de contactos
• SEO by YOAST: El Plugin SEO definitivo
• Duplicator: Para migrar webs entre alojamientos (y alguna cosa más)
• Polylang/WPML: Para hacer el Wordpress multiidioma.
• WP Super Cache: Para que vaya más rápida.
• The Events Calendar: Gestión de eventos y reservas.
• Akismet: Evita que entre spam en los comentarios.
• Wordfence: Plugin de seguridad y rendimiento.
• Updraft Plus: Copia de seguridad
• Woocommerce: Comercio electrónico

Curso Wordpress Universidad de Vigo - José Alcañiz


El más imprescindible de todos

• Principales constructores visuales del mercado

$56 Desde $49/año $89/año


Incluido en múltiples Incluido en algunos Incluido en Divi
temas premium temas Se puede usar
standalone también

Curso Wordpress Universidad de Vigo - José Alcañiz


Ojo con los plugins

• Un plugin desactualizado puede ser un agujero de seguridad


importante.

Curso Wordpress Universidad de Vigo - José Alcañiz


Curso Wordpress Universidad de Vigo - José Alcañiz
Google Search Console

Curso Wordpress Universidad de Vigo - José Alcañiz


Ojito con los plugins
• Fijaos en:
• La última fecha de actualización
• comentarios
• compatibilidad con versiones de wordpress
• nº de descargas
• Siempre mantenedlos actualizados
• Si instalas muchos, pueden generar incompatibilidades entre sí
(comprueba que todo funciona después de instalar alguno nuevo
sospechoso)

Curso Wordpress Universidad de Vigo - José Alcañiz


Elementos
• Widgets:
• Pequeños elementos de información que se pueden ubicar en distintos
sitios de nuestra página para añadir alguna información.
• Pueden ser de Wordpress, o depender (ser propios) del tema.
• Ejemplos:
• Calendario
• Entradas recientes
• Comentarios recientes
• Listado de Categorías
• Nube de tags
• Widgets de plugins (social, por ejemplo)

Curso Wordpress Universidad de Vigo - José Alcañiz


Elementos
• Temas:
• Lo que determina la apariencia de nuestra página.
• Conjunto de:
• Plantillas de página
• Estilos CSS
• Widgets
• Plugins (puede ser que un tema requiera de determinados plugins para funcionar)

• Los hay gratuitos y de pago.


• Se pueden instalar sin siquiera utilizar un cliente FTP, directamente desde el
admin de Wordpress.
• Fuentes de temas premium:
• Themeforest
• RocketThemes
• ElegantThemes

Curso Wordpress Universidad de Vigo - José Alcañiz


Temas destacados
• Temas destacados:
• Zephyr/Impreza:
• Basado en Material Design (de Google) lo cual le aporta una robustez
alta en la versión responsive y elementos a lo largo de la web.
• 49$ en Themeforest
• Bridge:
• Muy empleado, mucha versatilidad. Funciona tanto con elementor como
con WPBakery Builder.
• 59$ en Themeforest
• Divi:
• Fácil de usar y configurar, múltiples plantillas predeterminadas,
visualmente atractivo.
• Dentro del pack de elegant Themes por 89$ anuales.

Curso Wordpress Universidad de Vigo - José Alcañiz


Instalación de Wordpress
• Desde vuestro proveedor de alojamiento (auto-install)
• Descargando Wordpress de es.wordpress.org y subiéndolo por FTP
• Recomendable la 1ª opción
• Si tenéis que hacer la 2ª:
1. Descarga el paquete de la última versión WordPress y descomprímelo en una carpeta vacía
de tu ordenador.
2. Crea una base de datos MySQL en tu proveedor de alojamiento.
3. Abre el archivo wp-config-sample.php con un editor de texto plano y rellena los datos de la
conexión a tu base de datos:
1. Nombre de servidor (suele ser localhost)
2. usuario
3. contraseña
4. Guarda el archivo como wp-config.php.
5. Sube todo a tu servidor.
6. Abre http://tudominio.com/wp-admin/install.php en tu navegador.

Curso Wordpress Universidad de Vigo - José Alcañiz


Estructura de carpetas

Raíz wp-admin wp-content wp-includes

• index • ficheros • temas, con sus


• plantillas de necesarios para el estilos y funciones
documento funcionamiento • plugins

• .htaccess del panel de • uploads (donde se


• robots.txt administración almacenan los
• sitemap.xml documentos e
imágenes que
subimos)

Curso Wordpress Universidad de Vigo - José Alcañiz


Personalización
• Si queremos personalizar un tema, debemos crear un TEMA HIJO
• Creamos una carpeta dentro de wp-content/themes con el nombre de
nuestro nuevo tema
• Creamos un fichero dentro, que se llame style.css, y que indique cuál es el
padre de ese tema hijo (http://codex.wordpress.org/es:Temas_hijos)
• A partir de ahí, Wordpress aplicará los estilos y funciones por este orden:
• 1º los del padre hijo
• Si más adelante encuentra el mismo estilo o función definidos en el tema hijo, aplicará
el del hijo

Curso Wordpress Universidad de Vigo - José Alcañiz


Ventajas de los temas hijo
• Si queremos personalizar un aspecto concreto de apariencia o funciones del
tema padre, basta con cambiar 1 fichero en 1 sitio (el style.css o functions.php
del hijo)
• Es más organizado a la hora de encontrar información
• Si queremos actualizar el tema en el futuro (muuuuy recomendable), no se
verán afectadas las personalizaciones que hayamos hecho en el tema hijo.
• Zehpyr viene con un tema hijo incorporado. En caso de no venir con un tema
hijo, o no querer hacerlos a mano, se puede hacer con un plugin: Child Theme
Configurator.

Curso Wordpress Universidad de Vigo - José Alcañiz


¡Al lío!
Apelidos, Nome Instalación Ruta Backoffice Usuario Contraseña
Alves Martínez, Clara https://uvigo01.wp-edestrezas.com/ https://uvigo01.wp-edestrezas.com/wp-admin/ uvigo01 O@rYN0sY6whiFbdVgJp&w9@5
Ansín Gómez, Martín https://uvigo02.wp-edestrezas.com/ https://uvigo02.wp-edestrezas.com/wp-admin/ uvigo02 *^cX6PLNlDFBwmK%sjBqgmIF
Ballesteros Sanjorge, Rubén https://uvigo03.wp-edestrezas.com/ https://uvigo03.wp-edestrezas.com/wp-admin/ uvigo03 lSolpeT67L%M*CJwKmLYr#po
Barreiro Morales, Elizabeth https://uvigo04.wp-edestrezas.com/ https://uvigo04.wp-edestrezas.com/wp-admin/ uvigo04 (VbMVVy3Oh#aEgMXB9n)gV@z
Briceño Aguilar, Jonathan https://uvigo05.wp-edestrezas.com/ https://uvigo05.wp-edestrezas.com/wp-admin/ uvigo05 Kc7mi6UxxMGxz4bq)xS$Ubr&
Dasilva Freiría, Rubén https://uvigo06.wp-edestrezas.com/ https://uvigo06.wp-edestrezas.com/wp-admin/ uvigo06 A)G*&*b4vc%vwcq7aA1*m)Il
Fernández Álvarez, José Alberto https://uvigo07.wp-edestrezas.com/ https://uvigo07.wp-edestrezas.com/wp-admin/ uvigo07 gYicLJQ9foM!MfR4C5x)*nGw
Fernández Rodríguez, Tania https://uvigo08.wp-edestrezas.com/ https://uvigo08.wp-edestrezas.com/wp-admin/ uvigo08 *mFS^(j$po*bwKPI&3A@B4%K
Figuerial Alonso, Mariam https://uvigo09.wp-edestrezas.com/ https://uvigo09.wp-edestrezas.com/wp-admin/ uvigo09 JuDrQK%mYqa#)vIOGUkOMtRp
Gonzalez Pombo, Sara https://uvigo10.wp-edestrezas.com/ https://uvigo10.wp-edestrezas.com/wp-admin/ uvigo10 &D3))l87vTg**C0C*)KC80B1
Lariño Mora, Loisa https://uvigo11.wp-edestrezas.com/ https://uvigo11.wp-edestrezas.com/wp-admin/ uvigo11 S4W2cxlTPJ%AH3MrqfLDEiig
Ledo Fontan, Laura https://uvigo12.wp-edestrezas.com/ https://uvigo12.wp-edestrezas.com/wp-admin/ uvigo12 RG9Rc&kQqj(N2ZM9!Gwbfbqy
Lomba Fernandez, Barbara https://uvigo13.wp-edestrezas.com/ https://uvigo13.wp-edestrezas.com/wp-admin/ uvigo13 KCGyeEpeH0WWbA3oHxDB&SS5
Menéndez Valdés, Francisco Javier https://uvigo14.wp-edestrezas.com/ https://uvigo14.wp-edestrezas.com/wp-admin/ uvigo14 OGk7nSj)nsfFHahkgYTj7Y#t
Mohamed Falcon, Kais Jacob https://uvigo15.wp-edestrezas.com/ https://uvigo15.wp-edestrezas.com/wp-admin/ uvigo15 UgSbF9^jO9AvyNR5P4GC$z0h
Ordóñez Pérez, Stephanie https://uvigo16.wp-edestrezas.com/ https://uvigo16.wp-edestrezas.com/wp-admin/ uvigo16 zC2E5XJ1jfSQmjl6q@VddCe7
Orza Mirás, Irene https://uvigo17.wp-edestrezas.com/ https://uvigo17.wp-edestrezas.com/wp-admin/ uvigo17 gHkwl!IOu#A2#y#9HXFiN9j3
Otero Fernández, Blanca https://uvigo18.wp-edestrezas.com/ https://uvigo18.wp-edestrezas.com/wp-admin/ uvigo18 vfu2m!y279EGWdV*5#RI9sh(
Pérez Miniño, Alejandra https://uvigo20.wp-edestrezas.com/ https://uvigo20.wp-edestrezas.com/wp-admin/ uvigo20 U!Mn3GBj4EfL#@Zi6I8w4Lti
Pérez Vishneuskiy, Alberto https://uvigo21.wp-edestrezas.com/ https://uvigo21.wp-edestrezas.com/wp-admin/ uvigo21 Juk5bUqoG4tjp4HvqA9i)1*1
Posada Fernández, Hugo https://uvigo22.wp-edestrezas.com/ https://uvigo22.wp-edestrezas.com/wp-admin/ uvigo22 s$nrnAJht2nTId&4Gz4J@n&M
Prieto Rodríguez, Iria https://uvigo23.wp-edestrezas.com/ https://uvigo23.wp-edestrezas.com/wp-admin/ uvigo23 *)x6dMX^)z4u!oZEtSY&4kp7
Rodríguez Pérez, Sara https://uvigo24.wp-edestrezas.com/ https://uvigo24.wp-edestrezas.com/wp-admin/ uvigo24 qRFl0TMdZ!mo50uSJfIOtOId
Rovira Ruiz, María Alejandra https://uvigo25.wp-edestrezas.com/ https://uvigo25.wp-edestrezas.com/wp-admin/ uvigo25 ylvtzC&Ot#Rqef3vPO4&38X3
Sanmartín Rey, Isidro https://uvigo26.wp-edestrezas.com/ https://uvigo26.wp-edestrezas.com/wp-admin/ uvigo26 &&Gok3QR&BcjaCaoZEk@5vTj
Santamaría Iglesias, Lucas https://uvigo27.wp-edestrezas.com/ https://uvigo27.wp-edestrezas.com/wp-admin/ uvigo27 70AfP8b0(NeT!h(2GbQ^G#sS
Silvarrey Varela, Manuel https://uvigo28.wp-edestrezas.com/ https://uvigo28.wp-edestrezas.com/wp-admin/ uvigo28 1mJD^qYqV%3xeLT#(wl*Ykmg
Varela Lafuente, Laura https://uvigo29.wp-edestrezas.com/ https://uvigo29.wp-edestrezas.com/wp-admin/ uvigo29 fEQQPd98ppwNdb3@SUb#c&fi
Villagran Andrade, Carlos Alberto https://uvigo31.wp-edestrezas.com/ https://uvigo31.wp-edestrezas.com/wp-admin/ uvigo31 !DnMuR&6F1t2#O%c

Curso Wordpress Universidad de Vigo - José Alcañiz


Proyecto
• Montar un Wordpress completamente funcional y operativo, que se
dedique a alguna de estas 5 actividades:
• Tienda de camisetas
• Oferta de Cursos de Formación
• Revista especializada en tecnología
• Clínica dental
• Blogger de moda / gastronomía / viajes

Curso Wordpress Universidad de Vigo - José Alcañiz

También podría gustarte