Fundamentos de Wordpress

Marketing Digital y Empresas 2.
Fundamentos de WordPress
Madrid, 7 de Julio de 2015
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?
Espacio personal de escritura en Internet:

El
autor publica artculos o noticias (posts).

Texto.
Imgenes.
Hipervnculos
Cmo se aaden los nuevos contenidos?

va
web desde el propio navegador.

sin necesidad de ningn otro programa auxiliar.
Ejemplo de Blog
Men
Ttulo
Ttulo/fecha/autor
Barra lateral
Comentarios
Estructura
Una entrada tpica
Por qu utilizar un Blog?
Para comunicar sobre un tema que nos interese.

Dinmico
Actualizacin
constante
Interactivo comentarios dilogo

Qu
quieren/necesitan los lectores

Los lectores pueden publicar sus opiniones
Los lectores proporcionan ideas para el contenido del blog
Ejemplo de Sitio Web

Pginas
tradicionales de un
sitio Web
Cara que se da al
mundo de una
empresa u
organizacin
Cmo diferenciar un Sitio Web de un Blog?
Sitio Web tradicional:
Un conjunto de pginas
estticas
Blog:
El contenido no cambia a
menudo (o casi nada)
Suele estar orientada ms a

ventas
Normalmente no ofrece
forma de interactuar con
los visitantes
Suele necesitar de un
diseador web incluso para
hacer pequeos cambios o
aadidos
Contenido fresco, cambios

constantes
Los artculos ms nuevos

aparecen en la parte alta de la
pgina
Permite compartir
conocimiento e ideas
Normalmente permite
comentarios a los artculos
para continuar la
conversacin
Permite aadir contenido
rpidamente
Sitios web y blogs ofrecen informacin

vlida y complementaria
No sera bueno una herramienta que

pueda combinar ambos, cada uno
con sus ventajas, en una solucin
nica?
Lo hace WordPress
WordPress.com (Hosting por Wordpress)
WordPress.org (Requiere de hosting)
Qu es WordPress?
WordPress es un gestor de contenidos (CMS).
Permite crear, mantener, gestionar y actualizar un sitio

web a travs de una interfaz de administracin, sin
conocimientos previos de programacin ni de diseo.
Excelente plataforma para crear todo tipo de sitios

web.
Por qu utilizar WordPress?
Rpida instalacin.
Curva aprendizaje rpida
Facilidad de uso.
Gratuito, licencia libre.
Mltiples configuraciones y
exportaciones.
Posee muy buenos sistemas de

posicionamiento.
Difusor de contenidos:
Distribucin / Sindicacin
Gran comunidad de usuarios y
desarrolladores.
CMS ms popular.
Y ms ventajas
Plugins: Miles de plugins disponibles (38,468 -22/06/2015)

Pequeas
mini-aplicaciones que automatizan una accin.
Vender desde tu sitio con plugins de wp-ecommerce

Conocer las estadsticas del sitio con plugins de Google Analytics
Mostrar los posts ms ledos con el plugin Popular Posts

Se pueden integrar fcilmente aplicaciones

Formulario creado con
Constant Contact
Personalizacin
Primer vistazo al back-end: wp admin y escritorio
Acceso
Escritorio
- Gestin del contenido
Escribir un artculo
- Editor Visual
Primer vistazo a la escritura de contenido
En la parte de administracin es donde se preparan las

pginas y artculos.
Administracin :Preparacin de pgina

(back-end)
Presentacin de pgina
(front-end)
2. Comenzando con WP
Cmo comenzamos?
Contenido
1. Introduccin.

WP.com/WP.org
Primer blog WP.com
Entorno de trabajo
Dos versiones de WordPress

Cmo conseguir un espacio en Internet y comenzar a
publicar tus noticias, artculos y reflexiones?
1. Alojamiento gratuito: Elegir un sistema de alojamiento
que ofrezca un espacio gratuito con un sistema de
publicacin ya preinstalado.
No necesita descargas,
WordPress.com
ni instalacin, ni
configuracin
2. Alojamiento de pago con dominio propio: Instalar y

