Fundamentos de wordpress

Marketing Digital y Empresas 2.0

Fundamentos de WordPress

Madrid, 7 de Julio de 2015

Contenido 1. Introducción. 2. Comenzando con WordPress. 3. Manejando WordPress. 4. Primeros pasos.

1. Introducción ¿Algo por saber antes de comenzar a trabajar con WP?

Contenido 1. Introducción.  Blog / Sitio Web  ¿Qué es WP?  Ventajas y más…

¿Qué es un Blog? 

Sitio web: recopilación cronológica de mensajes  uno / varios autores  temática determinada  diario personal 

Servicios gratuitos:



herramientas sencillas blog en marcha en menos de cinco minutos  sin ningún conocimiento previo  

¿Qué es un Blog? 

Espacio personal de escritura en Internet: 

El autor publica artículos o noticias (posts).  Texto.  Imágenes. 



Hipervínculos…

¿Cómo se añaden los nuevos contenidos?  

vía web desde el propio navegador. sin necesidad de ningún otro programa auxiliar.

Ejemplo de Blog Menú Título

Título/fecha/autor

Barra lateral

Comentarios

Estructura

Una entrada tí ica

¿Por qué utilizar un Blog? 

Para comunicar sobre un tema que nos interese.  



Dinámico Actualización constante

Interactivo – comentarios – diálogo Qué quieren/necesitan los lectores Los lectores pueden publicar sus opiniones  Los lectores proporcionan ideas para el contenido del blog  

Ejemplo de Sitio Web Páginas tradicionales de un sitio Web

Cara que se da al mundo de una empresa u organización

¿Cómo diferenciar un Sitio Web de un Blog? 

Sitio Web tradicional: 

Un conjunto de páginas estáticas 



Blog: 

El contenido no cambia a menudo (o casi nada)

Suele estar orientada más a ventas  Normalmente no ofrece forma de interactuar con los visitantes  Suele necesitar de un diseñador web incluso para hacer pequeños cambios o añadidos

Contenido fresco, cambios constantes 



Los artículos más nuevos aparecen en la parte alta de la página

Permite compartir conocimiento e ideas  Normalmente permite comentarios a los artículos para continuar la conversación  Permite añadir contenido rápidamente 

Sitios web y blogs ofrecen información válida y complementaria

¿No sería bueno una herramienta que pueda combinar ambos, cada uno con sus ventajas, en una solución ú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 través de una interfaz de administración, sin conocimientos previos de programación ni de diseño. Excelente plataforma para crear todo tipo de sitios web.

¿Por qué utilizar WordPress?     

Rápida instalación. Curva aprendizaje rápida Facilidad de uso. Gratuito, licencia libre. Múltiples configuraciones y exportaciones.









Posee muy buenos sistemas de posicionamiento. Difusor de contenidos: Distribución / Sindicación Gran comunidad de usuarios y desarrolladores. CMS más popular.

Y más ventajas… 

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

Pequeñas mini-aplicaciones que automatizan una acción. Vender desde tu sitio con plugins de wp-ecommerce Conocer las estadísticas del sitio con plugins de Google Analytics  Mostrar los posts más leídos con el plugin Popular Posts  





……

Se pueden integrar fácilmente aplicaciones Formulario creado con Constant Contact



Personalización

Primer vistazo al back-end: wp admin y escritorio

Acceso Escritorio - Gestión del contenido

Escribir un artículo - Editor Visual

Primer vistazo a la escritura de contenido 

En la parte de administración es donde se preparan las páginas y artículos.

Administración :Preparación de página (back-end)

Presentación de página (front-end)

2. Comenzando con WP ¿Cómo comenzamos?

Contenido 1. Introducción. 2. Comenzando con WordPress.  WP.com/WP.org  Primer blog WP.com  Entorno de trabajo

Dos versiones de WordPress ¿Cómo conseguir un espacio en Internet y comenzar a publicar tus noticias, artículos y reflexiones? 1. Alojamiento gratuito: Elegir un sistema de alojamiento que ofrezca un espacio gratuito con un sistema de publicación ya preinstalado. No necesita descargas, WordPress.com

