Carmen Jarque Formaci贸 3.0
WORDPRESS.COM Creaci贸n y desarrollo de un blog con Wordpress.com
Ajuntament Montgat
Contenido 1. Qué es WordPress.com y en qué se diferencia de WordPress.org ............................................ 6 2. Algunas ventajas de WordPress ..................................................................................................................... 6 3. Creando un Blog ...................................................................................................................................................... 7 Paso 1. Configurar tu blog .................................................................................................................................. 8 Paso 2. Escoge un tema....................................................................................................................................... 9 Paso 3. Personalizar tema .................................................................................................................................. 9 4. Trabajando con nuestro Back End .............................................................................................................. 13 5. Escritorio ..................................................................................................................................................................... 14 Inicio .............................................................................................................................................................................. 14 Estadísticas del sitio .............................................................................................................................................. 15 Mis blogs ..................................................................................................................................................................... 15 6. Tienda........................................................................................................................................................................... 15 7. Entradas ...................................................................................................................................................................... 16 Todas las entradas ............................................................................................................................................... 16 Añadir nueva ............................................................................................................................................................ 16 Categorías ................................................................................................................................................................. 17 Etiquetas ..................................................................................................................................................................... 18 Copia un artículo ................................................................................................................................................... 18 8. Medios .......................................................................................................................................................................... 19 Biblioteca .................................................................................................................................................................... 19 Añadir nuevo............................................................................................................................................................ 19 Editar medios ...................................................................................................................................................... 19 9. Enlaces......................................................................................................................................................................... 20 Todos los enlaces ................................................................................................................................................. 20 Añadir nuevo........................................................................................................................................................... 20 10. Páginas ...................................................................................................................................................................... 22 Atributos de página ....................................................................................................................................... 23 11. Carpeta ..................................................................................................................................................................... 24 12. Comentarios .......................................................................................................................................................... 24 13. Sugerencias............................................................................................................................................................. 24 14. Apariencia ............................................................................................................................................................... 25 Temas.......................................................................................................................................................................... 25 Personalizar .............................................................................................................................................................. 26
Widgets ...................................................................................................................................................................... 26 Menús .......................................................................................................................................................................... 27 Fondo........................................................................................................................................................................... 28 Diseño personalizado ......................................................................................................................................... 29 Móvil ............................................................................................................................................................................. 29 15. Usuarios.................................................................................................................................................................... 30 Mi perfil ....................................................................................................................................................................... 30 Configuración Personal ...................................................................................................................................... 31 16. Herramientas......................................................................................................................................................... 32 17. Configuración básica......................................................................................................................................... 32 General ....................................................................................................................................................................... 32 Escritura...................................................................................................................................................................... 32 Lectura ........................................................................................................................................................................ 33 Comentarios ............................................................................................................................................................ 33 Medios ......................................................................................................................................................................... 33 Compartir ................................................................................................................................................................. 33 5. Herramientas para crear nuestras entradas ......................................................................................... 34 El Título....................................................................................................................................................................... 34 El Contenido ............................................................................................................................................................ 34 La herramienta “Cita” o “Blockquote”............................................................................................... 35 Herramienta para añadir hipervínculo ............................................................................................... 35 Alineación de texto y aumento de sangría ...................................................................................... 35 Insertar imagen ................................................................................................................................................ 35 Herramienta “Leer Más” ............................................................................................................................ 38 Listas numeradas y no numeradas ....................................................................................................... 38 Formulario de Contacto ............................................................................................................................. 38 Insertar un tweet ............................................................................................................................................. 39 Crear una galería............................................................................................................................................ 39 Insertar un vídeo de Youtube .................................................................................................................. 40 Insertar audio desde Soundcloud o Bandcamp ............................................................................. 40 Insertar encuesta ............................................................................................................................................. 40 Insertar Presentaciones ..................................................................................................................................... 42 Editar la URL de nuestro post o página .................................................................................................. 42 Sección Formato ................................................................................................................................................... 42
Sección Categorías .............................................................................................................................................. 43 Sección Etiquetas .................................................................................................................................................. 43 Sección Imagen destacada.............................................................................................................................. 43 Copiar artículo y pedir feedback ................................................................................................................. 43 Sección Publicar ..................................................................................................................................................... 44 Despublicar una entrada ............................................................................................................................ 44 Publicitar en nuestras redes sociales .................................................................................................... 44 Opciones de pantalla ......................................................................................................................................... 44 Trackbacks y pingbacks..................................................................................................................................... 45
Manual Wordpress.com 2014
1. Qué es WordPress.com y en qué se diferencia de WordPress.org WordPress.org se refiere al gestor de contenidos más utilizado en el mundo, en el que podemos descargar gratuitamente e instalar en nuestro propio servidor. WordPress.com es un sistema desarrollado por la misma empresa, Automattic , que nos permite, usando sus servidores y el mismo software libre (con algunas limitaciones), tener nuestro propio blog o web de manera rápida y gratuita. En la versión “punto com” no nos tendremos que preocupar por las bases de datos, el backup, ni la seguridad, ya que corre por cuenta de ellos. En el “punto org” estas tareas recaen sobre el propio usuario y sobre su proveedor de hosting. En este artículo vamos a ver todas las funciones de la versión punto com, más accesible para todo el mundo. La mayoría de ellas funcionan igual en la versión punto com.
2. Algunas ventajas de WordPress Las ventajas más destacables son la rapidez en la instalación de WordPress, su facilidad de uso, su potencia y escalabilidad. Podrás crear desde un sencillo blog hasta una completa tienda online o un aula virtual. Aunque requiere cierto proceso de aprendizaje, una vez entendido el funcionamiento del sistema, su uso es rápido, intuitivo y similar para todos los sitios que manejes.
6
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 3. Creando un Blog Lo primero que haremos es ir a la página wordpress.com y nos aparecerá la siguiente ventana:
Escribimos el nombre que queremos utilizar como subdominio de nuestro blog. Debemos tener en cuenta que éste no se puede modificar. Después de especificar un nombre, hacemos clic en el botón Crear sitio web y nos aparecerá la siguiente ventana:
Deberemos rellenar todos los campos que nos pide y bajaremos con la rueda hasta el final donde veremos las diferentes modalidades que nos ofrece Wordpress.com
7
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014
Para empezar utilizaremos Wordpress.com Principiante. Las otras dos modalidades (Premium y Business) se asemejan más a un site más profesional del estilo a wordprerss.org, por lo que, puestos a escoger, es preferible utilizar este último dadas las inmensas posibilidades que tiene. Una vez decididos por wordpress.com Principiante hacemos clic al botón Crear Blog.
Paso 1. Configurar tu blog Nos pide es un título y un lema (descripción) para el blog. Escribiremos bien el título de nuestro blog y nos esforzaremos por escribir un buen eslogan, puesto que es importante tanto para el posicionamiento como para que los visitantes sepan de qué va nuestro blog. También podemos configurar un idioma para nuestro blog. Hacemos clic en Paso siguiente
8
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 Paso 2. Escoge un tema En este paso podremos escoger un tema de los que nos ofrecen para poder personalizar al máximo nuestro blog. Hay que fijarse que algunos temas son de pago y otros no. Para empezar siempre es recomendable empezar con temas gratuitos para hacer pruebas y demás… Cuando nos guste un tema hacemos clic en él y nos aparecerá la siguiente página.
Paso 3. Personalizar tema En este punto tenemos la opción de configurar nuestro tema elegido haciendo clic en el botón ¡Personalízalo! Si no nos convence el tema escogido, hacemos clic en la opción Volver al paso anterior y elegimos otro tema haciendo clic en él. Si no queremos configurar el tema en este momento hacemos clic en Paso siguiente . Siempre se puede modificar el tema elegido y su configuración.
Paso 4. Compartir tus entradas en el blog con la familia, amigos o seguidores. En el cuarto paso nos da la opción de conectar nuestro blog a Twitter y/o Facebook para compartir las entradas en estas redes sociales. En el caso del ejemplo estaríamos preparando nuestro blog para conectarlo con Facebook. Una vez hayamos acabado la conexión, haríamos clic a Paso
siguiente
9
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 Ya hemos acabado la configuración de nuestro blog. Ahora nos aparecerá una ventana desde la que podremos editar nuestra primera entrada, y dónde nos avisa que debemos comprobar nuestra dirección de correo electrónico para confirmar el alta, sino NO podremos publicar ninguna entrada hasta realizar este proceso de verificación.
En este punto accederemos a nuestro correo, buscaremos el mail de Wordpress, haremos clic en el botón Confirmar correo electrónico
Nos aparece la siguiente ventana dónde veremos nuestro perfil público en wordpress, nuestro Gravatar y todos los blogs que tenemos creados.
10
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014
En este punto hacemos tenemos varias opciones: Si hacemos clic en la rueda dentada (Configuraci贸n) y seleccionamos la opci贸n Ir al escritorio de administraci贸n iremos al Back End de nuestro Blog.
Si hacemos clic directamente al nombre del Blog o a la imagen del blog nos iremos directamente al Front End del Blog
11
Carmen Jarque | Formaci贸 3.0
Manual Wordpress.com 2014
Si hacemos clic en el botón Personalizar aparecerá la siguiente ventana de Configuración del tema.
Desde esta ventana podremos modificar algunas partes de nuestro tema y podremos verificar si es Responsive (adaptativo), es decir, si se adapta a los diferentes dispositivos desde los que se puede visualizar el blog. Para eso veremos de qué manera se ve el Blog desde los siguientes botones:
12
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 4. Trabajando con nuestro Back End Lo que más nos interesa en un principio es aprender a gestionar nuestro Back End o panel de administración y conocer todas las herramientas que se encuentran en él. En la parte superior se encuentra el nombre de nuestro blog desde el que podemos cambiar las vistas del Front End y el Back End. También podremos consultar las estadísticas, los comentarios, etc … Tenemos un acceso directo para añadir Entradas, Páginas y Objetos.
13
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 5. Escritorio
Si hacemos clic en el menú Escritorio vemos las opciones debajo. Si apuntamos con el ratón encima del menú escritorio vemos todas las opciones a su derecha.
Inicio En la primera pantalla de Inicio de nuestro Escritorio tenemos los siguientes apartados que además son configurables.
14
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 Estadísticas del sitio Una de las cosas que más se echa en falta en WordPress.com es Google Analytics. No obstante, podemos hacernos una buena idea del tráfico de nuestro sitio con las que vienen implementadas. Desde dónde nos llegan las visitas, por medio de qué palabras clave, que entradas o páginas son las más vistas… Ahí tenemos unas cuantas claves que nos van a servir para saber qué funciona mejor y que contenidos nos están ayudando a tener más visibilidad.
Mis blogs Es una opción que está bastante escondida y tiene una función bastante importante: cambiar la URL de tu blog. Resulta que te has equivocado y quieres modificar “miblog.wordpress.com” por “migranblog.wordpress.com”. ¿Dónde lo hago? Pues en el apartado de “Mis blogs”, dentro de la sección de “Escritorio”. Ahí podrás cambiar la dirección y también transferir el blog a otro propietario.
6. Tienda Desde aquí podremos gestionar nuestros dominios, nuestra cuenta, los temas de pago, y el historial de facturación.
Como he comentado antes, hablando de la personalización y las plantillas, WordPress.com ofrece ciertos servicios y mejoras. Algunos son muy recomendables, como la compra de tu propio dominio. El precio es algo superior que en los registradores habituales, pero no es mucho y lo ponen muy fácil. También puedes redirigir un dominio que tengas a través de otro registrador. También nos ofrecen la opción de redirigir nuestro blog a otro sitio web, muy útil durante una temporada cuando cambies al punto org, por ejemplo. Además de esto, ofrecen todo tipo de mejoras para tu blog.
15
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 7. Entradas Este es quizá el apartado más importante de nuestro blog. Es desde aquí desde dónde crearemos el contenido de nuestro Blog, y desde dónde captaremos la atención de los usuarios con nuestras publicaciones.
Tenemos diferentes apartados.
Todas las entradas Veremos una lista de todas las entradas que tenemos publicadas en nuestro blog.
Añadir nueva Si queremos crear una nueva entrada hacemos clic en el botón Añadir nueva y nos aparecerá la siguiente pantalla:
16
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014
Categorías Si queremos crear una nueva Categoría o editar las que ya tenemos seleccionaremos la opción Categorías.
Para empezar escribiremos el nombre de la categoría en la primera caja de texto. Definiremos si es una subcategoría de otra ya creada, o bien es una categoría padre desde el apartado Parent. Ejemplo: pantalón corto puede ser una subcategoría de pantalones. Escribiremos una descripción de esa categoría Hacemos clic al botón AÑADIR NUEVA CATEGORÍA Si ya tenemos una categoría creada y queremos realizar alguna modificación hacemos clic encima de la categoría de la lista que aparece en la derecha.
17
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 Fíjate en el apartado slug de cada categoría. (WP .com lo crea automáticamente, mientras que en WP .org se puede editar). Ese slug es el que formará parte de la url que nos ayudará a posicionar esa categoría de nuestro blog. Las categorías van a definir el conjunto de temáticas que tratamos en nuestro blog. Bien usadas, ayudarán mucho para que nuestros lectores se orienten bien y encuentren rápida y fácilmente el contenido que les interesa. Procura no crear muchas, deberían ser suficientes 5 o 6. Puedes crearlas tanto desde este apartado como desde cada post, en la casilla de asignar categoría. Aunque es mejor hacerlo desde aquí, puesto que tienes más opciones de configuración.
Etiquetas Si lo queremos es gestionar o crear una nueva Etiqueta, seleccionaremos la opción Etiquetas. De la misma manera que las categorías definen la temática del blog, las etiquetas se van a referir específicamente a cada post. Deberían ser las palabras clave más relevantes de nuestro artículo. No te cortes con su uso, elije bien 4 o 5 por cada post. Igual que con las categorías, las puedes crear desde su apartado o desde tu nueva entrada.
Copia un artículo Si queremos duplicar una entrada hacemos clic en la opción Copia un artículo.
18
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 8. Medios En el apartado de medios encontrarás todos los archivos que subas a tu blog, ya sean imágenes, pdfs, audios, vídeos…
Biblioteca Desde ésta opción verás un listado de todos los elementos, es interesante porque podemos ver qué imágenes estamos usando y cuáles no, con lo que la tarea de limpiar periódicamente nuestro WordPress (recuerda que en la versión gratuita tienes un límite de 3 gB) se hace más sencilla. Ten cuidado porque las imágenes asignadas a widgets y ubicaciones especiales no vienen reflejadas, o sea que podrías llegar a borrar alguna imagen que sí estás usando porque no te lo indica, sólo indica las asignadas a páginas o posts.
Añadir nuevo Desde esta opción podrás incluir más material multimedia a tu biblioteca. Lo veremos con detenimiento en el apartado Herramientas para crear nuestras entradas.
Editar medios Si queremos editar los datos de un archivo ya subido, podemos acceder a él desde el listado de medios, haciendo clic en el medio que queramos. En esta ventana corregimos el título del archivo, el texto alternativo, la descripción y la leyenda que nos aparecen en el lado derecho dela ventana. Es el mejor sitio para copiar la URL de dicho archivo, el enlace a dicho elemento.
19
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 9. Enlaces Este apartado es importante tenerlo en cuenta. Úsalo para promocionar blogs, webs y sitios de interés a través de tu página. Eso hará que otro también te tengan en cuenta para añadir en sus webs o blogs un enlace al tuyo, cosa que ayudará a tu posicionamiento.
Todos los enlaces Desde esta opción, veremos los que ya tenemos creados directamente por Wp o por nuestro tema.
Añadir nuevo Podemos añadir un nuevo enlace desde su opción y veremos esta ventana
20
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014
Una vez que rellenes los campos necesarios (acuérdate de asignar Categorías de los enlaces para tenerlos organizados) podrás mostrarlos en tu barra lateral o pie mediante un widget llamado blogroll. También es totalmente recomendable que los enlaces se abran en una pestaña o ventana nueva: en destino selecciona “_blank”.
21
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 10. Páginas Las páginas se usan habitualmente para mostrar contenido estático, son fundamentales para montar sitios con estructura de página web. A diferencia del blog, no se actualizan automáticamente cada vez que publicas.
El ejemplo más claro es la página “Sobre mí”, donde el autor de un blog puede aprovechar para contar alguna información personal que vaya a estar fija durante una temporada, otro ejemplo muy claro es la página de “Productos y Servicios” que puede tener cualquier empresa. Desde la opción Todas las páginas veremos un listado de todas las páginas que tenemos en nuestra web o blog.
Desde Añadir nueva, podremos crear una nueva página donde pueda ir, por ejemplo, un formulario de contacto. Su creación es más o menos similar a la de un post, así que recuerda alinear correctamente las imágenes y el texto. Es un buen sitio para incluir algún tweet o vídeo relevante que queramos promocionar. Las páginas, para que sean accesibles desde el menú de navegación de nuestra web, tienen que ser asignadas desde el apartado de MENÚS , en Apariencia, lo veremos más abajo.
22
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014
Como ves, la ventana es similar a la creación de una entrada. Aunque hay dos sección es en el lado derecho nuevas.
Atributos de página Aquí escogemos si es una página principal o es una subpágina de otra ya existente. Imagina un página de Todos nuestros productos y una subpágina de un Producto específico. También está la sección Plantilla, que dependerá de cada tema escogido, pero básicamente podemos decidir qué tipo de página es, la que estamos creando. Si queremos que sea a pantalla completa (Full Width) o con una barra lateral (Side Bar), etc … Desde Etiquetas vemos las etiquetas de nuestro blog o web (las mismas que en el apartado entradas) Desde Copiar una página podemos duplicar una página ya creada.
23
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 11. Carpeta Desde esta opción podemos tener organizados nuestros proyectos para nuestro PORTFOLIO. La mecánica para crear un proyecto es similar al de una página o entrada.
12. Comentarios En este apartado podrás ver y moderar todos los comentarios que recibas en los artículos de tu blog. Desde aquí puedes aprobarlos si están pendientes moderación, rechazarlos, editarlos, por ejemplo para corregir faltas de ortografía, o borrarlos. Podrás responder a los comentarios directamente desde esta ventana, sin tener que ir al post en concreto.
13. Sugerencias En esta ventana nos aparecerán los resultados las Encuestas de Polldaddy que hayamos creado, podremos editarlas y copiar el link para insertarla en otro post o página diferente. También verás las Calificaciones, que se refieren a los lectores marcan la estrellita cuando les gusta un post nuestro. Es algo similar a los likes de Facebook. Es una de las características que hacen de WordPress.com algo parecido a una red social de blogging. Recibirás en este apartado las Sugerencias a las peticiones de feedback que hayas hecho.
24
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 14. Apariencia Este apartado lo vas a usar mucho, sobre todo al principio, hasta que tengas tu blog más o menos bien presentado y configurado. Dependerá de los diferentes temas que tengamos instalados las opciones y configuraciones que aquí puedan aparecer.
Temas Desde aquí eliges la plantilla sobre la que construir tu blog. La variedad en WordPress.com no es demasiado alta pero encontrarás algo que te sirva, seguro.
Dedícale un rato a probar diferentes plantillas e investiga qué opciones te da cada una. Algunas plantillas son premium, es decir, de pago. Prueba una buena temporada las gratuitas y después, si te apetece, prueba alguna de pago, cuando lo tengas muy claro. Aunque te sugiero que, si quieres dar el salto y “profesionalizar” tu blog, te decidas por Wordpress.org, dónde además, encontrarás infinitas plantillas que te encantarán.
25
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 Personalizar Accederás a una pantalla de configuración de la plantilla seleccionada, es el lugar para investigar las opciones que te da el tema elegido y modificarlo, en la medida de lo posible.
De nuevo verás que hay varias opciones de configuración, según el tema escogido.
Widgets Los widgets son pequeñas aplicaciones que se colocan en los lugares adicionales del tema, generalmente barras laterales y pie. Son una manera muy sencilla de añadir contenido adicional, como links a redes sociales, sugerir contenido relevante o reciente de nuestro blog, etc.
26
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014
Es sencillo de usar, basta con arrastrar el widget que quieres usar a una de tus áreas de widgets, lo configuras, dependiendo del tipo que sea y listo, aparecerá en tu blog, en la barra lateral. Este widget, una vez configurado, se vería así en nuestro blog:
Los más comunes suelen ser la foto del autor, las redes sociales, el TimeLine de Twitter, una fanpage de Facebook. Recuerda que no todas las plantillas disponen del mismo espacio para widgets, algunas sólo te permiten colocarlos en el pie, así que tenlo en cuenta a la hora de elegir el tema.
Menús Los menús en WordPress nos permiten navegar por las distintas páginas de un sitio, son muy importantes y hay que entenderlos bien. Lo primero que debemos hacer es crear
27
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 un menú y asignarle un nombre, p.e. Superior o Principal o Pie de página… Después tendremos que decidir que se mostrará en ese menú.
Los elementos que se pueden añadir a un menú son básicamente tres: las PÁGINAS que hayamos creado, las CATEGORÍAS que usemos para nuestros posts y E NLACES personalizados, que sirven para vincular nuestro blog con otro sitio, como podría ser una tienda que tenemos en otra plataforma, nuestro canal de YouTube o cualquier otra cosa que necesitemos. También podemos crear submenús fácilmente con estos enlaces. Todos los elementos añadidos al menú aparecerán en ese orden en nuestra barra de navegación del sitio. Cambiar el orden es cuestión de pinchar y mover, muy fácil. Por otro lado, dependiendo de cada tema, tendrás la opción de mostrar más de un menú, por ejemplo uno principal en la barra de navegación y otro secundario en el pie. Para saber qué menú se muestra en cada sitio haz clic en la pestaña “Gestionar lugares”.
Fondo Puedes configurar el color de fondo de tu blog desde aquí. Si quieres ir más allá y añadir una imagen, debes hacer clic a Seleccionar archivo o bien elegir una imagen de tu biblioteca.
28
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014
Diseño personalizado Desde este apartado podremos modificar el diseño de nuestro tema, aunque podamos ver cómo quedaría, deberemos pasar a una versión Premium si queremos activarlo en nuestro blog.
Móvil Si tu tema es Responsive, ya se habrá encargado de que sea fácil la visualización en esta clase de dispositivos, de todos modos no te olvides de configurar correctamente esta parte para que la navegación por tu sitio de dispositivos móviles sea lo más agradable posible.
29
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 15. Usuarios El panel de usuarios te permite ver quién puede publicar en tu blog y añadir nuevos colaboradores, además de editar la información de cada uno y los privilegios de acceso de los autores.
Los roles más habituales son: AUTOR, que puede escribir y publicar sus propios posts E DITOR, que podrá editar y publicar cualquier post independientemente del autor A DMINISTRADOR , que es el que estarás usando ahora mismo en tu blog y que no tiene ningún tipo de limitación.
Mi perfil Aquí encontrarás las casillas que deberías completar con la información sobre ti y tus colaboradores. Préstale especial atención a la de Muestra el nombre públicamente como ya que ese nombre será el que se muestre como el autor de los posts y comentarios, asegúrate de que es tu nombre real, o pseudónimo en la red y no tu nombre de usuario con siglas, guiones e impronunciable. G RAVATAR es una página que forma parte de WordPress.com y que gestiona los avatares públicos de los usuarios de WordPress. Es decir, todos los lugares públicos, como los comentarios, donde vayas a participar, automáticamente mostrarán la imagen que tengas asociada a tu cuenta mediante Gravatar. ¿Suena complicado, no? Pues es una tontería. Conéctate a Gravatar.com con el mismo usuario de WordPress.com y añade tantos correos y fotos de perfil como quieras. Podrás asignar una imagen distinta para cada correo, algo muy útil para centralizar en una sola cuenta la gestión de avatares de todas tus marcas y blogs.
30
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014
Configuración Personal Dentro de las opciones de configuración personal, en la sección de usuarios, podemos seleccionar el idioma del panel de control de WordPress, bastante importante para el que no se quiera manejar con el inglés. Podemos cambiar la gama de colores de nuestro Back End. Permitir el uso de atajos del teclado para la moderación de comentarios… También se puede configurar cómo se realizan las revisiones Un poco más abajo tenemos la opción de cambiar el nombre de usuario y la contraseña de acceso a nuestro blog, además del correo electrónico donde queremos recibir las notificaciones del blog.
31
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 16. Herramientas Es bastante habitual que alguien quiera cambiar de plataforma CMS, por ejemplo de Blogger a WordPress o de WP.com a WP.org.
Estas plataformas cuentas con herramientas para exportar e importar contenidos por medio de archivos XML. El proceso es simple, exportar el archivo XML con la información que necesites del blog antiguo (post, comentarios, páginas) e importar en el nuevo con la opción de importar. Si en algún momento quieres borrar definitivamente tu sitio de WordPress.com, aquí tienes la opción.
17. Configuración básica En este apartado es importante que dediques todo el tiempo necesario y que dejes bien configurado tu blog.
General Imprescindibles el título y la descripción. Ojo con la zona horaria, ya que si está mal configurada y programas un post se publicará a otra hora distinta a la tuya. Aquí deberías especificar el idioma en el que escribes en tu blog.
Escritura Es buena idea seleccionar una categoría predeterminada para tus artículos. Así evitarás que en un descuido uno de tus posts aparezca como “sin
32
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 categoría” o “uncategorized”. Desde aquí también puedes decidir cuantos proyectos se visualizan en tu portfolio.
Lectura La opción PÁGINA FRONTAL MUESTRA es fundamental en la creación de blogs y páginas con WordPress. Básicamente define si nuestra Página de Inicio será nuestro blog o cualquier otra página estática que nosotros decidamos. NÚMERO MÁXIMO DE ENTRADAS Ojo con el número máximo de entradas que mostrará tu blog, no te recomiendo que sean más de 5 o 6. Esto, junto con la etiqueta “more”, será básico para tener un blog que cargue rápido. VISIBILIDAD: Debes permitir que los buscadores indexen el sitio tan pronto como puedas. Puedes usar esta opción mientras los estás construyendo y creando los primeros contenidos, así no aparecerá en los resultados de las búsqueda.
Comentarios En esta sección podrás configurar los comentarios. Por ejemplo, recomiendo que uses la opción de “Para que un comentario aparezca: El autor del comentario debe tener un comentario previamente aprobado”, así sólo tendremos que moderar el primer comentario de cada usuario. Yo personalmente también te recomiendo desactivar la opción de que los usuarios deban estar registrados, porque dificulta que haya participación.
Medios Especifica las medidas estándares de tus imágenes en tu blog. También cómo se visualizan los vídeos, etc …
Compartir Esta sección nos permite que nuestro contenido se distribuya más y mejor, a nuestras redes sociales por ejemplo. Una buena organización a la hora de difundir contenidos en redes es una de las mejores maneras de promocionar nuestro blog y ganar posicionamiento. En primer lugar tenemos la opción Difundir. Úsala si quieres conectar tu blog con tus cuentas de tus redes sociales, automáticamente tus nuevos posts serán publicados en ellas. Botones de compartir: Son los botones que ves al final de cada entrada y que nos permiten a los lectores twittear y recomendar los posts que nos gustan. Twitter Username: No te olvides de completar esta casilla, así cuando los lectores quieran publicar un tweet desde tu artículo usando el botón de compartir, les aparecerá automáticamente tu nombre de usuario y te mencionarán.
33
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 5. Herramientas para crear nuestras entradas En una entrada de blog o una publicación tenemos los siguientes apartados:
El Título Es importante remarcar la importancia de los títulos, sobre todo para nuestras entradas. Tienen que llamar la atención y generar tráfico hacia nuestro sitio desde las redes y otras webs. Recuerda que 60 es el número de caracteres máximo que nos muestra Google en los resultados de las búsquedas, así que procura no pasarte. Aprovecha siempre para incluir tus palabras clave en ellos. A lo largo de tu publicación trata de dividir el contenido mediante titulares de menor tamaño, que orienten al lector y, de nuevo, incluyan las palabras clave.
El Contenido Es la parte central dónde vamos a escribir toda la información de nuestra publicación. Trataremos que sea visualmente atractiva para que el lector siga “enganchado” no sólo por el contenido sino también por lo atrayente de éste. Esta caja de texto funciona como un Editor de textos. Podemos escribir, dar formato, cambiar la alineación etc…. También podemos añadir contenido multimedia (imágenes, vídeos...) Agregar una encuesta para saber la opinión de nuestros usuarios, añadir un formulario de contacto o una ubicación (maps)
En este punto aprovecha siempre para incluir tus palabras clave en ellos. A lo largo de tu publicación trata de dividir el contenido mediante titulares de menor tamaño, que orienten al lector y, de nuevo, incluyan las palabras clave. Qué son las palabras clave Las palabras clave son fundamentales para el posicionamiento, los buscadores las reconocen por su ubicación y por la densidad. Las ubicaciones más destacadas son los títulos, organizados jerárquicamente desde el <h1> hasta el <h6>. Las doscientas primeras palabras del artículo y el final del mismo son también ubicaciones destacadas. La densidad de las palabras clave ideal está, más o menos, en torno al 2%-3%, puedes usar herramientas como el plugin SEO by Yoast (en la versión .org) o la herramienta online de SEO gratis para medir la densidad y optimización de tu web. Si prefieres algo más profesional, prueba con WooRank. Es totalmente recomendable que te ayudes de Google Trends y de Adwords para hacer un estudio previo de tus palabras clave para cada artículo o página que vayas a publicar.
34
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 La herramienta “Cita” o “Blockquote” Herramienta no muy usada de WordPress y otros editores de texto, nos permite maquetar rápidamente un párrafo de manera distinta al resto para resaltar que su contenido es una cita o un testimonio. Ayuda a darle una apariencia mejorada a nuestras publicaciones.
Herramienta para añadir hipervínculo Si no sabes de qué herramienta te hablo deberías empezar a usarla ya. Es un pequeño botón con una cadena del editor de texto, que nos permite insertar enlaces rápidamente. No te olvides de completar el título para que se muestre información sobre ese enlace al posarnos encima. Es muy importante que uses la opción de “Abrir enlace en una nueva ventana/pestaña” si no quieres echar fuera de tu página a tus lectores, sobre todo para los enlaces externos a tu web. A su lado verás otro icono similar pero con la cadena rota, úsalo para quitar hipervínculos.
Alineación de texto y aumento de sangría Como en los demás editores de texto, tenemos las opciones de alineación de párrafo habituales; izquierda, derecha, centrado y justificado. Usa bien la que te conviene en cada momento según la maquetación de tu post o página. Recuerda que un buen artículo ha de entrar fácilmente por la vista, invitando a la lectura. El aumento y reducción de la sangría del texto es una herramienta muy útil para organizar el contenido jerárquicamente. Tiene especial importancia cuando trabajamos con listas, porque nos ayuda a crear listas dentro de otras listas.
Insertar imagen Tal y como he dicho antes, es importante hacer atractiva nuestra publicación, y las imágenes, son una buena herramienta para hacerlo. Haciendo clic en el botón Añadir multimedia y nos aparecerá la ventana Insertar objeto, desde aquí podremos arrastrar las imágenes que queremos subir o bien seleccionarlas desde nuestra Biblioteca Multimedia.
35
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014
Es una de las funciones que más se usan al redactar posts o crear páginas. Después de pulsar en “añadir objeto” o “añadir multimedia”, subiremos la imagen desde nuestro disco duro o la elegiremos en la librería si ya la tenemos subida a nuestro WordPress. Seleccionamos la imagen y configuramos unas breves opciones que se nos muestran en la parte derecha. Como hemos comentado antes, hay que completar al menos el título y el texto alternativo (éste es el que se mostrará cuando, por la razón que sea, la imagen no pueda mostrarse). Ahora configuramos si queremos que la imagen esté enlazada, o no, y a dónde.
Lo siguiente será decidir la alineación, cómo queremos que se muestre la imagen en la entrada respecto al texto y a la caja contenedora de nuestro post. Por último queda decidir el tamaño. Por defecto WordPress nos hace 3 variaciones de cada imagen (miniatura, medio y grande), aparte de la imagen original en su tamaño completo. Ya sólo queda insertarla en el post o página. Como hemos visto antes, todas estas opciones se pueden modificar después a través del botón de editar imagen.
36
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 Alineación de imagen De la misma manera que alineamos el texto correctamente, podemos y debemos hacer lo mismo con las imágenes. Procura que el texto siempre tenga un ancho coherente respecto a la imagen, de entorno al 65% VS 35%, por ejemplo, así que cuida el tamaño al que colocas la imagen, que no dificulte la lectura y que no agobie.
Título, alt y tamaño imagen Cuando subas una nueva imagen (y cualquier otro archivo) a tu librería Multimedia de WordPress, procura completar los datos: el nombre del archivo (que asignas en tu disco duro), el título, la descripción y la leyenda (este texto es probable que aparezca al pie de la foto, así que la mayoría de las veces no se pone). Mucho ojo con vincular la imagen a sí misma si no es necesario, la mayoría de las fotos que usamos en las publicaciones son para animar el contenido, no tienen un propósito didáctico, así que no tiene sentido que estén vinculadas sobre sí mismas. Asígnale el tamaño correcto para su uso. Siempre puedes insertarla a su tamaño completo y luego ir disminuyéndolo a través de la ventana de ajustes de la imagen en el editor, en la columna de porcentajes. En esa misma ventana, en los ajustes avanzados, puedes escribir directamente el tamaño en pixeles pero ten cuidado con las proporciones.
Borde, espacio vertical, espacio horizontal Una vez insertada la imagen, podemos volver a editar sus propiedades haciendo un clic en la imagen y haciendo clic en el lápiz que aparece en el menú superior., En esa misma ventana en“ajustes avanzados” de la imagen verás 3 casillas de propiedades: borde, espacio vertical y espacio horizontal. El borde apenas se usa, prueba a darle un valor en pixeles, a ver si te gusta. Lo interesante son los valores de espacio, de margen, que va a tener la imagen por sus lados. Inserta un valor en pixeles, por ejemplo 10, observa cómo queda, trata de que el texto y la imagen de tus posts no se agobien el uno a la otra. Por defecto nos va a poner margen por arriba y por abajo o por izquierda y derecha, digamos que va por parejas. Si sólo queremos margen en uno de los lados, por ejemplo el izquierdo harías lo siguiente: añades el valor en la casilla de espacio horizontal, pinchas fuera de la casilla para que se
37
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 haga efectivo, verás que te escribe un texto en la casilla de estilos. Bien, sólo nos queda borrar el lado que no nos interesa, en este ejemplo el derecho, así que borro “marginright: 10px;” y listo.
Herramienta “Leer Más” Aunque no parezca de utilidad, esta herramienta es de lo más interesante. ¿Por qué? Pues fundamentalmente porque nos permite mostrar un extracto de nuestros artículos en la home de nuestro blog, haciendo esta página más ligera para los navegadores y fomentando que los usuarios naveguen más por nuestro sitio. Es un problema grande tener artículos largos en la home sin etiqueta more, es probable que no estén ayudando a los lectores en absoluto. ¿Cómo se usa? Muy fácil, basta con posicionar el cursor donde quedamos insertar el link “seguir leyendo” (o equivalente, según la plantilla), es recomendable que éste esté justo después de la introducción al post.
Listas numeradas y no numeradas Supongo que ya te habrás dado cuenta de lo habituales que son los post por puntos o listas. Mucho más recomendable que crear las listas manualmente poniendo guiones o números y dando al espacio unas cuantas veces, es usar la herramienta para creación de listas automáticas del editor de texto. Cada salto de línea será un punto nuevo. Puedes elegir entre listas ordenadas por número o no numeradas. Como comentaba antes, esta herramienta, combinada con la opción de aumentar la sangría, nos permite crear listas dentro de otras listas, una manera muy fácil y clara de ordenar la información y generar directorios o índices. Es equivalente al uso de la NUMERACIÓN Y LAS V IÑETAS en los editores de texto.
Formulario de Contacto Un formulario de contacto es algo casi imprescindible en un blog o web. WordPress nos lo pone muy fácil ya que es una función implementada en el WordPress.com y muy fácil de implementar enWordPress.org, ya sea mediante Jetpack o cualquier otro plugin. Es tan sencillo como pulsar el botón de nuestro editor de texto, editar los campos que queremos mostrar y completar dónde queremos que nos lleguen los mails y con qué asunto. Este punto del asunto es importante sobre todo cuando tenemos más de un formulario en nuestra página, ya que nos indica desde dónde nos han escrito. Vamos a repasar rápidamente las características de los formularios de WordPress.com, que es el mismo que usamos a través de Jetpack: Editar un campo: cada campo tiene su opción para editar el texto que queremos mostrar con la información de qué se tiene que rellenar en cada uno.
38
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 Añadir un campo: Podemos añadir tantos campos como deseemos simplemente con apretar el botón. Tipos de campos: tenemos hasta 8 tipos de campos, desde simples cuadros de texto, desplegables con varias opciones o casillas de verificación. En todos ellos podemos configurar que sea campo obligatorio o no.
Insertar un tweet WordPress lo pone muy fácil para insertar tweets en nuestras entradas. En el punto com, verás que en la ventana de insertar objeto (o insertar multimedia) te da la opción de agregar un tweet directamente, te permite buscar por usuario, hashtag o localización, entre otras cosas.
Crear una galería Mientras que el punto org tenemos infinitos plugins para mostrar imágenes, en el punto com nos tenemos que conformar sólo con esta opción. Es muy útil. En vez de insertar una imagen como antes, creamos una galería, un grupo de imágenes que se mostraran juntas. La galería nos ofrece diferentes opciones de presentación, yo te recomiendo especialmente la “mosaico cuadrado” sobre todo porque nos permite crear lightboxes para imágenes individuales, que son muy útiles para posts tipo tutorial que necesiten ilustrar cosas gráficamente.
39
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014
Insertar un vídeo de Youtube Igual que con los tweets, WordPress.com nos da la opción de insertar una url de YouTube que él automáticamente transformará en un vídeo incrustado en nuestra página. Esto lo hace mediante los shortcodes implementados en las funciones de WordPress, de hecho, verás que el link que has pegado te lo va a transformar ligeramente y te lo pondrá entre corchetes. Con WordPress.org haremos lo mismo pero copiando y pegando el link manualmente, aparte, en este caso, podemos usar algunos plugins sencillos para mostrar los vídeos en un lightbox y usar una imagen específica como link.
Insertar audio desde Soundcloud o Bandcamp Insertar audio en WordPress.com es bastante sencillo ya que en las opciones de compartir un archivo de nuestras cuentas, ya sea Soundcloud o Bandcamp, encontramos un código específico para WordPress. Con pegar este código en nuestra página o post lo tenemos hecho. Para el .org podemos usar un plugins como Soundcloud is gold , Jetpack o algún plugin que nos interprete correctamente los iframes.
Insertar encuesta Las encuestas son un buen recurso para abrir debate o buscar inspiración a la hora de escribir nuevo material para nuestros blogs. WordPress.com nos proporciona esta función de una manera muy sencilla, casi tanto como insertar un formulario de contacto.
En esta ventana vemos que no tenemos ninguna Encuesta creada. Hacemos clic al botón Crear una encuesta nueva y nos aparecerá la siguiente ventana:
40
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 Aquí deberemos escribir la pregunta de nuestra encuesta en la primera caja de texto (donde pone New Poll). Escribiremos en las cajas de abajo las respuestas que necesitemos, si queremos más de 3 hacemos clic en el botón Añadir nueva respuesta. En la sección Guardar podremos decidir, si ordenamos la lista aleatoriamente (para que cambie en cada visualización), si permitimos otras respuestas (además de las que ya hay escritas), si permitimos selección múltiple (contestar a más de una respuesta), y si queremos compartir esta encuesta.
En la sección Estilo de encuesta podremos decidir que estilo nos gusta más para que se muestre en nuestra entrada. En la sección Visualización de los resultados podremos decidir de qué modo se muestran los resultados de las votaciones. En la sección Repetir votación podemos dar permiso para repetir o no las votaciones, filtrando por cookies o por IP y cuánto tiempo dura el bloqueo de esa IP. En la sección Comentarios especificaremos si permitimos o filtramos o prohibimos los comentarios en nuestra encuesta. Una vez acabemos de crear la encuesta hacemos clic en Guardar Encuesta Otra opción, es usar los formularios que nos ofrece Google, Google Forms, se pueden integrar en nuestro WordPress mediante un código que obtendremos en la propia página donde creamos los formularios, en Archivo Compartir, Incrustar.
41
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 Insertar Presentaciones Si queremos dar más dinamismo a nuestra entrada también podemos insertar una presentación. Las presentaciones son un recurso bastante común que podemos usar en nuestros artículos para completar la información y añadir más valor a nuestro blog. Conseguiremos tráfico hacia las presentaciones, nuestras o de otros, que queramos promocionar. Insertarlas es bastante sencillo, podemos hacerlos desde Google Presentaciones, crear una presentación. Una vez acabada hay que ir al menú Archivo Compartir y seleccionar la opción Incrustar, tal y como se muestra en la imagen. También podemos hacerlo con SlideShare. Basta con hacer la presentación y de nuevo ir a “Share” en la dispositiva y buscar la opción con el icono de WordPress, allí encontraremos el link habitual que pegaremos en nuestro blog, se mostrará en tu post y será interactiva.
Editar la URL de nuestro post o página Si te fijas, justo debajo del título de tu post o página, tienes el enlace permanente a través del cual será encontrada en los navegadores. Puedes editar qué URL quieres que aparezca en la barra de direcciones sólo con pulsar en editar. Trata de usar un texto que te ayude a posicionar. Además es imprescindible usar esta opción cuando ponemos títulos provisionales.
Sección Formato Los formatos de entrada sirven para crear diferentes estilos de publicaciones. De hecho, el formato de entrada estándar nos permite hacer casi todo lo que nos permite el resto, con lo cual su uso se reduce a ocasiones muy específicas, como por ejemplo crear un post que sea una cita en sí mismo y queramos que se maquete de manera especial. Además, estos
42
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 formatos dependen de cada plantilla, con lo que habrá que investigar un poco en cada caso si merecen la pena.
Sección Categorías Desde este apartado podemos agregar las categorías a las que pertenece la entrada que estamos editando, si no hemos creado previamente las categorías desde la sección categorías, podemos hacerlo ahora desde aquí.
Sección Etiquetas Desde la sección etiquetas también podremos incluir las palabras clave que queremos asociar a nuestra entrada. Si no hemos creado las Etiquetas previamente, podemos crearla ahora.
Sección Imagen destacada La imagen destacada de cada post o página es una característica por la cual la imagen que elijamos tendrá un protagonismo especial, podrá ser la imagen que encabece nuestro post o la que se muestre en la página principal del blog, ilustrando el extracto el post. Casi todas las plantillas suelen mostrarlas de algún modo, pero tendremos que ver en nuestra plantilla dónde, porque es diferente en cada tema. Generalmente se encuentra justo debajo de la sección Etiquetas. No te olvides de usarla, es una característica muy usada en WordPress.
Copiar artículo y pedir feedback Dentro del recuadro “Asistente de escritura”, nos pone al alcance de la mano dos herramientas que nos pueden ahorrar tiempo. La primera es para copiar un artículo ya existente como plantilla para otro artículo que vayamos a escribir. Supón que te has trabajado muy bien la maquetación de un post, pues úsalo como plantilla y ahorra tiempo. La segunda herramienta sirve para pedir opinión sobre tu nuevo post, la idea es realmente buena y su funcionamiento es fácil, se trata de mandar por mail un link de tu borrador. Nuestro amigo lector nos podrá hacer correcciones en una ventana muy cómoda, con el post a la derecha, los comentarios a la izquierda y un botón para enviar el feedback.
43
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014 Sección Publicar Desde esta sección podemos ir guardando nuestra entrada como borrador hasta que hayamos acabado de editarla. En ese momento podemos publicarla o bien programar la publicación desde la opción Editar en el apartado Publicar inmediatamente. Estas opciones son muy interesantes tanto para dejar programadas publicaciones en el futuro, como para publicar en pasado si es necesario (por ejemplo para ordenar nuestras entradas y destacar una determinada en el inicio de nuestro blog). También vemos diferencias entre el estado de la publicación y el botón Publicar (si estoy editando una entrada en modo Borrador) o Actualizar (si estoy modificando una entrada que ya he publicado).
Despublicar una entrada Igual que en el caso anterior, en el mismo recuadro en la opción Estado encontrarás un desplegable que te deja cambiar el estado de tu publicación. De publicada a borrador, de borrador a pendiente de revisión, etc. Es la opción que tendrás que usar para despublicar una entrada.
Publicitar en nuestras redes sociales. Lo podremos hacer desde el último apartado en el que podremos conectar con nuestro Facebook, Google+, Twitter, LinkedIn …
Opciones de pantalla Cuando estés editando un post o página, fíjate en la parte superior derecha de tu WordPress. Verás una pequeña ventana que dice “Opciones de Pantalla”, picha sobre ella y verás que se despliega un menú en la franja superior. Esas casillas son las que verás por defecto en tu ventana de creación de posts y páginas, a medida que vayas haciendo scroll hacia abajo. Yo recomiendo activar todas, por lo menos al principio, para que investigues un poco y sepas con lo que cuentas.
44
Carmen Jarque | Formació 3.0
Manual Wordpress.com 2014
Trackbacks y pingbacks Los trackbacks son algo así como las menciones de Twitter, si estás nombrando algún blog o web, envíales un trackback para que se les notifique. Por otro lado, el pingback hace referencia al caso inverso, es una notificación en forma de comentario para avisarte de que tu artículo ha sido enlazado desde otra página web, podrás aprobarlo para que aparezca el enlace como comentario, editarlo o borrarlo. Así que no te asustes cuando te lleguen pingbacks, son buenos.
45
Carmen Jarque | Formació 3.0