configurar la herramienta en un servidor web.
WordPress.org + Hosting
WordPress.com / WordPress.org
WP. com
Servidor web gratuito (vers. bsica).

Fcil instalacin.
Actualizaciones automticas.
Temas y Plugins preseleccionados.
Gratis para blogs sencillos.
Versiones completas de pago.
WP. org
Descarga de WP.
Requiere un servidor.
Completamente libre.
Temas personalizados.
Plugins personalizados.
Cdigo editable.
Comenzar con wordpress.com

1. En WordPress.com clic en el botn de Crear sitio web.
Pasos para conseguir tu blog

1. Elegir nombre del dominio.
2. Creacin de cuenta :
- Aadir e-mail
- Elegir username
- Seleccionar password.
3. Seleccin del idioma en el que se va a escribir.
4. Activacin de cuenta (clic en botn activar- email)
5. Acceso al panel de administracin:
[tublog].wordpress.com / wp-admin
Back end del blog creado
http://es.wordpress.com/
3. Manejando WP
Qu se esconde en el back-end?
Contenido
1. Introduccin.
Temas o Plantillas
Creando contenido
Widgets/Plugins
Mens personalizados
3.1. Temas o Plantillas

Qu son los Temas?
Ejemplos
Instalacin y Personalizacin
Qu son los Temas?
Tema: Plantilla que utiliza WP para nuestro blog.
Temas o Plantillas
Cambio en un solo clic
Gratuitos / Pago
Importante
eleccin
http://wordpress.org/themes
Ejemplos de temas (1/5)
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
Tres formas de instalar un tema:

Descargar
el fichero *.zip e instalarlo desde el panel de

administracin.
Descargar y descomprimir el fichero *.zip en el directorio de
instalacin del servidor Wordpress.
Buscar el tema desde el panel de administracin: descarga e
instala el tema automticamente.
Instalando un tema paso a paso.

Anexo: Instalando un tema
Personalizando un Tema
Los ajustes bsicos de un tema: Apariencia >> Temas
Ejemplo: Instalar y Personalizar Twenty Ten

(*) http://localhost/wordpress/wp-admin/themes.php
Anexo: Personalizando un tema
3.2. Creacin de Contenidos

Categoras y Etiquetas
Entradas y Pginas
Categoras?
Crear contenido = Crear entradas

Con
texto, imgenes, vdeos,

Deben asignarse a categoras.
Categoras: para clasificar y organizar las entradas.

Una
entrada necesita depender de una Categora.

Si a una entrada no se le asigna ninguna Categora se guarda
en la categora por defecto.
Una entrada puede tener asignadas ms de una categora.
Categoras jerarquizadas. Una puede ser padre de otra.
Etiquetas?
Etiquetas: palabras clave que complementan a las

categoras para clasificar las entradas.
Nube de etiquetas
Etiquetas
Una entrada puede pertenecer a ms de una categora

Las etiquetas complementan las categoras
Plato
Categoras/subcategoras
Pescado
Carne
Dulce
Blanco
Azul
Postre
Especialidades
Salado
Etiquetas
Categoras/Etiquetas
Se pueden visualizar por medio de widgets:
Salsa
Creacin de Categoras y Etiquetas
Entradas >> Categoras
Entradas >> Etiquetas
http://localhost/wordpress/wp-admin/edit-tags.php?taxonomy=category
http://localhost/wordpress/wp-admin/edit-tags.php?taxonomy=post_tag
Anexo: Creacin de Categoras y Etiquetas
Entradas y Pginas (1/8)
Creacin de Contenido
ENTRADAS
PGINAS
En qu se diferencian?
Entradas:
Fecha
de publicacin
Autor
Categoras
Cada post puede clasificarse en una categora
Etiquetas/Tags
Opcionales
Cada
post puede clasificarse en una o varias categoras