ni instalación, ni configuración

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. básica). Fácil instalación. Actualizaciones automáticas. 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. Código editable.

Comenzar con wordpress.com 1. En WordPress.com clic en el botón de Crear sitio web.

Pasos para conseguir tu blog 1. Elegir nombre del dominio. 2. Creación de cuenta : - Añadir e-mail - Elegir username - Seleccionar password. 3. Selección del idioma en el que se va a escribir. 4. Activación de cuenta (clic en botón activar- email) 5. Acceso al panel de administración: [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. Introducción. 2. Comenzando con WordPress. 3. Manejando WordPress.     

Temas o Plantillas Creando contenido Widgets/Plugins Menús personalizados …

3.1. Temas o Plantillas •

•

•

¿Qué son los Temas? Ejemplos Instalación y Personalización

¿Qué son los Temas? 

Tema: Plantilla que utiliza WP para nuestro blog. Temas o Plantillas

Cambio en un solo clic

Gratuitos / Pago

Importante elección

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 administración.  Descargar y descomprimir el fichero *.zip en el directorio de instalación del servidor Wordpress.  Buscar el tema desde el panel de administración: descarga e instala el tema automáticamente. 



Instalando un tema paso a paso. Anexo: Instalando un tema

Personalizando un Tema… 

Los ajustes básicos de un tema: Apariencia >> Temas



Ejemplo: Instalar y Personalizar Twenty Ten (*) http://localhost/wordpress/wp-admin/themes.php Anexo: Personalizando un tema

3.2. Creación de Contenidos •

•

Categorías y Etiquetas Entradas y Páginas

¿Categorías? 



Crear contenido = Crear entradas 

Con texto, imágenes, vídeos,…



Deben asignarse a categorías.

Categorías: para clasificar y organizar las entradas. 

Una entrada necesita “depender” de una Categoría.

Si a una entrada no se le asigna ninguna Categoría se guarda en la categoría por defecto.  Una entrada puede tener asignadas más de una categoría.  Categorías jerarquizadas. Una puede ser padre de otra. 

¿Etiquetas? 

Etiquetas: palabras clave que complementan a las categorías para clasificar las entradas.

Nube de etiquetas

Etiquetas  

Una entrada puede pertenecer a más de una categoría Las etiquetas complementan las categorías Plato

Categorías/subcategorías Pescado Carne Dulce

Blanco

Azul

Postre

Especialidades

Salado

Etiquetas

Categorías/Etiquetas 

Se pueden visualizar por medio de widgets:

Salsa

Creación de Categorías y Etiquetas

Entradas >> Categorías

Entradas >> Etiquetas

http://localhost/wordpress/wp-admin/edit-tags.php?taxonomy=category http://localhost/wordpress/wp-admin/edit-tags.php?taxonomy=post_tag Anexo: Creación de Categorías y Etiquetas

Entradas y Páginas (1/8) Creación de Contenido

ENTRADAS

PÁGINAS

¿En qué se diferencian?

Entradas y Páginas (2/8) 

Entradas: Fecha de publicación Autor  Categorías  





Cada post puede clasificarse en una categoría

Etiquetas/Tags 

Opcionales

Cada post puede clasificarse en una o varias categorías  Siguen una línea temporal 

Son presentados en orden cronológico  Los más recientes arriba 

Entradas y Páginas (3/8) 1. Fecha/ Autor


Podemos encontrar post de una misma categoría:  

Que tengan una misma etiqueta O que estén escritos por un mismo autor

Web Development

Entradas y Páginas (5/8) 1. Acceso ordenado a todos los posts de la categoría seleccionada:

Ordenación de etiquetas


Páginas: No son parte de la corriente cronológica del blog. Una especie de artículos permanentes.  En muchos casos se trata de información siempre aplicable. Por ejemplo: ¿Quiénes somos?, contacto, etc.  No están relacionadas unas con otras.  



No están categorizadas o etiquetadas



Pueden estar jerarquizadas.



Las páginas las veremos individualmente:





Anidar páginas bajo otras páginas (que una sea “Padre” de otra). Sin etiquetas ni ningún otro contenido que nos facilite acceder a información relacionada




Podremos personalizar los menús de navegación para acceder a las distintas páginas en un orden u otro. Podremos personalizar URL’s a las páginas: 

Facilitarán la indexación de buscadores


¿Cuándo usaremos entonces post y cuándo páginas? Post :  Páginas: 

Contenido que sigue línea

temporal. Incluir información relacional en cuanto a contenido (categorías).  Añadir información ordenada.  Añadir información con fecha de caducidad.



Contenido estático. 





Su contenido no va a variar o varía muy poco.

El contenido de las distintas páginas no están relacionado entre sí.

Importante crear una buena estructura de entradas y páginas: - blog esté organizado. - fácil navegar por él para encontrar información.

Creación y Edición de Entradas

1. Añadir título, texto y/o objeto a la entrada 2. Asignarle categoría/s 3. Asignarle etiqueta/s 4. Publicar 

Creación de una entrada paso a paso. Anexo: Creación de Entradas

Creación y Edición de Páginas

1. Añadir título y cuerpo a la página 2. Publicar 

Creación de una página paso a paso. Anexo: Creación de Páginas



Ejemplo: Creación de entradas, páginas, categorías, etiquetas. (*) http://localhost/wordpress/wp-admin/edit.php?post_type=page

3.3. Medios •

•

Biblioteca multimedia Crear galerías

¿Qué es la Biblioteca Multimedia? 

Almacén/gestión de los archivos multimedia. Medios >> Biblioteca

¿Qué es la Biblioteca Multimedia?

¿Qué hacer en Biblioteca Multimedia? 

Pasando el ratón por una imagen, video, etc: 





Editar / Borrar /Ver

Subir un nuevo archivo multimedia

Subir nueva imagen o vídeo y crear entrada que la contenga. Anexo: Carga de ficheros multimedia

¿Galería? 

Entrada que incorpora galería:

Podemos realizar la carga de gran variedad de elementos multimedia

¿Creación de Nueva Galería? 

Edición de entrada o página: >> Añadir objeto

1. Selección de archivos 2. Crear una nueva galería

¿Creación de Nueva Galería? 

Creación galería paso a paso: Anexo: Creando galerías



Ejemplo: Crear una entrada o página que contenga ficheros multimedia y/o galería. (*) 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 edición de una entrada: 

Permitir y/o Añadir comentarios

1. Acceso a editor de nuevo comentario

Comentarios (2/2)



Gestión de comentarios paso a paso: Anexo: Gestión de Comentarios



Ejemplo: Permitir comentarios en una entrada, añadir comentario, borrar/editar comentarios…

(*) http://localhost/wordpress/wp-admin/edit.php?post_type=page

3.5 Widgets •

•

•

¿Qué son? Gestión Ejemplos

¿Qué son los Widgets? (1/4) 

Añaden contenido en las áreas de widgets del tema 



No necesitan modificar código.

¿Áreas de widgets?

Barra lateral

Tres áreas de widgets

¿Qué son los Widgets? (2/4)

¿Qué son los Widgets? (3/4)

Tres áreas de widgets

¿Qué son los Widgets? (4/4) WIDGETS

ESTÁNDAR



CREADOS POR PLUGINS O TEMAS

Widgets por defecto en WordPress: Buscar, Calendario, Categorías  Comentarios recientes, Entradas recientes  Nube de etiquetas, RSS, Texto, 



…

Gestión de Widgets Apariencia >> Widgets



Configuración de Widgets paso a paso: Anexo: Gestión y Ejemplos de Widgets



Ejemplo: Diferenciar: Widgets instalados/ activos / inactivos.  Mostrar ejemplos de distintos Widgets. 

(*) http://localhost/wordpress/wp-admin/widgets.php

3.6. Menús Personalizados •

•

•

¿Qué son? Creación. Usos.

¿Qué son los Menús Personalizados?  

Son barras de menú a nuestro gusto. La mayoría de temas los soportan.

¿Qué son los Menús Personalizados?

2 menús

3 menús

¿Qué son los Menús Personalizados? 

Menú por defecto: se crea automáticamente



Los menúselpersonalizados permiten: orden y los elementos del menú.  Cambiar Descartar determinadas páginas. Anidar páginas: Crear submenús.  Enlazar una categoría determinada.  Enlazar página externas.  

¿Qué son los Menús Personalizados?



Menús personalizados paso a paso Anexo: Gestión de Menús Personalizados



Ejemplo:

Añadir enlace a página externa en el menú.  Añadir páginas o categorías al menú.  Crear submenús. (*) http://localhost/wordpress/wp-admin/nav-menus.php 

3.7. Plugins •

•

•

¿Qué son? Gestión 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 sólo los plugins necesarios.



Página oficial de plugins: 

38.527 plugins el 25-Junio-2015

http://wordpress.org/extend/plugins/ Anexo: Plugins en WordPress.org

Gestión de Plugins



Instalación de plugins paso a paso: Anexo: Gestión de Plugins



Ejemplo: Instalar, desinstalar, actualizar plugins 

Contact form, hupso

(*) http://localhost/wordpress/wp-admin/plugins.php

Ejemplos de plugins  





  

Contact form 7: Creación de formulario de contacto Hupso Share Buttons for Twitter, Facebook & Google+: Añade 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 categorías del sitio. WP Sticky: resaltar una entrada en lo más alto del blog. Top 10: mostrar las entradas más vistas. Subscribe to Comments: permite suscripción 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 indexación 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 búsqueda. WordPress SEO by Yoast: obliga a elegir las palabras clave al escribir un artículo, y luego se asegura de que esas palabras clave aparezcan correctamente posicionadas. Anexo: Ejemplos de Plugins

Contenido 1. Introducción. 2. Comenzando con WordPress. 3. Manejando WordPress. 4. Primeros pasos.  Planteando un blog  Primeras acciones

4. Primeros pasos ¿Planteamiento inicial?

Planteando un blog BLOG Temático

Personal

Objetivo y Título Qué contenido

Qué navegación

Estructura y Contenido Qué categorías Qué plugins

Qué plantilla Qué widgets

Tipo de Contenido 

Tipo de contenido 

Contenido estático: página de información personal, de contacto…

 

Contenido dinámico: entradas del blog

¿Consecuencias? Páginas estáticas:  No tiene sentido la fecha y el autor de la página  Normalmente se acceden a través de un menú  Entradas o Posts:  Se pueden acceder a través de listas o menús  Requieren fechas y posibilidad de comentarios 

Últimas consideraciones 

Utilidad: 

 

Brindar soluciones, datos prácticos, etc.

Actualiza con frecuencia. Análisis: 



Conocimiento: 



De la información Escribe sobre lo que conoces.

Enlaza a tus fuentes.

Anexos

Instalando un tema Instalación paso a paso

Instalación de un tema (1/11) 

Descargar el archivo .zip del tema, descomprimirlo y subirlo al servidor. http://wordpress.org/themes


Elección y descarga del tema:


Guardo el tema:



Lo descomprimo en la carpeta themes:


Activación del tema en nuestro blog: Apariencia >> Temas



Accedemos a una pantalla con todos los temas que hay instalados en nuestro blog.

Instalación de un tema (5/11)

Instalación de un tema (6/11)


Desde Apariencia >> Temas se puede realizar la instalación de un tema de forma automática: Búsqueda Búsqueda por por nombre características

Instalación de un tema (8/11) Para subir el .zip de un tema

Búsqueda por nombre Búsqueda por características


Una vez ha encontrado el tema


Instalar ahora/ Vista previa/Detalles


Descarga e instalación automática del tema:



La activación del tema descargado: Apariencia >> Temas y seleccionar Activar Volver

Personalizando un tema Ajustes del tema

Personalizando un Tema… (1/3)  

Los ajustes básicos de un tema: Apariencia >> Temas Personalizando Twenty Ten:

Personalizando un Tema …(2/3)

Personalizando un Tema …(3/3)

Volver

Categorías y Etiquetas Creación

Creación de Categorías y Etiquetas (1/5)

Entradas >> Categorías 1. Nombre 2. Slug 3. Para poder establecer jerarquías en las categorías 4. Descripción 5. Añadir nueva categoría


Entradas >> Categorías: vemos la nueva Categoría creada

Creación de Categorías y Etiquetas (3/5) 

Al pasar sobre el nombre de una categoría:



Borrar categoría: no borra las entradas que hay en ella. 

Las entradas que sólo estén asignadas a esa categoría se asignarán a la categoríaSin categoría.


Entradas >> Etiquetas Mismos campos que en la creación de categorías


Entradas >> Etiquetas: listado de etiquetas de nuestro blog Volver

Entradas Creación

Creación y Edición de Entradas (1/14) 

Añadir nueva entrada: Entradas >> Todas las entradas


Editor para añadir nueva entrada:

Creación y Edición de Entradas (3/14)

Distintas opciones habituales en muchos editores

Creación y Edición de Entradas (4/14)  

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


Añadiendo nueva entrada:

Añadir título a la entrada

Texto de la entrada


Añadiendo nueva entrada:

1. Asignarle categoría/s 2. Asignarle etiqueta/s 3. Publicar

Creación y Edición de Entradas (7/14) Vista en el front-end de la entrada creada


Dando color al texto

Dando color al texto.


Añadir objeto:

Creación y Edición de Entradas (10/14)


Entrada modificada en el Front-end:




Otras opciones disponibles en la edición de entradas:

Estándar muestra la entrada con todo el contenido tal y como se ha mostrado en la diapositiva anterior.


Minientrada: sólo muestra el contenido de la entrada, sin título


Galería:

Volver

Páginas Creación

Creación y Edición de Páginas (1/5) 

Añadiendo nueva página.

Editor análogo al de entradas

1. Añadir título a la página 2. Cuerpo de la página 3. Publicar

Creación y Edición de Páginas (2/5)

Vista en el front end de la página creada

Creación y Edición de Páginas (3/5) Jerarquía de páginas:

Establece la página “Donde vivo” debajo de la página “Quien soy”



Volver

Biblioteca Multimedia Carga y gestión de ficheros multimedia

Biblioteca Multimedia (1/7) 

 

Medio fácil 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 página.


Pasando el ratón por un archivo multimedia: 

Editar / Borrar /Ver

Editar:  Cambiar Título, Descripción, etc y clic en botón Actualizar  Borrar permanentemente:  Elimina la imagen  Ver:  Muestra la imagen en el front-end del sitio. 


Subir un nuevo fichero multimedia:

Biblioteca Multimedia (4/7)

Seleccionar archivos


Imagen ya cargada:

Biblioteca Multimedia (6/7) 1. 2. 3. 4.

Leyenda Texto alternativo Descripción Actualizar


Entrada que incorpora la imagen que acabamos de cargar.

Volver

Creando galerías Galerías en entradas y páginas

Galerías (1/4) Creación de Nueva Galería:

1. Selección de archivos 2. Crear una nueva galería

Galerías (2/4)

Galerías (3/4) 

Galería insertada en la entrada (back-end)

Galerías (4/4) 

Galería en la entrada en el front-end.

Volver

Comentarios Permitir Comentarios Gestión de Comentarios

Comentarios (1/3)

1. Zona de edición 2. Autor, e-mail del queIP,comenta

Editor de nuevo comentario

Información disponible sobre el comentario añadido

Comentarios (2/3)

Entrada comentada en el front end

Comentarios (3/3)

Ventana para gestionar los comentarios

Rechazar / Responder /Edición rápida / Editar / Eliminar Volver

Widgets Gestión de Widgets Ejemplos de Widgets estándar

Gestión de Widgets (1/4) Apariencia >> Widgets

1. Widgets instalados 2. Widgets activos 3. Widgets inactivos

Gestión de Widgets (2/4)

Gestión de Widgets (3/4)

1. Arrastrar y Soltar Se puede reordenar su aparición situándolo en la posición deseada

Gestión de Widgets (4/4) 1. Desplegar la configuración 2. Configuración del Widget 3. Guardar 4. Borrar 5. Vista del Calendario en el front-end

Widget de Texto  

Uno de los más utilizados. Widget para añadir texto, vídeo, imágenes o código HTML arbitrario.

Widget de Texto

1. Clic en la flecha de la derecha. 2. Escribir título del widget de texto (opcional). 3. Añadir texto, código HTML, imagen … en la caja. 4. Elegir la opción “Añadir párrafos automáticamente” 5. Clic en Guardar. 6. Clic en Cerrar

Widget de Texto

CONFIGURACIÓN (BACK-END)

FRONT- END

Widget de Texto

CONFIGURACIÓN 1. Insertar el código para embeber en tu web suministrado por Youtube

FRONT END

Archivos 

Un archivo mensual de las entradas de tu blog.

CONFIGURACIÓN 1. Título 2. Opciones de mostrado 3. Guardar y Cerrar

FRONT- END

Buscar 

Un formulario de búsqueda para tu sitio.

CONFIGURACIÓN 1. Título 2. Guardar

FRONT END

Buscar 

Ejemplo: Resultado de una búsqueda.

Página en la que se encuentra la palabra buscada

Calendario 

Un calendario de las entradas de tu sitio.

BACK END FRONT END 1. Título opcional 2. Navegación a otros meses 3. Fechas en las que se han publicado entradas

Calendario

FRONT END 1. Entradas escritas el día 15

Calendario

1. Entradas escritas el día 18

FRONT END

Categorías 

Una lista o desplegable de categorías.

BACK END FRONT END

Tras la selección de la categoría se mostrarán las entradas de dicha categoría.

Comentarios Recientes 

Los comentarios más recientes.

FRONT END BACK END

1. Título (opcional). 2. Nº de comentarios a mostrar.

Entradas Recientes 

Las entradas más recientes de tu sitio.

Entradas sin fecha

BACK END 1. Título (opcional). 2. Nº de entradas a mostrar 3. Mostrar fecha de la entrada

Entradas con fecha FRONT END

Menú Personalizado 

Usa este widget para añadir uno de tus menús de navegación como widget.

BACK END

1. Título opcional. 2. Elección del menú.

FRONT END

Meta 

Inicio/Cierre de sesión, administración, 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 categorías más utilizadas en formato de nube.

Las etiquetas y categorías más utilizadas aparecen de mayor tamaño.

Páginas 

Las Páginas de tu sitio de WordPress.

FRONT END BACK END Ordenar por: Título de la página Orden de la página

RSS 

Entradas desde cualquier feed RSS.

1. URL del feed RSS 2. Título al feed. 3. Selección de los elementos a mostrar y del contenido mostrado

RSS 

Ejemplo de feed RSS.

Volver

Menús Personalizados Gestión de Menús Personalizados

Creación de Menús Personalizados 

Apariencia >> Menús

Creación de Menús Personalizados 

Apariencia >> Menús

1. Nombre del menú. 2. Crear menú.

Creación de Menús Personalizados

1. Elección de las páginas del menú. 2. Enlaces personalizados: añadir URLs al menú. 3. Elección de categorías. 4. Donde aparecerá el menú. Selección entre los distintos menús.


1. Añadiendo enlace personalizado:  URL  Etiqueta  Añadir al menú


1. Enlace personalizado añadido 2. Guardar menú.


Menú en el FRONT END


1. Añadiendo categoría: Selección de categoría  Añadir al menú 


1. Categorías añadida. 2. Guardar menú.


FRONT-END

1. Acceso al buscador de google 2. Acceso a todas las entradas de la categoría pescado

Creación de Menús Personalizados Definir elementos del menú como subelementos: arrastrar y soltar.

Creación de Menús Personalizados 1. Añadir páginas al menú


Volver

Plugins Qué Son

¿Qué son los Plugins?



¿Qué son los Plugins? Clicando sobre el nombre del plugin:

3

Volver

Plugins Gestión de plugins

Instalación de Plugins (1)

Plugins >> Plugins instalados

Instalación de Plugins (1) .zip

Plugins >> Añadir nuevo


Buscamos el plugin


1. Instalar ahora


Instalación correcta


1. Activar plugin

Plugins >> Plugins instalados

Instalación de Plugins (1) 1. Plugin activado correctamente

2. Desactivar plugin


1. Nombre

También se pueden instalar accediendo al sitio oficial: http://wordpress.org/extend/plugins/


1. Clic en el nombre

Instalación de Plugins (2) 1. Clic en download 2. Descarga .zip en el PC

Instalación de Plugins (2) 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)

