Slide 1
Slide 1 text
Cómo dar el salto
de usar Wordpress a hacer webs con WordPress
Slide 2
Slide 2 text
Nilo Vélez
PHP, JavaScript, CSS, HTML LESS, SASS,
ASP, JSP, NodeJS, SQL, Lingo, MaxScript,
jQuery, BootStrap, Cordova, Git, SVN,
Angular, WordPress, Joomla!, Prestashop,
osCommerce, PhotoShop, Illustrator,
inDesign, Premiere, Vegas, ShotCut,
FreeHand, QuarkExpress, 3DS Max,
FireWorks, DreamWeaver, Flash, Director
Programación, Diseño, SEO, sistemas,
accesibilidad, edición de video y audio,
video y foto 3D, usabilidad, experiencia de
usuario, analítica…
...y veinte años haciendo webs.
@NiloVelez
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
https:/
/codex.wordpress.org/Version_1.5
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
“Hago webs”
Slide 7
Slide 7 text
“Hago webs”
Diseño
Programación
Contenidos
Usabilidad
SEO
Accesibilidad
Infraestructura Seguridad
Optimización
Planificación
Slide 8
Slide 8 text
Planificación
● Toma de requisitos
● Definición de objetivos
● Toma de decisiones
● Reparto de tareas
Tu objetivo NO es la web
sino lo que quieres
conseguir con ella
Slide 9
Slide 9 text
Contenidos
● El buen contenido es universal
● El contenido va siempre antes que el diseño
● Evita el lock-in siempre que puedas
Slide 10
Slide 10 text
No content
Slide 11
Slide 11 text
No content
Slide 12
Slide 12 text
WordPress es un CMS
core
base de datos
configuración
contenido
/wp-content/
tema
plugins
medios
Slide 13
Slide 13 text
Diseño
● El diseño debe estar al servicio del contenido
● Si sólo tienes un martillo, todo son clavos
● Wireframe ► Mockup ► Demo
Slide 14
Slide 14 text
Diseño
a) Tema “multipropósito”
b) Tema prediseñado - https:/
/wordpress.com/themes
c) Tema hijo
d) Desarrollo a medida
Slide 15
Slide 15 text
SEO
● Contenido, contenido, contenido
● Pónselo fácil a Google:
■ Yoast
■ Webmaster Tools
■ Google Business
Slide 16
Slide 16 text
Programación
● Un editor de texto no es lo mismo que un IDE
● WordPress = PHP + HTML + CSS + JS
● WordPress es un FrameWork:
https:/
/codex.wordpress.org/
Slide 17
Slide 17 text
Programación
● Saltos de línea: Unix
● Codificación de fichero: UTF-8
● Ficheros sin tildes
Slide 18
Slide 18 text
Programación
El código que no es tuyo
no se toca
Slide 19
Slide 19 text
Accesibilidad
● Accesibilidad = para todos en todas partes
● Adapta el mensaje a cada público
● Las herramientas automáticas no sirven
● Google navega como un invidente
http:/
/w3m.sourceforge.net/
Slide 20
Slide 20 text
Usabilidad
Slide 21
Slide 21 text
Infraestructura
● Los servidores siempre tienen mantenimiento
● Dedicado no es lo mismo que gestionado
● Aprende linux
Slide 22
Slide 22 text
● PHP 7
● MySQL 5.5
● Acceso SSH
● SSL
Infraestructura
Slide 23
Slide 23 text
Optimización
● ¿seguro que necesitas ese plugin?
● WP Super Cache
● Smush
● Machete
● https:/
/tools.pingdom.com/
Slide 24
Slide 24 text
Seguridad
● No quieren tu contenido, quieren tu servidor
● Encuentra el equilibrio entre cómodo y seguro
● Las claves son para el que las necesita
● La mejor defensa es un buen backup
● WordFence
Slide 25
Slide 25 text
Fin de la primera parte