Siguen una lnea temporal
Son presentados en orden cronolgico
Los ms recientes arriba

1. Fecha/ Autor
Podemos encontrar post de una misma categora:

Que
tengan una misma etiqueta

O que estn escritos por un mismo autor
Web Development

1. Acceso ordenado a todos los posts de la categora seleccionada:
Ordenacin de
etiquetas
Pginas:
No
son parte de la corriente cronolgica del blog.

Una especie de artculos permanentes.
En muchos casos se trata de informacin siempre aplicable.
Por ejemplo: Quines somos?, contacto, etc.
No estn relacionadas unas con otras.
No estn categorizadas o etiquetadas
Pueden
Anidar pginas bajo otras pginas (que una sea Padre de otra).
Las
estar jerarquizadas.
pginas las veremos individualmente:
Sin etiquetas ni ningn otro contenido que nos facilite acceder a

informacin relacionada
Podremos personalizar los mens de navegacin para

acceder a las distintas pginas en un orden u otro.
Podremos personalizar URLs a las pginas:
Facilitarn
la indexacin de buscadores
Cundo usaremos entonces post y cundo pginas?

Post :
Pginas:
Contenido
que sigue lnea

temporal.
Incluir informacin relacional
en cuanto a contenido
(categoras).
Aadir informacin ordenada.
Aadir informacin con fecha
de caducidad.
Contenido
esttico.
Su contenido no va a variar o
vara muy poco.
El
contenido de las distintas

pginas no estn relacionado
entre s.
Importante crear una buena estructura de entradas y pginas:

- blog est organizado.
- fcil navegar por l para encontrar informacin.
Creacin y Edicin de Entradas
1. Aadir ttulo, texto y/o objeto a la entrada

2. Asignarle categora/s
3. Asignarle etiqueta/s
4. Publicar
Creacin de una entrada paso a paso.

Anexo: Creacin de Entradas
Creacin y Edicin de Pginas
1. Aadir ttulo y cuerpo a la pgina

2. Publicar
Creacin de una pgina paso a paso.

Anexo: Creacin de Pginas
Ejemplo: Creacin de entradas, pginas, categoras, etiquetas.

(*) http://localhost/wordpress/wp-admin/edit.php?post_type=page
3.3. Medios
Biblioteca multimedia
Crear galeras
Qu es la Biblioteca Multimedia?
Almacn/gestin de los archivos multimedia.

Medios >> Biblioteca
Qu es la Biblioteca Multimedia?
Qu hacer en Biblioteca Multimedia?
Pasando el ratn por una imagen, video, etc:

Editar
/ Borrar /Ver
Subir un nuevo archivo multimedia
Subir nueva imagen o vdeo y crear entrada que la

contenga.
Anexo: Carga de ficheros multimedia
Galera?
Entrada que incorpora galera:
Podemos realizar la carga de

gran variedad de elementos multimedia
Creacin de Nueva Galera?

Edicin
de entrada o pgina: >> Aadir objeto
1. Seleccin de archivos
2. Crear una nueva galera
Creacin de Nueva Galera?
Creacin galera paso a paso:

Anexo: Creando galeras
Ejemplo: Crear una entrada o pgina que contenga

ficheros multimedia y/o galera.
(*) http://localhost/wordpress/wp-admin/post-new.php
3.4. Comentarios
Comentarios (1/2)
Para que los visitantes puedan comentar el contenido.

En la pantalla de edicin de una entrada:
Permitir
y/o Aadir comentarios
1. Acceso a editor de nuevo comentario
Comentarios (2/2)
Gestin de comentarios paso a paso:

Anexo: Gestin de Comentarios
Ejemplo: Permitir comentarios en una entrada,