Instalación de Plugins (2) 1. Plugin que acabamos de instalar Plugins >> Plugins instalados 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 saliendo versiones nuevas de un plugin ya instalado.


Desinstalar: 

En el panel de Plugins “desactivar” el que se quiere desinstalar.



Una vez desactivado “Borrar”.


“Borrar” elimina de la carpeta wp-content/plugins

archivos del plugin que queremos eliminar.

1. Confirmación del borrado

los


Una vez borrado el plugin ya no aparece en el panel de administración >> Plugins


Actualizar un plugin: Buscar el archivo del plugin en su versión más moderna y descargarlo.  Desactivar el plugin antiguo que tenemos instalado.  Subir a la carpeta del plugin (wp-content>>plugin) los archivos de la nueva versión, sobreescribiendo los existentes. 

 

Activar el nuevo plugin desde el panel de administración. Veremos el plugin con su nueva versión.

 Por motivos de seguridad es conveniente y muy

recomendable actualizar los plugins que tengamos instalados en el blog.

Desinstalar/Actualizar Plugins 1. Actualizaciones disponibles 2. Un plugin por actualizar

Desinstalar/Actualizar Plugins

1. Actualizar plugins 2. Información sobre el plugin a actualizar

Desinstalar/Actualizar Plugins

1. Mensaje de actualización correcta 2. Versión actualizada Volver

