Professional Documents
Culture Documents
Fundamentos de WordPress
Contenido
1. Introduccin.
2. Comenzando con WordPress.
3. Manejando WordPress.
4. Primeros pasos.
1. Introduccin
Algo por saber antes de comenzar a
trabajar con WP?
Contenido
1. Introduccin.
Blog / Sitio Web
Qu es WP?
Ventajas y ms
Qu es un Blog?
Sitio web:
recopilacin
cronolgica de mensajes
uno / varios autores
temtica determinada
diario personal
Servicios gratuitos:
herramientas
sencillas
blog en marcha en menos de cinco minutos
sin ningn conocimiento previo
Qu es un Blog?
Ejemplo de Blog
Men
Ttulo
Ttulo/fecha/autor
Barra lateral
Comentarios
Estructura
constante
Cara que se da al
mundo de una
empresa u
organizacin
Un conjunto de pginas
estticas
Blog:
El contenido no cambia a
menudo (o casi nada)
Permite compartir
conocimiento e ideas
Normalmente permite
comentarios a los artculos
para continuar la
conversacin
Permite aadir contenido
rpidamente
Lo hace WordPress
WordPress.com (Hosting por Wordpress)
WordPress.org (Requiere de hosting)
Qu es WordPress?
Rpida instalacin.
Curva aprendizaje rpida
Facilidad de uso.
Gratuito, licencia libre.
Mltiples configuraciones y
exportaciones.
Y ms ventajas
Personalizacin
Acceso
Escritorio
- Gestin del contenido
Escribir un artculo
- Editor Visual
Presentacin de pgina
(front-end)
2. Comenzando con WP
Cmo comenzamos?
Contenido
1. Introduccin.
ni instalacin, ni
configuracin
WordPress.com / WordPress.org
WP. com
WP. org
Descarga de WP.
Requiere un servidor.
Completamente libre.
Temas personalizados.
Plugins personalizados.
Cdigo editable.
http://es.wordpress.com/
3. Manejando WP
Qu se esconde en el back-end?
Contenido
1. Introduccin.
2. Comenzando con WordPress.
3. Manejando WordPress.
Temas o Plantillas
Creando contenido
Widgets/Plugins
Mens personalizados
Temas o Plantillas
Gratuitos / Pago
Importante
eleccin
http://wordpress.org/themes
http://wordpress.org/themes/twentyfifteen/
Responsive:
https://wordpress.org/themes/responsive/
Mog:
https://wordpress.org/themes/mog/
Twenty Twelve:
https://wordpress.org/themes/twentytwelve/
Pinboard:
https://wordpress.org/themes/pinboard/
Instalando un Tema
Personalizando un Tema
Categoras?
Etiquetas?
Nube de etiquetas
Etiquetas
Categoras/subcategoras
Pescado
Carne
Dulce
Blanco
Azul
Postre
Especialidades
Salado
Etiquetas
Categoras/Etiquetas
Salsa
http://localhost/wordpress/wp-admin/edit-tags.php?taxonomy=category
http://localhost/wordpress/wp-admin/edit-tags.php?taxonomy=post_tag
Creacin de Contenido
ENTRADAS
PGINAS
En qu se diferencian?
Entradas:
Fecha
de publicacin
Autor
Categoras
Etiquetas/Tags
Opcionales
Cada
Web Development
Ordenacin de
etiquetas
Pginas:
No
Pueden
Anidar pginas bajo otras pginas (que una sea Padre de otra).
Las
estar jerarquizadas.
la indexacin de buscadores
Contenido
esttico.
Su contenido no va a variar o
vara muy poco.
El
3.3. Medios
Biblioteca multimedia
Crear galeras
Qu es la Biblioteca Multimedia?
Qu es la Biblioteca Multimedia?
/ Borrar /Ver
Galera?
1. Seleccin de archivos
2. Crear una nueva galera
3.4. Comentarios
Comentarios (1/2)
Comentarios (2/2)
(*) http://localhost/wordpress/wp-admin/edit.php?post_type=page
3.5 Widgets
Qu son?
Gestin
Ejemplos
reas de widgets?
Barra lateral
ESTNDAR
CREADOS POR
PLUGINS O TEMAS
Calendario, Categoras
Comentarios recientes, Entradas recientes
Nube de etiquetas, RSS, Texto,
Gestin de Widgets
Apariencia >> Widgets
Ejemplo: Diferenciar:
Widgets
(*) http://localhost/wordpress/wp-admin/widgets.php
2 mens
3 mens
Ejemplo:
Aadir
3.7. Plugins
Qu son?
Gestin
Ejemplos
Plugins:
Aplicaciones
Gestin de Plugins
form, hupso
(*) http://localhost/wordpress/wp-admin/plugins.php
Ejemplos de plugins
Otros plugins
Contenido
1. Introduccin.
2. Comenzando con WordPress.
3. Manejando WordPress.
4. Primeros pasos.
Planteando un blog
Primeras acciones
4. Primeros pasos
Planteamiento inicial?
Planteando un blog
BLOG
Temtico
Personal
Objetivo y Ttulo
Qu navegacin
Qu contenido
Estructura y Contenido
Qu categoras
Qu plugins
Qu plantilla
Qu widgets
Tipo de Contenido
Tipo de contenido
Contenido
Consecuencias?
Pginas
estticas:
No tiene sentido la fecha y el autor de la pgina
Normalmente se acceden a travs de un men
Entradas o Posts:
Se pueden acceder a travs de listas o mens
Requieren fechas y posibilidad de comentarios
ltimas consideraciones
Utilidad:
Brindar
la informacin
Conocimiento:
Escribe
Anexos
Instalando un tema
Instalacin paso a paso
Guardo el tema:
Personalizando un tema
Ajustes del tema
Volver
Categoras y Etiquetas
Creacin
Volver
Entradas
Creacin
de utilizar.
Instalar el plugin TinyMCE Advanced
https://wordpress.org/plugins/tinymce-advanced/
Texto de la entrada
Aadir objeto:
Galera:
Volver
Pginas
Creacin
Volver
Biblioteca Multimedia
Carga y gestin de ficheros
multimedia
/ Borrar /Ver
Editar:
Cambiar
Seleccionar archivos
Imagen ya cargada:
Leyenda
Texto alternativo
Descripcin
Actualizar
Volver
Creando galeras
Galeras en entradas y pginas
Galeras (1/4)
Creacin de Nueva Galera:
1. Seleccin de archivos
2. Crear una nueva galera
Galeras (2/4)
Galeras (3/4)
Galeras (4/4)
Volver
Comentarios
Permitir Comentarios
Gestin de Comentarios
Comentarios (1/3)
1. Zona de edicin
2. Autor, IP, e-mail
del que comenta
Comentarios (2/3)
Comentarios (3/3)
Widgets
Gestin de Widgets
Ejemplos de Widgets estndar
1. Widgets instalados
2. Widgets activos
3. Widgets inactivos
1. Arrastrar y Soltar
Se puede reordenar su aparicin situndolo en la posicin deseada
Widget de Texto
Widget de Texto
Widget de Texto
CONFIGURACIN (BACK-END)
FRONT- END
Widget de Texto
CONFIGURACIN
1. Insertar el cdigo para embeber en tu
web suministrado por Youtube
FRONT END
Archivos
CONFIGURACIN
FRONT- END
1. Ttulo
2. Opciones de mostrado
3. Guardar y Cerrar
Buscar
CONFIGURACIN
1. Ttulo
2. Guardar
FRONT END
Buscar
Calendario
BACK END
FRONT END
1. Ttulo opcional
2. Navegacin a otros meses
3. Fechas en las que se han publicado entradas
Calendario
FRONT END
1. Entradas escritas el da 15
Calendario
1. Entradas escritas el da 18
FRONT END
Categoras
BACK END
FRONT END
Comentarios Recientes
FRONT END
BACK END
1. Ttulo (opcional).
2. N de comentarios a mostrar.
Entradas Recientes
BACK END
1. Ttulo (opcional).
2. N de entradas a mostrar
3. Mostrar fecha de la entrada
Men Personalizado
BACK END
1. Ttulo opcional.
2. Eleccin del men.
FRONT END
Meta
BACK END
FRONT END
1. Acceso al back-end del blog
2. Desconectar.
3. Para suscribirse al blog utilizando RSS (http://localhost/wordpress/?feed=rss2)
4. ltimos comentarios a todas las entradas en RSS
5. Acceso a la plataforma WordPress.org
Nube de etiquetas
Pginas
FRONT END
BACK END
Ordenar por:
Ttulo de la pgina
Orden de la pgina
RSS
RSS
Volver
Mens Personalizados
Gestin de Mens Personalizados
1. Aadiendo categora:
Seleccin de categora
Aadir al men
1. Categoras aadida.
2. Guardar men.
FRONT-END
Volver
Plugins
Qu Son
3. Descarga
Volver
Plugins
Gestin de plugins
Buscamos el plugin
1. Instalar ahora
Instalacin correcta
1. Activar plugin
2. Desactivar plugin
1. Nombre
1. Clic en el nombre
En local: copiar-pegar
En hosting: subirlo mediante FTP (FileZilla recomendado)
Desinstalar/Actualizar Plugins
espacio.
Porque no nos interesa.
Actualizar un plugin:
Porque van
instalado.
Desinstalar/Actualizar Plugins
Desinstalar:
Una
Desinstalar/Actualizar Plugins
Desinstalar/Actualizar Plugins
Desinstalar/Actualizar Plugins
Actualizar un plugin:
Desinstalar/Actualizar Plugins
1. Actualizaciones disponibles
2. Un plugin por actualizar
Desinstalar/Actualizar Plugins
1. Actualizar plugins
2. Informacin sobre el
plugin a actualizar
Desinstalar/Actualizar Plugins
Plugins
Ejemplos
Contact Form
Contact Form
Contact Form
Contact Form
Contact Form
1. Clic en Settings
1. Tipo de botn
2. Tamao
Seleccin de redes
Posicin de los botones
Seleccin de elementos del blog
Save Settings
Volver
FRONT END
2. Posibles enlaces a
nuestras redes
1. Feed de nuestro sitio (rellenado automticamente)
http://localhost/wordpress/?feed=rss2
Enlaces permanentes
1. Enlace permanente
1. Cambio a Da y nombre
2. Guardar cambios
Nueva URL.
1. Formato Da y Nombre