aadir comentario, borrar/editar comentarios
(*) http://localhost/wordpress/wp-admin/edit.php?post_type=page
3.5 Widgets
Qu son?
Gestin
Ejemplos
Qu son los Widgets? (1/4)
Aaden contenido en las reas de widgets del tema
No necesitan modificar cdigo.
reas de widgets?
Barra lateral
Tres reas de widgets
Tres reas de widgets

WIDGETS
ESTNDAR
CREADOS POR
PLUGINS O TEMAS
Widgets por defecto en WordPress:

Buscar,
Calendario, Categoras
Comentarios recientes, Entradas recientes
Nube de etiquetas, RSS, Texto,
Gestin de Widgets
Apariencia >> Widgets
Configuracin de Widgets paso a paso:

Anexo: Gestin y Ejemplos de Widgets
Ejemplo: Diferenciar:
Widgets
instalados/ activos / inactivos.

Mostrar ejemplos de distintos Widgets.
(*) http://localhost/wordpress/wp-admin/widgets.php
3.6. Mens Personalizados

Qu son?
Creacin.
Usos.
Qu son los Mens Personalizados?
Son barras de men a nuestro gusto.

La mayora de temas los soportan.
2 mens
3 mens
Men por defecto: se crea automticamente
Los mens personalizados permiten:

Cambiar
el orden y los elementos del men.

Descartar determinadas pginas.
Anidar pginas: Crear submens.
Enlazar una categora determinada.
Enlazar pgina externas.
Mens personalizados paso a paso

Anexo: Gestin de Mens Personalizados
Ejemplo:
Aadir
enlace a pgina externa en el men.

Aadir pginas o categoras al men.
Crear submens.
(*) http://localhost/wordpress/wp-admin/nav-menus.php
3.7. Plugins
Qu son?
Gestin
Ejemplos
Qu son los Plugins?
Plugins:
Aplicaciones
que realizan usuarios de WordPress (.zip).

No son imprescindibles para que WordPress funcione.
Ayudan a aumentar su capacidad.
Instalar slo los plugins necesarios.
Pgina oficial de plugins:
38.527 plugins el 25-Junio-2015

http://wordpress.org/extend/plugins/
Anexo: Plugins en WordPress.org
Gestin de Plugins
Instalacin de plugins paso a paso:

Anexo: Gestin de Plugins
Ejemplo: Instalar, desinstalar, actualizar plugins

Contact
form, hupso
(*) http://localhost/wordpress/wp-admin/plugins.php
Ejemplos de plugins
Contact form 7: Creacin de formulario de contacto

Hupso Share Buttons for Twitter, Facebook &
Google+: Aade a las entradas botones para compartir
en redes sociales.
AddThis Follow: Genera el RSS del sitio y enlaces a
tus redes sociales (Follow Buttons by AddThis).
Category Specific RSS: Men RSS por categoras del
sitio.
WP Sticky: resaltar una entrada en lo ms alto del blog.
Top 10: mostrar las entradas ms vistas.
Subscribe to Comments: permite suscripcin de los
lectores que comentan en el blog
Otros plugins
Google (XML) SiteMaps: Genera un sitemap XML

para agregarlo en las herramientas webmaster de
google y asegurar una mejor indexacin de tu blog.
All in One SEO Pack: Para optimizar tu blog para los
buscadores, agrega palabras clave y te da todas las
opciones para describir tu sitio correctamente y
optimizarlo para los motores de bsqueda.
WordPress SEO by Yoast: obliga a elegir las palabras
clave al escribir un artculo, y luego se asegura de que
esas palabras clave aparezcan correctamente
posicionadas.
Anexo: Ejemplos de Plugins
Contenido
1. Introduccin.
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
esttico: pgina de informacin personal, de

contacto
Contenido dinmico: entradas del blog
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
Actualiza con frecuencia.

