PDF de programación - Curso de Wordpress iniciación

Curso
 de
 Wordpress
 iniciación
 

wifi:
 red
 de
 invitados
 de
 zama
 
pass:
 zamaformacion
 

1
 

¿Qué
 es
 Wordpress?
 

• Un
 gestor
 de
 contenidos
 web
 (CMS
 Content
 
Management
 System)
 
• WordPress
 es
 una
 avanzada
 plataforma
 
semánHca
 de
 publicación
 personal
 orientada
 a
 
 
– La
 estéHca
 
– Los
 estándares
 web
 
 
– La
 usabilidad.
 
– WordPress
 es
 Gratuito
 

2
 

IMPORTANTE
 No
 confundir
 

• www.miweb.wordpress.com
 
– Es
 un
 servicio
 de
 blog
 alojado
 en
 el
 dominio
 de
 
wordpress.
 
– Ejemplo
 hVp://ahiloHenes.wordpress.com/
 
• www.miweb.com
 
– Es
 crear
 un
 siHo
 con
 gestor
 de
 contenidos
 en
 mi
 propio
 
dominio.
 
– Ejemplo
 hVp://www.cursoswordpressmadrid.com/
 

3
 

Instalación
 de
 Wordpress
 

• Local
 (Xampp)
 PC
 /
 Mac
 
• Remoto
 (HosHng)
 

4
 

¿Dónde
 lo
 descargo?
 

• hVp://es.wordpress.org/
 

5
 

Instalación
 Remota
 

Remota
 (en
 hosHng)
 

Video
 de
 instalación
 exclusivo
 
para
 alumnos
 
hVp://www.cursoswordpressmadrid.com/recursos
 

6
 

¿Qué
 necesita
 mi
 
hosHng
 para
 poder
 
instalar
 Wordpress?
 

Soportar
 Programación
 en
 PHP
 

Soportar
 al
 menos
 una
 base
 de
 datos
 en
 MySQL
 

7
 

Pantalla
 capturada
 del
 proveedor
 1and1.es
 

Uso
 de
 Wordpres
 

•  Para
 tu
 siHo
 web
 personal
 
profesional.
 
•  Para
 tu
 porbolio
 de
 trabajos
 como
 
diseñador,
 fotógrafo,
 arHsta
 
mulHmedia...
 
•  Escaparate
 de
 productos.
 
•  Reservas
 de
 un
 hotel,
 casa
 rural...
 
•  Para
 un
 cliente.
 
•  Blog
 profesional.
 

8
 

Ingresar
 a
 Wordpress
 Remoto
 

• www.tuweb.com/wp-­‐admin
 (navegador
 web)
 
• User
 :
 tu
 usuario
 
• pass:
 tu
 contraseña
 

9
 

Descripción
 del
 entorno
 de
 trabajo
 

(escritorio)
 

10
 

Responsive
 Web
 Design
 

El
 Responsive
 Web
 Design
 
permite
 crear
 siHos
 Web
 que
 se
 
adaptan
 al
 ancho
 del
 disposiHvo
 
en
 que
 se
 esté
 navegando,
 lo
 
que
 permite
 tener
 un
 único
 
diseño
 para
 PC,
 móviles
 y
 tablet
 

11
 

Beneficios
 del
 Responsive
 Web
 

Design
 

Reducción
 de
 costos.
 
 
Eficiencia
 en
 la
 
actualización.
 
 
Mejora
 la
 usabilidad
 y
 
conversión
 
Impacto
 en
 el
 visitante.
 
 

12
 

Creación
 de
 páginas
 

Creación
 de
 menús
 

13
 

Haciendo
 url´s
 más
 amigables
 para
 las
 

páginas
 

Haciendo
 url´s
 mas
 amigables
 para
 las
 

entradas(post)
 

• /%category%/%postname%
 

14
 

Quitar
 dejar
 comentario
 /
 para
 quitarle
 

el
 aspecto
 de
 blog
 

• Edición
 Individual
 
• Edición
 masiva
 
 

15
 

Creando
 contenido
 –
 Páginas
 

Texto
 imágenes
 vínculos
 

16
 

Insertando
 Galerias
 de
 imágenes
 

17
 

Insertar
 Google
 Maps
 

