@SmmUs Master en Marketing y Estrategia en Social Media 2014-2015 #SmmUsRede s #MasterSmmUs WordPress David Benavides Cuevas @davbencue Antonio Manuel

@S

mm

Us

Master en Marketing y Estrategia en Social Media2014-2015

#MasterSmmUs

WordPressDavid Benavides Cuevas

@davbencueAntonio Manuel Gutiérrez

Fernández@cephiro

10/02/2015

@S

mm

Us


#MasterSmmUs

• Introducción• CMS• WordPress• Roles y permisos• Plugins• Themes

@S

mm

Us


#MasterSmmUs

Introducción

El objetivo de esta sesión es instalar nuestra propia instancia de WordPress y aprender el manejo básico

para adaptarlo a nuestras necesidades

@S

mm

Us


#MasterSmmUs

• Introducción• CMS• WordPress• Roles y permisos• Plugins• Temas

@S

mm

Us


#MasterSmmUs

CMS• Sistemas de gestión de contenidos

(Content Management System)

Herramienta para la edición de contenidos digitales (normalmente páginas web) por parte los usuarios

@S

mm

Us


#MasterSmmUs

CMS (Características)

• Contenidos almacenados en base de datos• Gestión de contenidos• Asistencia para dar formato (gráficos, maque-

tación, …)• Soporte para diferentes roles (editor, adminis-

trador, lectores)• Posibilidades de extensión• Tanto de código abierto como propietario

@S

mm

Us


#MasterSmmUs

CMS (Usos)

• Blogs• Foros• Tiendas virtuales• Gestión del conocimiento• Redes sociales • E-learning• Intranets y webs corporativas

@S

mm

Us


#MasterSmmUs

CMS

@S

mm

Us


#MasterSmmUs

CMS (Ejemplos)

• BlogsWordpress

• ForosphpBB

• Tiendas virtualesPRESTASHOP

• Gestión del conoci-miento

MediaWiki• Redes sociales

phpDolphin

• E-learningMoodle

• IntranetsDrupal

@S

mm

Us


#MasterSmmUs


@S

mm

Us


#MasterSmmUs

WordPress (Introduc-ción)

• Publicación de entradas en orden crono-lógico inverso (Blog)

• Páginas estáticas no cronológicas• Especial atención en la estética y el di-

seño• Facilidad de uso• Extensible mediante plugins y plantillas• Las plantillas permiten separar conte-nido de formato

• Soporte de estándares web

@S

mm

Us


#MasterSmmUs

WordPress (Tecnología)

@S

mm

Us


#MasterSmmUs

WordPress

@S

mm

Us


#MasterSmmUs

WordPress (Alternati-vas)

Wordpress.com Wordpress.org

@S

mm

Us


#MasterSmmUs

WordPress (wordpress.-com)

Wordpress.com• Modelo Freemium• Administración limitada• Sin acceso a ficheros • Instalación sencilla• Usuarios compartidos entre diferentes blogs

@S

mm

Us


#MasterSmmUs

WordPress (wor-dpress.org)

• Necesidad de hosting propio• Acceso a los ficheros• Administración completa • Instalación un poco más compleja• Posibilidad de instalar cualquier plugin y plantilla

(OJO!!)

Muchos hostings ofrecen una instalación asistida,

pero con limitaciones

@S

mm

Us


#MasterSmmUs

WordPress (Instalación)

1. Registro hosting y dominio2. Configurar conexión FTP y MySQL3. Descargar WordPress http://es.wordpress.org

4. Descomprimir y Configurar wp-config.php5. Copiar ficheros en hosting mediante FTP

https://filezilla-project.org/6. Acceder a dominio

@S

mm

Us


#MasterSmmUs


• Requisitos: PHP y MySQL• Conexión FTP• Adaptar plan a necesidades del sitio:

Espacio de almacenamientoTransferencia de datosCuentas de correo electrónico

• Otros detallesPanel de controlNúmero de bases de datosServidores españoles o extranjeros

A la hora de elegir hosting

@S

mm

Us


#MasterSmmUs