Anlisis:
De
soluciones, datos prcticos, etc.
la informacin
Conocimiento:
Escribe
sobre lo que conoces.
Enlaza a tus fuentes.
Anexos
Instalando un tema
Instalacin paso a paso
Instalacin de un tema (1/11)
Descargar el archivo .zip del tema, descomprimirlo y

subirlo al servidor.
http://wordpress.org/themes
Eleccin y descarga del tema:
Guardo el tema:
Lo descomprimo en la carpeta themes:
Activacin del tema en nuestro blog:

Apariencia >> Temas
Accedemos a una pantalla con todos los temas que hay

instalados en nuestro blog.
Desde Apariencia >> Temas se puede realizar la

instalacin de un tema de forma automtica:
Bsqueda por nombre
Bsqueda por caractersticas

Para subir el .zip
de un tema
Bsqueda por nombre

Bsqueda por caractersticas
Una vez ha encontrado el tema
Instalar ahora/ Vista previa/Detalles
Descarga e instalacin automtica del tema:
La activacin del tema descargado:

Apariencia >> Temas y seleccionar Activar
Volver
Personalizando un tema
Ajustes del tema
Personalizando un Tema (1/3)
Los ajustes bsicos de un tema: Apariencia >> Temas

Personalizando Twenty Ten:
Volver
Categoras y Etiquetas
Creacin
Creacin de Categoras y Etiquetas (1/5)
Entradas >> Categoras

1. Nombre
2. Slug
3. Para poder establecer
jerarquas en las categoras
4. Descripcin
5. Aadir nueva categora
Entradas >> Categoras: vemos la nueva Categora creada
Al pasar sobre el nombre de una categora:
Borrar categora: no borra las entradas que hay en ella.

Las
entradas que slo estn asignadas a esa categora se

asignarn a la categora Sin categora.
Entradas >> Etiquetas

Mismos campos que en la
creacin de categoras
Entradas >> Etiquetas: listado de etiquetas de nuestro blog
Volver
Entradas
Creacin
Creacin y Edicin de Entradas (1/14)
Aadir nueva entrada: Entradas >> Todas las entradas
Editor para aadir nueva entrada:
Distintas opciones habituales en muchos editores
Mejorando el editor de WordPress:

El editor TinyMCE:
Sencillo
de utilizar.
Instalar el plugin TinyMCE Advanced
https://wordpress.org/plugins/tinymce-advanced/
Barra de herramientas del editor TinyMCE
Aadiendo nueva entrada:
Aadir ttulo a la entrada
Texto de la entrada
Aadiendo nueva entrada:

1. Asignarle categora/s
2. Asignarle etiqueta/s
3. Publicar

Vista en el front-end de la entrada creada
Dando color al texto
Dando color al texto.
Aadir objeto:
Entrada modificada en el Front-end:
Otras opciones disponibles en la edicin de entradas:
Estndar muestra la entrada con todo el contenido tal y

como se ha mostrado en la diapositiva anterior.
Minientrada: slo muestra el contenido de la entrada,

sin ttulo
Galera:
Volver
Pginas
Creacin
Creacin y Edicin de Pginas (1/5)
Aadiendo nueva pgina.
Editor anlogo al de entradas
1. Aadir ttulo a la pgina

2. Cuerpo de la pgina
3. Publicar
Vista en el front end de la pgina creada

Jerarqua de pginas:
Establece la pgina Donde vivo

debajo de la pgina Quien soy
Volver
Biblioteca Multimedia
Carga y gestin de ficheros
multimedia
Biblioteca Multimedia (1/7)
Medio fcil y eficaz de gestionar cualquiera de los

archivos multimedia de nuestro blog.
Acceso a todos ficheros multimedia del sitio.

Adjuntar/Separar: incluir o quitar el fichero de entrada
o pgina.
Pasando el ratn por un archivo multimedia:

Editar
/ Borrar /Ver
Editar:
Cambiar
Ttulo, Descripcin, etc y clic en botn