18
 

Insertar
 Video
 

19
 

Insertar
 catálogos
 on
 line
 

20
 

Crear
 Categorías
 

• Sirve
 para
 crear
 vuestro
 
propio
 árbol
 de
 categorías
 
para
 vuestros
 arpculos,
 post
 o
 
lo
 que
 queráis
 añadir
 al
 blog
 o
 
siHo
 web.
 
 
• Algunas
 planHllas
 necesitan
 
que
 las
 entradas
 estén
 
organizadas
 en
 categorías
 
para
 mostrarlas
 en
 la
 web.
 

21
 

Crear
 EHquetas
 

• Un
 nivel
 de
 organización
 adicional
 a
 las
 
categorias.
 
• Llamados
 también
 TAG´s
 

22
 

Crear
 entradas
 (post)
 

• En
 la
 página
 de
 inicio
 

23
 

Programar
 una
 entrada
 

Definir
 la
 fecha
 y
 hora
 en
 la
 
que
 aparecerá
 en
 nuestro
 
siHo
 web
 

24
 

Widgets
 

Colocar
 más
 contenido
 a
 
nuestra
 web
 con
 la
 barra
 
de
 navegación
 lateral
 y
 el
 
área
 del
 pie
 

25
 

Instalación
 de
 temas
 

planHllas
 gratuitas
 wordpress
 

26
 

Temas
 profesionales
 de
 pago
 para
 

proyectos
 Wordpress
 

27
 

Como
 elegir
 un
 buen
 plugin
 

•  Número
 de
 descargas.
 Los
 plugins
 con
 

mayor
 número
 de
 descargas
 (más
 
populares)
 suelen
 funcionar
 mejor
 

Si
 estás
 buscando
 plugins
 específicos
 
para
 tu
 blog
 que
 cubran
 algunas
 
necesidades,
 puedes
 hacer
 lo
 siguiente:
 

Buscar
 en
 blogs
 especializados.
 
buscando
 en
 Google.
 Aun
 así,
 ten
 en
 
cuenta
 la
 calidad
 de
 los
 blogs
 que
 
recomiendan
 las
 herramientas
 

 UHlizar
 los
 mismos
 plugins
 que
 
funcionan
 en
 otros
 blogs.
 
 
Consultar
 el
 buscador
 de
 plugins
 de
 
WordPress,
 no
 obstante,
 debes
 tener
 en
 
cuenta:
 

28
 

•  Puntuación
 de
 los
 usuarios.
 Fíjate
 en
 

cuántas
 estrellas
 le
 han
 dado
 los
 
 

•  Capturas
 de
 pantalla.
 Con
 las
 capturas
 
de
 pantalla
 te
 puedes
 hacer
 una
 idea
 
rápida
 de
 cómo
 funciona
 el
 plugin
 y
 
cómo
 quedará
 instalado
 en
 tu
 blog
 

•  Compa9bilidad
 con
 disHntas
 versiones
 

de
 WordPress.
 Hay
 plugins
 que
 hace
 
años
 que
 no
 se
 actualizan,
 algo
 que
 te
 
puede
 dar
 bastantes
 dolores
 de
 
cabeza
 

Plugins
 1
 

Slimbox
 (lightbox)
 

Apertura
 de
 la
 
imágenes
 con
 
efecto
 Lightbox
 
Edición
 del
 detalle
 
de
 la
 imagen
 

29
 

Plugins
 2
 

Crear
 varios
 SIDEBAR
 


 

 
 
 Woosidebar
 

 

 

30
 

Plugins
 3
 

Más
 herramientas
 para
 tus
 post´s
 y
 páginas
 


 

 
 
 
 TinyMCE
 Advanced
 

 

31
 

Plugins
 4
 

Colocar
 logo
 de
 empresa
 en
 el
 login
 de
 Wordpress
 


 

 
 
 Uber
 Login
 Logo
 

 

 

32
 

Plugins
 5
 

Socializar
 Nuestra
 web
 (comparHr)
 

Facebook
 
TwiVer
 
….
 

 
 
 
 
 
 
 
 Share
 BuVons
 by
 AddThis
 

 

33
 

Plugins
 6
 

Socializar
 Nuestra
 web
 (seguir)
 