Conexión FTP y MySQL• Crear usuario para subir archivos• Crear base de datos y usuario con todos los

permisos en esa base de datos

@S

mm

Us


#MasterSmmUs

WordPress (Instalación)• Mover wp-config-sample.php a wp-config.php• Editar wp-config.php con editor de textos

(Bloc de notas)

'DB_NAME', 'nombredetubasededatos‘'DB_USER', 'nombredeusuario‘'DB_PASSWORD', 'contraseña‘'DB_HOST', 'localhost‘

Si tienes varios wordpress en la misma bbdd:

$table_prefix = 'wp_';

@S

mm

Us


#MasterSmmUs


Configuración FileZilla

@S

mm

Us


#MasterSmmUs


Acceder en el navegador a: http://tudominio/wp-admin/install.-

php

@S

mm

Us


#MasterSmmUs

WordPress (Administración)

Acceder en el navegador a: http://tudominio/wp-admin

@S

mm

Us


#MasterSmmUs

WordPress (Administración)

• Activar Akismet (Gratuito para uso personal) para evitar SPAM

Obtener número de serie http://akismet.com/

• Activar URLs amigables

• Exportación e importación de entradas

http://akismet.com/

http://akismet.com/

http://akismet.com/

@S

mm

Us


#MasterSmmUs

WordPress (Redacción)

@S

mm

Us


#MasterSmmUs

WordPress (Redacción)

Consejos básicos de publicación• Mencionar las fuentes del contenido o imágenes

mediante enlaces• No utilizar mayúsculas (no “se grita” en el medio

escrito)• No enlazar imágenes que se alojen en un servidor

que no sea el nuestro (descargar y subir)• Debemos tener cuidado en NO cortar y pegar desde

Word. Es preferible cortar y pegar primero al “Blog de notas” para eliminar marcas de formato.

@S

mm

Us


#MasterSmmUs

• Introducción• CMS• WordPress• Roles y permisos• Plugins• Themes

@S

mm

Us


#MasterSmmUs

Roles y permisos• Super Admin: administración de red de blogs completa.

• Administrador: administración de un sitio en par-ticular.

• Editor: publicar y editar entradas, propias y de otros usuarios.

• Autor: publicar y editar sus propias entradas.• Colaborador: escribir y editar sus propias entra-

das, pero no publicarlas.• Subscriptor: solamente puede editar su perfil, es-

cribir comentarios, y leer entradas.

• http://codex.wordpress.org/es:Roles_y_Capacidades

@S

mm

Us


#MasterSmmUs


@S

mm

Us


#MasterSmmUs

Plugins

• Integración con Redes socialesJetpack

• EstadísticasGoogle Analytics

• SEOYoast

• BackupBackWPup

• SeguridadBetter WP Security

http://jetpack.me/

https://wordpress.org/plugins/google-analytics-for-wordpress/

https://yoast.com/wordpress/plugins/seo/

https://wordpress.org/plugins/backwpup/

https://wordpress.org/plugins/better-wp-security/

@S

mm

Us


#MasterSmmUs

Consejos

Antes de instalar un plugin:• Comprobar impacto en la comunidad (pun-

tuación, fecha, número de usuarios)• Comprobar compatibilidad de versión• Comprobar tipo de licencia (gratuita/

pago/mixta)

Comprobar periódicamente:• Mantener actualizados los plugins y la ver-

sión de WordPress• Deshabilitar o desinstalar los plugins que

NO se usen o NO estén actualizados

@S

mm

Us


#MasterSmmUs

Plugins

• JetpackFormulario de contactoPublicación automática en redesBotones compartir en redesFórmulas matemáticas LatexShortcodes para videos, slidershare, ma-

pas, etc.Aviso de página caídaBoletines de noticias con Mailchimp (servi-

cio externo)Caché de imágenesCSS Personalizado

@S

mm

Us


#MasterSmmUs

Plugins• Personalizar nuestro sitio en función del target.

Ejemplos:Portal institucional:

http://institucional.us.es/usemprendePartido politico:

http://podemos.infoAsociación de juegos:

http://asjm.esPortal Enlaces a compras:

http://regalosfrikis.comPágina personal:

http://www.chocolatisimo.esPortal de investigación:

http://www.isa.us.es/ppinot/

http://institucional.us.es/usemprende



http://podemos.info/

http://asjm.es/

http://regalosfrikis.com/

http://www.chocolatisimo.es/




@S

mm

Us


#MasterSmmUs

Otros plugins

Redes sociales:Buddypress

Caché (rendimiento con Google Chrome)W3 Total Cache

Tienda onlineWoo Commerce

Calendario de eventosAll in one calendar event

Administrar WordpressInfinite WP (integración servicio externo)

http://wordpress.org/plugins/buddypress/

https://wordpress.org/plugins/w3-total-cache/

http://www.woothemes.com/woocommerce/

http://www.woothemes.com/woocommerce/

http://wordpress.org/plugins/all-in-one-event-calendar/





http://infinitewp.com/

http://infinitewp.com/

@S

mm

Us


#MasterSmmUs


@S

mm

Us


#MasterSmmUs

Temas

• Definen elementos de maquetación y estilo• Se instalan como los plugins y deben seguirse los

mismos criterios de instalación de cara al man-tenimiento (popularidad, licencia, etc)

• Hay que tener en cuenta su uso para la personal-ización (en este caso un tema muy popular y gra-tuito no es lo óptimo)

• Importancia del diseño (gráficos, iconos, psd, etc)• Dan soporte a widgets y plugins

@S

mm

Us


#MasterSmmUs

Temas

• Gratuitoshttps://wordpress.org/themes/

• Premiumhttp://

themeforest.net/category/wordpresshttp://www.elegantthemes.com/http://themify.me/

https://wordpress.org/themes/



http://themeforest.net/category/wordpress

http://themeforest.net/category/wordpress

http://www.elegantthemes.com/



http://themify.me/

http://themify.me/

http://themify.me/

@S

mm

Us


#MasterSmmUs

Temas

Modificar un Tema

• Editar CSS adicional (con Jetpack activado)• Editor CSS y HTML del tema• Editor de funciones PHP de WordPress• Creación de un tema desde cero

Tutorial• Creación de un tema hijo

Tutorial

http://www.tutosytips.com/creacion-de-un-theme-para-wordpress-desde-0/

http://elblogdejfinfo.net/como-crear-un-tema-hijo-en-wordpress/

@S

mm

Us


#MasterSmmUs

Otros Recursos

• FotografíaShutter StockiStockPhotoFlickrGetty Images• Integración serviciosIFTTT

http://www.shutterstock.com/es/

http://www.shutterstock.com/es/

http://espanol.istockphoto.com/

https://www.flickr.com/

http://www.gettyimages.es/



https://ifttt.com/

@S

mm

Us


#MasterSmmUs

Otros Consejos

• Dedica tu tiempo a escribe contenido de calidad. • Publica frecuentemente. • Piensa en tu audiencia. Deberás centrarte en una

temática para 'crear una marca‘ (categorías).• Da de alta tu blog en buscadores y directorios de

blogs. • Enlaza a otros blogs.

@S

mm

Us


#MasterSmmUs

¡Gracias!

@S

mm

Us


#MasterSmmUs

Referencias

• Herramienta Wordpresshttps://es.wordpress.org/

• Plugins y Temashttps://wordpress.org/themes/ https://wordpress.org/plugins/

• Diferencias Wordpress.com y Wordpress.orghttp://

probandomundo.com/2014/04/14/diferencias-blog-wordpress-com-org• Tutorial de Configuración de Wordpress (in-

glés)https://www.siteground.com/tutorials/wor-

dpress/

https://es.wordpress.org/






https://wordpress.org/plugins/



http://probandomundo.com/2014/04/14/diferencias-blog-wordpress-com-org




Documents

@SmmUs Master en Marketing y Estrategia en Social Media 2014-2015 #SmmUsRede s #MasterSmmUs WordPress David Benavides Cuevas @davbencue Antonio Manuel