Actualizar
Borrar permanentemente:
Elimina la imagen
Ver:
Muestra la imagen en el front-end del sitio.
Subir un nuevo fichero multimedia:
Seleccionar archivos
Imagen ya cargada:

1.
2.
3.
4.
Leyenda
Texto alternativo
Descripcin
Actualizar
Entrada que incorpora la imagen que acabamos de

cargar.
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)
Galera insertada en la entrada (back-end)
Galeras (4/4)
Galera en la entrada en el front-end.
Volver
Comentarios
Permitir Comentarios
Gestin de Comentarios
Comentarios (1/3)
1. Zona de edicin
2. Autor, IP, e-mail
del que comenta
Editor de nuevo comentario
Informacin disponible sobre el comentario aadido
Comentarios (2/3)
Entrada comentada en el front end
Comentarios (3/3)
Ventana para gestionar los comentarios
Rechazar / Responder /Edicin rpida / Editar / Eliminar

Volver
Widgets
Gestin de Widgets
Ejemplos de Widgets estndar
Gestin de Widgets (1/4)

Apariencia >> Widgets
1. Widgets instalados
2. Widgets activos
3. Widgets inactivos
1. Arrastrar y Soltar
Se puede reordenar su aparicin situndolo en la posicin deseada

1. Desplegar la configuracin
2. Configuracin del Widget
3. Guardar
4. Borrar
5. Vista del Calendario en el front-end
Widget de Texto
Uno de los ms utilizados.

Widget para aadir texto, vdeo, imgenes o cdigo
HTML arbitrario.
Widget de Texto
1. Clic en la flecha de la derecha.

2. Escribir ttulo del widget de texto (opcional).
3. Aadir texto, cdigo HTML, imagen en la caja.
4. Elegir la opcin Aadir prrafos automticamente
5. Clic en Guardar.
6. Clic en Cerrar
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
Un archivo mensual de las entradas de tu blog.
CONFIGURACIN
FRONT- END
1. Ttulo
2. Opciones de mostrado
3. Guardar y Cerrar
Buscar
Un formulario de bsqueda para tu sitio.
CONFIGURACIN
1. Ttulo
2. Guardar
FRONT END
Buscar
Ejemplo: Resultado de una bsqueda.
Pgina en la que se encuentra la

palabra buscada
Calendario
Un calendario de las entradas de tu sitio.
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
Una lista o desplegable de categoras.
BACK END
FRONT END
Tras la seleccin de la categora se mostrarn las entradas de

dicha categora.
Comentarios Recientes
Los comentarios ms recientes.
FRONT END
BACK END
1. Ttulo (opcional).
2. N de comentarios a mostrar.
Entradas Recientes
Las entradas ms recientes de tu sitio.
Entradas sin fecha
BACK END
1. Ttulo (opcional).
2. N de entradas a mostrar
3. Mostrar fecha de la entrada
Entradas con fecha

FRONT END
Men Personalizado
Usa este widget para aadir uno de tus mens de

navegacin como widget.
BACK END
1. Ttulo opcional.
2. Eleccin del men.
FRONT END
Meta
Inicio/Cierre de sesin, administracin, RSS y enlaces

de WordPress.
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
Etiquetas o categoras ms utilizadas en formato de nube.
Las etiquetas y categoras ms utilizadas aparecen de mayor tamao.
Pginas
Las Pginas de tu sitio de WordPress.
FRONT END
BACK END
Ordenar por:
Ttulo de la pgina
Orden de la pgina
RSS
Entradas desde cualquier feed RSS.
1. URL del feed RSS

2. Ttulo al feed.
3. Seleccin de los elementos a mostrar y del contenido mostrado
RSS
Ejemplo de feed RSS.
Volver
Mens Personalizados
Gestin de Mens Personalizados
Creacin de Mens Personalizados
Apariencia >> Mens
Apariencia >> Mens
1. Nombre del men.