Plugins Ejemplos

Contact Form

Creación de Formulario de Contacto (Contact Form Plugin)

Contact Form

Una vez instalado el plugin: 1. Clic en Configuración

Contact Form

1. Código que tenemos que añadir 2. Editar: múltiples opciones de configuración.

Contact Form 

Añadir Contact Form a nuestro blog:

1. Título de la nueva página 2. Escribir el código 3. Publicar

Contact Form

Página de contacto en nuestro blog.

Hupso Share Buttons for Twitter, Facebook & Google+ 



Añade a las entradas del blog botones para compartir en redes sociales.

Una vez instalado y activado el plugin:

1. Clic en Settings

Hupso Share Buttons for Twitter, Facebook & Google+

1. Tipo de botón 2. Tamaño

Hupso Share Buttons for Twitter, Facebook & Google+ 1. 2. 3. 4.

Selección de redes Posición de los botones Selección de elementos del blog Save Settings

Hupso Share Buttons for Twitter, Facebook & Google+

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 automáticamente) http://localhost/wordpress/?feed=rss2

Follow Buttons by AddThis

Información disponible en el feed de nuestro sitio Volver

Enlaces permanentes

Ajustes Generales / Enlaces Permanentes 

Los enlaces permanentes permiten modificar la estructura de acceso (URL’s) a nuestras entradas y páginas.


Por ejemplo, si accedemos a una entrada de nuestro blog:

1. Nº asociado a nuestra entrada. 2. URL que podemos modificar


Página de edición de la entrada:

1. Enlace permanente


Cambio en enlaces permanentes.

1. Cambio a Día y nombre 2. Guardar cambios


Nueva URL.

1. Formato Día y Nombre

Fundamentos de wordpress

Recommend Documents