Facebook
 
TwiVer
 
….
 

 
 
 
 
 
 
 
 Follow
 BuVons
 by
 AddThis
 

 

34
 

Plugins
 7
 

OpHmizar
 y
 posicionar
 nuestra
 web
 


 
 
 
 
 
 
 All
 in
 one
 seo
 pack
 

 
 
 
 
 
 
 SEO
 Wordpress
 

35
 

Plugins
 8
 

Que
 hacer
 si
 nuestra
 web
 es
 muy
 larga
 verHcalmente
 

 
 
 
 
 
 Dynamic
 To
 Top
 

Más
 recursos:
 
hVp://webdesignandsuch.com/10-­‐jquery-­‐back-­‐to-­‐top-­‐link-­‐soluHons-­‐for-­‐websites/
 

36
 

Plugins
 9
 

Crear
 formularios
 de
 
contacto
 

 

 


 
 
 Formidable
 

37
 

Plugins
 10
 

Crear
 un
 favicon
 (icono
 de
 favorito
 de
 mi
 siHo
 web)
 
AlternaHva
 si
 el
 tema
 no
 lo
 trae
 por
 defecto.
 

 
 
 
 
 
 
 
 
 
 
 
Cbnet
 Favicon
 


 
 

38
 

Plugins
 11
 

EstadísHcas
 de
 nuestro
 siHo
 web
 con
 wordpress
 


 
 
 
 
 
 Google
 analyHcs
 

Para
 usar
 este
 plugin
 se
 necesita
 tener
 una
 cuenta
 creada
 en
 Google
 analyHcs
 
hVp://www.google.com/intl/es/analyHcs/
 

39
 

Plugins
 12
 
Insertar
 tu
 logo
 en
 google
 map´s
 


 
 
 
 Google
 Maps
 made
 Simple
 

40
 

Plugins
 13
 

Copias
 de
 seguridad
 


 
 
 
 
 

 
 
 
 BackWPup
 

41
 

Más
 Plugins
 …
 

• WP-­‐DB-­‐Backup
 :
 Para
 evitarte
 sustos
 cuando
 tengas
 un
 problema
 en
 tu
 blog,
 

bien
 sea
 por
 un
 problema
 con
 una
 nueva
 instalación
 de
 algún
 plugin,
 una
 nueva
 
actualización
 de
 WordPress
 o
 una
 des
 configuración
 de
 tu
 blog.
 Este
 plugin
 te
 creará
 una
 
copia
 de
 seguridad
 de
 todo
 lo
 que
 tengas
 instalado
 en
 tu
 blog
 enviandolo
 a
 tu
 mail
 o
 tu
 PC,
 
según
 la
 congfiguración
 que
 le
 des.
 

• 
 Google
 XML
 Sitemaps
 :
 La
 uHlidad
 de
 este
 Plugin
 es
 fundamental
 para
 
que
 tu
 blog
 pueda
 ser
 rastreado
 por
 los
 buscadores.
 Y
 así
 lograr
 un
 mayor
 posicionamiento.
 

 Wp
 Super
 cache
 :
 Cuanto
 más
 Hempo
 tarde
 en
 cargar
 tu
 blog,
 menos
 
posibilidades
 Henes
 que
 tus
 visitantes
 se
 queden
 a
 ver
 tu
 contenido.
 Y
 este
 plugin
 hará
 que
 
tarde
 menos
 Hempo
 en
 cargar
 tu
 blog.
 

• 

42
 

Conceptos
 básicos
 de
 WordPress
 

¿Qué
 es
 un
 post?
 
WordPress
 fue
 creado
 originalmente
 
como
 plataforma
 para
 la
 escritura
 de
 
blogs.
 Por
 tanto,
 la
 estructura
 básica
 se
 
fundamenta
 en
 la
 escritura
 de
 pequeños
 
arpculos
 que
 se
 publican
 con
 
regularidad.
 Estos
 arpculos
 son
 lo
 que
 se
 
conoce
 como
 “Post”
 o
 “Entrada”.
 

 
¿Qué
 es
 una
 página?
 
Una
 página
 es
 muy
 parecida
 a
 un
 post,
 
con
 la
 diferencia
 que
 está
 pensada
 para