2. Crear men.
1. Eleccin de las pginas del men.

2. Enlaces personalizados: aadir URLs al men.
3. Eleccin de categoras.
4. Donde aparecer el men. Seleccin entre los
distintos mens.
1. Aadiendo enlace personalizado:

URL
Etiqueta
Aadir al men
1. Enlace personalizado aadido

2. Guardar men.
Men en el FRONT END
1. Aadiendo categora:
Seleccin de categora
Aadir al men
1. Categoras aadida.
2. Guardar men.
FRONT-END
1. Acceso al buscador de google

2. Acceso a todas las entradas de
la categora pescado

Definir elementos del men como subelementos: arrastrar y soltar.

1. Aadir pginas al men
Volver
Plugins
Qu Son
Qu son los Plugins?
Qu son los Plugins?
Qu son los Plugins?
Qu son los Plugins?

Clicando sobre el nombre del plugin:
3. Descarga
Volver
Plugins
Gestin de plugins
Instalacin de Plugins (1)
Plugins >> Plugins instalados

.zip
Plugins >> Aadir nuevo
Buscamos el plugin
1. Instalar ahora
Instalacin correcta
1. Activar plugin
1. Plugin activado correctamente
2. Desactivar plugin
1. Nombre
Tambin se pueden instalar accediendo al sitio oficial:

http://wordpress.org/extend/plugins/
1. Clic en el nombre

1. Clic en download
2. Descarga .zip en el PC

1. Descomprimir el fichero .zip
2. En la carpeta wp-content/plugins copiar la carpeta
del plugin a instalar.
En local: copiar-pegar
En hosting: subirlo mediante FTP (FileZilla recomendado)

1. Plugin que acabamos de instalar
2. Activarlo
Desinstalar/Actualizar Plugins
Desinstalar un plugin: quitar un plugin de tu blog

WordPress.
Por ahorrar
espacio.
Porque no nos interesa.
Actualizar un plugin:
Porque van
instalado.
saliendo versiones nuevas de un plugin ya
Desinstalar:
En el panel de Plugins desactivar el que se quiere

desinstalar.
Una
vez desactivado Borrar.
Borrar elimina de la carpeta wp-content/plugins los

archivos del plugin que queremos eliminar.
1. Confirmacin del borrado
Una vez borrado el plugin ya no aparece en el panel de

administracin >> Plugins
Actualizar un plugin:
Buscar el archivo del plugin en su versin ms moderna y

descargarlo.
Desactivar el plugin antiguo que tenemos instalado.
Subir a la carpeta del plugin (wp-content>>plugin) los
archivos de la nueva versin, sobreescribiendo los existentes.
Activar el nuevo plugin desde el panel de administracin.
Veremos el plugin con su nueva versin.
Por motivos de seguridad es conveniente y muy

recomendable actualizar los plugins que tengamos
instalados en el blog.
1. Actualizaciones disponibles
2. Un plugin por actualizar
1. Actualizar plugins
2. Informacin sobre el
plugin a actualizar
1. Mensaje de actualizacin correcta

2. Versin actualizada
Volver
Plugins
Ejemplos
Contact Form
Creacin de Formulario de Contacto (Contact Form Plugin)
Contact Form
Una vez instalado el plugin:

1. Clic en Configuracin
Contact Form
1. Cdigo que tenemos que aadir

2. Editar: mltiples opciones de configuracin.
Contact Form
Aadir Contact Form a nuestro blog:
1. Ttulo de la nueva pgina

2. Escribir el cdigo
3. Publicar
Contact Form
Pgina de contacto en nuestro blog.
Hupso Share Buttons for Twitter, Facebook & Google+
Aade a las entradas del blog botones para compartir

en redes sociales.
Una vez instalado y activado el plugin:
1. Clic en Settings
1. Tipo de botn
2. Tamao

1.
2.
3.
4.
Seleccin de redes
Posicin de los botones
Seleccin de elementos del blog
Save Settings
1. Hupso Share Buttons
Vista en una entrada del sitio
Volver
Follow Buttons by AddThis
AddThis Follow Widget: para generar el RSS del sitio

que estamos creando y enlaces a tus redes sociales.
Ajustes >> AddThis Follow
FRONT END
2. Posibles enlaces a
nuestras redes
1. Feed de nuestro sitio (rellenado automticamente)
http://localhost/wordpress/?feed=rss2
Follow Buttons by AddThis
Informacin disponible en el feed de nuestro sitio

Volver
Enlaces permanentes
Ajustes Generales / Enlaces Permanentes
Los enlaces permanentes permiten modificar la

estructura de acceso (URLs) a nuestras entradas y
pginas.
Por ejemplo, si accedemos a una entrada de nuestro

blog:
1. N asociado a nuestra entrada.

2. URL que podemos modificar
Pgina de edicin de la entrada:
1. Enlace permanente
Cambio en enlaces permanentes.
1. Cambio a Da y nombre
2. Guardar cambios
Nueva URL.
1. Formato Da y Nombre

Fundamentos de Wordpress

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Fundamentos de Wordpress

Cargado por

Copyright:

Formatos disponibles

Marketing Digital y Empresas 2.

Madrid, 7 de Julio de 2015

Espacio personal de escritura en Internet:

autor publica artculos o noticias (posts).

Cmo se aaden los nuevos contenidos?

web desde el propio navegador.

Una entrada tpica

Por qu utilizar un Blog?

Para comunicar sobre un tema que nos interese.

Interactivo comentarios dilogo

quieren/necesitan los lectores

Ejemplo de Sitio Web

Cmo diferenciar un Sitio Web de un Blog?

Sitio Web tradicional:

Suele estar orientada ms a

Contenido fresco, cambios

Los artculos ms nuevos

Sitios web y blogs ofrecen informacin

No sera bueno una herramienta que

WordPress es un gestor de contenidos (CMS).

Permite crear, mantener, gestionar y actualizar un sitio

Excelente plataforma para crear todo tipo de sitios

Por qu utilizar WordPress?

Posee muy buenos sistemas de

Plugins: Miles de plugins disponibles (38,468 -22/06/2015)

mini-aplicaciones que automatizan una accin.

Vender desde tu sitio con plugins de wp-ecommerce

Se pueden integrar fcilmente aplicaciones

Primer vistazo al back-end: wp admin y escritorio

Primer vistazo a la escritura de contenido

En la parte de administracin es donde se preparan las

Administracin :Preparacin de pgina

2. Comenzando con WordPress.

Dos versiones de WordPress

2. Alojamiento de pago con dominio propio: Instalar y

Servidor web gratuito (vers. bsica).

Comenzar con wordpress.com

Pasos para conseguir tu blog

Back end del blog creado

3.1. Temas o Plantillas

Qu son los Temas?

Tema: Plantilla que utiliza WP para nuestro blog.

Cambio en un solo clic

Ejemplos de temas (1/5)

Ejemplos de temas (2/5)

Ejemplos de temas (3/5)

Ejemplos de temas (4/5)

Ejemplos de temas (5/5)

Tres formas de instalar un tema:

el fichero *.zip e instalarlo desde el panel de

Instalando un tema paso a paso.

Los ajustes bsicos de un tema: Apariencia >> Temas

Ejemplo: Instalar y Personalizar Twenty Ten

3.2. Creacin de Contenidos

Crear contenido = Crear entradas

texto, imgenes, vdeos,

Categoras: para clasificar y organizar las entradas.

entrada necesita depender de una Categora.

Etiquetas: palabras clave que complementan a las

Una entrada puede pertenecer a ms de una categora

Se pueden visualizar por medio de widgets:

Creacin de Categoras y Etiquetas

Entradas >> Categoras