• Author / Uploaded
• PPMadrid

• Categories
• Blog
• HTML
• You Tube
• Word Press
• Widget (GUI)

Citation preview

CIBERACTIVISMO: CREA TU PROPIO BLOG. Tutorial de Wordpress

Por Almudena Negro para PP Madrid (2009)

Consejos para tener éxito 1. Bloguea porque quieres y sobre lo que tú quieras 2. Lee otros blogs 3. Enlaza otros blogs 4. Cuida la ortografía y la gramática 5. Utiliza otros medios de comunicación (enlaces) 6. Usa las herramientas 2.0 y conecta tu blog con Twitter y Facebook

8. Ten opinión propia 9. Date a conocer en la red (agregadores) 10. Ayuda con los blogs de otros 11. Procura interactuar con quien comente tus entradas 12. Envía la URL de tu blog a [email protected]

Por Almudena Negro para PP Madrid (2009)

PRIMEROS PASOS VENTAJAS : 1. Es gratis 2. El panel de administración en español 3. Variedad de temas con la funcionalidad de Widgets 4. Puedes importar tus blogs de otros sistemas 5. Puedes subir fotos, documentos y videos de Google, Hulu y YouTube. 6. 3 GB para almacenar tus archivos

http://es.wordpress.com/

Rellena el siguiente formulario

IMPORTANTE: incluye una dirección de correo real.

Por Almudena Negro para PP Madrid (2009)

PRIMEROS PASOS (II) - Dominio: dirección por la que se conocerá tu blog. - El título lo podrás modificar en cualquier momento. - Selecciona español como idioma. - Privacidad: lo mejor es que marques que aparezca en los motores de búsqueda (salvo blogs privados)

• Piensa bien el nombre de dominio que vas a utilizar.

Cuando termines de rellenar pulsa sobre “Registrarse” Por Almudena Negro para PP Madrid (2009)

PRIMEROS PASOS (III)

Pinchar sobre la dirección (hipervínculo) que aparece en el E-mail

• Comprueba tu correo electrónico

Una vez hayas pinchado sobre el hipervínculo

ANOTA TU CONTRASEÑA EN UN LUGAR SEGURO Y NO SE LA FACILITES A NADIE

Por Almudena Negro para PP Madrid (2009)

• http://[dominioelegidoportí].wordpress.co m/wp-admin

REGISTRÁNDOSE - Nombre de usuario (lo elegiste tú) - Contraseña (facilitada por Wordpress en tu correo electrónico)

• Pon tu nombre de usuario y contraseña • Pincha en “Iniciar Sesión”

Por Almudena Negro para PP Madrid (2009)

Panel de control (Tablero) MENÚ DE NAVEGACIÓN A LA IZDA

Echale un vistazo al tablero, prueba, toquetea…

Por Almudena Negro para PP Madrid (2009)

Panel de control • Puedes expandir cada una de las áreas del menú de (II) Menú de navegación navegación

Por Almudena Negro para PP Madrid (2009)

Panel de control (III) Estadísticas, enlaces entrantes, Quick Press (bloquea rápido), comentarios…

todo lo tienes de un vistazo en el TABLERO

Por Almudena Negro para PP Madrid (2009)

Tu perfil. Cuentas. Usuarios. (I)

• Pincha en “Usuarios” y luego en “Tu perfil”

Puedes añadir una foto (avatar) desde tu PC

• Repasa tu perfil, selecciona el idioma, añade si quieres reseña biográfica… • Pincha sobre “actualiza tu perfil” Por Almudena Negro para PP Madrid (2009)

Tu perfil. Cuentas. Usuarios. (II)

• Usuarios: puedes añadir amigos (blog colectivo)

Elige el “papel” de tu amigo:

1. Contributor : sólo puede crear contenidos, pero para publicarlos necesita autorización del administrador 2. Autor: como el Contributor, pero puede subir archivos y publicar las entradas sin autorización del administrador 3. Editor: como el autor + editar entradas y páginas, moderar comentarios y modificar categorías y enlaces 4. Administrador: tiene todos los privilegios para administrar el blog

• “Autores y usuarios”: envíales un correo.

Por Almudena Negro para PP Madrid (2009)

Tema o plantilla INCONVENIENTE DE WP PARA USUARIOS AVANZADOS: NO SE PUEDE MODIFICAR DE FORMA GRATUITA EL CSS

• WP ofrece plantillas pre instaladas. Selecciona la que más te guste en “Apariencia”/ “Tema”

• Activa el tema y haz click en “ver sitio” Por Almudena Negro para PP Madrid (2009)

WIDGETS (I) MEJORA LA APARIENCIA USANDO “WIDGETS”

• Sirven para modificar la barra lateral (Sidebar) e introducir herramientas como calendarios, rss, flickr…

Por Almudena Negro para PP Madrid (2009)

• Del.i.cious: sistema de WIDGETS (II): “bookmarking” algunos widgets Vista: • Página: para incluir enlaces • Calendario • Archivo: Histórico de entradas como desplegable • Enlaces: enlaza a tus amigos o tus blogs/webs de referencia • Meta: sindicación artículos y RSS Por Almudena Negro para PP Madrid (2009)

WIDGETS (III)

• Buscar: búsquedas del contenido de tu blog • Entradas recientes: tus últimas entradas • Nube de etiquetas • Twitter: ¿por qué no te animas con el microblogging? • Categorías: listado de tus categorías Por Almudena Negro para PP Madrid (2009)

WIDGETS (IV)

• Texto: texto o código HTML • RSS: agrega el feed de algún blog/periódico que te guste. Muy útil. • Comentarios recientes • Meebo: para comunicarse contigo de forma privada • VodPodVideos: servicio de vídeos VodPod

Por Almudena Negro para PP Madrid (2009)

WIDGETS (V) .

• Box.net: si tienes archivos subidos a Box • Categoría nube • Akismet: estadísticas de spam • Estadísticas del blog • Top clicks: las entradas con más clicks • Post más vistos • Flickr: fotos Por Almudena Negro para PP Madrid (2009)

WIDGETS (VI) Para remover un widget lo único que debes hacer es editarlo y oprimir “Borrar”.

Cuando hayas terminado de configurar un widget debes seleccionar el botón de “Guardar Cambios”.

• Platial Mapkit: mapa que muestra los países de tus visitantes • Autores: lista de los autores del blog • Para añadir un widget selecciona el enlace de “crear” y el mismo se añadira a la columna de widgets en uso. Algunos widgets permiten editarlo para configurarlo de acuerdo a tus preferencias Por Almudena Negro para PP Madrid (2009)

ANTES DE BLOGUEAR 1. OPCIONES GENERALES

• General: título de tu blog, descripción corta del mismo (opcional), lenguaje, correo electrónico del administrador y configuración de fechas

Por Almudena Negro para PP Madrid (2009)

ANTES DE BLOGUEAR (II)

• Escritura: tamaño de la caja texto (predet. 10 líneas), opciones de formato, categoría predet. entradas, categoría predet. enlaces.

• No olvides “guardar cambios” Por Almudena Negro para PP Madrid (2009)

ANTES DE BLOGUEAR (III)

• Lectura: qué mostrarás al inicio, nº entradas que aparecen, fuentes de difusión, elementos adicionales, codificación (UTF-8)

Por Almudena Negro para PP Madrid (2009)

• Discusión/comentarios: ANTES DE BLOGUEAR (IV)

Avatar: imagen asociada a tí que aparece junto a tu nombre en los blogs habilitados al efecto. En “avatares” eliges la imagen que aparecerá junto a las personas que comenten en tu blog y que no dispongan de avatar propio configurado.

• Avatares

Por Almudena Negro para PP Madrid (2009)

ANTES DE BLOGUEAR (V) Incluye en “Medios” las dimensiones máximas de las imágenes que utilizaras en tu blog.

• Medios

• Privacidad

En privacidad tú eliges quién podrá ver tu bitácora.

Por Almudena Negro para PP Madrid (2009)

ANTES DE BLOGUEAR (VI) IMAGEN DEL RECUADRO DE BORRAR BITÁCORA

• Borrar bitácora: aquí podrás borrar definitivamente tu blog. No se recomienda ni aunque se vaya a dejar abandonada la bitácora. Una vez borrado no hay marcha atrás

Por Almudena Negro para PP Madrid (2009)

Editar: Tu blogroll ENLACES: • Editar • Añadir nuevo enlace • Categoría de enlaces

Añadir:

•Añade copiando URL y nombre del blog. Selecciona “blank” para que abra en página nueva

Selecciona categoría Guarda los cambios Por Almudena Negro para PP Madrid (2009)

CATEGORÍAS Y ETIQUETAS En WP hay dos categorías por defecto: Blogroll (para los enlaces) y Uncategorized (sin categoría, para las entradas).

• Ve a “Entradas/Categorías”

• En el lado izquierdo puedes añadir nuevas categorías y en el derecho puedes administrar (editar, borrar) las mismas

Por Almudena Negro para PP Madrid (2009)

CATEGORÍAS Y ETIQUETAS (II)

• Para organizar tu blogroll ve a “Enlaces—Editar”

EN EL ENLACE TIENES QUE PONER LA URL, EL NOMBRE DEL ENLACE Y SI QUIERES UNA DESCRIPCIÓN • Edítalo como las categorías (NO SE RECOMIENDA). • Para añadir un nuevo enlace Enlaces—Añadir nuevo: Luego eliges categoría a que pertenece y “blank” para que abra en ventana nueva.

Por Almudena Negro para PP Madrid (2009)

COMENTARIOS Tú decides quién puede comentar. Puedes rechazar el comentario, identificarlo como spam, editarlo, editarlo rápidamente o responder al mismo. Si utilizas el menú de acciones puedes marcar varios comentarios y aplicar la acción correspondiente.

• Es parte fundamental en un blog

• INCONVENIENTE: en WP.com no puedes instalar o activar plugins. Por Almudena Negro para PP Madrid (2009)

PUBLICANDO (I) ENTRADAS /CREAR NUEVA ENTRADA

• Hay dos maneras de publicar contenido en el blog: mediante entradas (posts) o páginas: • Entradas: Es contenido sensitivo a fechas y se muestra en orden cronológico inverso. Se le pueden asignar categorías y tags, y son parte del archivo del blog. • Páginas: No son parte del blog como tal pero pueden accederse mediante enlaces que se muestren en la barra lateral u otro lugar del blog. Por Almudena Negro para PP Madrid (2009)

PUBLICANDO (II) B: Este botón es para ennegrecer (o poner en “negritas”) determinado contenido. Para usar marcas el contenido con tu ratón y seleccionas ese botón. I: Mediante este botón puedes utilizar itálicas. ABC: Para eliminar algo que habías escrito anteriormente Con el primero de estos botones creas listas con “bullets”mientras que el segundo se utiliza para crear listas con números

• Aparece un espacio en donde es posible redactar mediante un editor que tiene varias funciones • El editor tiene dos pestañas principales: Visual y HTML. Si tienes seleccionado la pestaña de Visual no verás los códigos que están detrás de lo que publicas. Para publicar contenido en Internet es necesario utilizar lo que se conoce como el lenguaje HTML. El editor facilita el que puedas incluir las etiquetas sin que te des cuenta de ello.

Para “citar” o entrecomillar. Blockquote en lenguaje HTML.

Por Almudena Negro para PP Madrid (2009)

PUBLICANDO (III)

• Funciones de Visual: •

Alineado

Corrector ortográfico

•

Para crear y eliminar hipervínculos (enlaces)

•

Para incluir imágenes publicadas en línea

Amplía la pantalla del editor

Para utilizar el editor extendido con funciones adicionales.

•

Si tienes un artículo extenso puedes utilizar este botón para publicarlo en diferentes secciones. • Añade etiquetas y categorías: Las etiquteas son más específicas, mientras que las categorías son más generales. Por Almudena Negro para PP Madrid (2009)

PUBLICANDO (IV)

Cuando hayas terminado “Publicar”

• Extracto: Para crear un resumen del artículo publicado (opcional) • Trackbacks: Para notificar a otros servicios que se ha publicado un artículo nuevo • Discusión: Puedes seleccionar si los visitantes pueden comentar tu artículo. También puedes decidir si permites “pings”. • Autor de la entrada: Útil si el blog tiene múltiples autores • Visibilidad: Al lado derecho puedes seleccionar si quieres que la entrada esté protegida por contraseña, que sea una entrada pegajosa (que se mantenga en la parte superior del blog) o que sea privada (solo tu puedes verla). • Puedes seleccionar la fecha en que aparecerá publicada la entrada si deseas que aparezca en el futuro (Scheduled) Por Almudena Negro para PP Madrid (2009)

Pincha sobre “publicar” Ya eres blogger. ¿Por qué no pruebas ahora Twitter, Ning o Facebook?

Por Almudena Negro para PP Madrid (2009)

Trucos: añadir imágenes • Ve a Entradas - Nueva entrada y en el editor selecciona el icono de “Añadir una imagen”.

• Pulsas sobre “Select Files”, seleccionas la imagen y oprimes “Open”. Puedes cambiar el título, incluir una leyenda debajo de la imagen y añadir una descripción. Puedes enlazar esa imagen a su URL o a la dirección de la entrada. Selecciona la alineación y su tamaño. Pulsa sobre “insertar entrada” y la imagen aparecerá en el editor. También puedes añadir imágenes directamente desde la URL en que se encuentran.

Por Almudena Negro para PP Madrid (2009)

INSERTA VÍDEOS DESDE YOUTUBE EN TU BLOG

El embed de youtube es el código que ofrece Youtube para exportar sus videos a páginas externas. Dicho código es único para video y se encuentra para copiar debajo de URL, como se puede ver cuadriculado en rojo en la imagen de esta misma diapositiva. Es necesario que una vez copiado el código, se tenga que configurar el tamaño a exportar:

(continua) Por Almudena Negro para PP Madrid (2009)

• • • •

Una vez copiado el código de la página de youtube, hay que modificar el tamaño que va a tener el vídeo. Para ello, configuramos los parámetro “width” y “height” que se encuentran cuadriculados en la imagen superior. Los valores para el blog principal: Width: 290 Height: 330

•

Con sustituir los valores nuevos por los antiguos, y posteriormente pegar ya el código modificado, el código funcionará correctamente.

• • •

Los valores para el vídeo de la barra lateral (encima de las fotos/encuestas): Width: 276 Height: 240

Por Almudena Negro para PP Madrid (2009)

Algunos trucos: migrar enlaces • Migrar enlaces de un WP a otro es muy sencillo: a la dirección del blog en donde están los enlaces que necesitas migrar añades: wp-links-opml.php . Por ejemplo: http://ejemplo.wordpress.com/wp-linksopml.php Ese sería el archivo en formato OPML. • Ahora accedes el panel de administración del blog en donde quieres importar los enlaces. Seleccionas Tools—Importar – Enlaces • Añades la dirección en donde se encuentra el archivo OPML de los enlaces del blog original o seleccionas el archivo desde tu disco duro. Listo. Por Almudena Negro para PP Madrid (2009)

Lenguaje blog • Mejor artículos cortos o una imagen que sesudos artículos largos. Pocos internautas leen más de dos párrafos. • Lenguaje claro y directo, provocativo. Escribe como habla la gente de la calle. No te esfuerces por parecer “políticamente correcto” • Reconoce errores. No pasa nada por pedir disculpas. • Utiliza emoticones pero sin pasarte  Por Almudena Negro para PP Madrid (2009)

N-etiqueta básica • La netiqueta es el conjunto de normas no escritas que se utilizan en internet. • Cuidado con las mayúsculas. En lenguaje i-net equivalen a gritar. Úsalas sólo en el titular. • No uses programas que auto-siguen a cualquiera que te sigue en Twitter. • No envíes mensajes interminables vía Facebook; nadie los va a leer. • No me busques por el MSN Messenger o en Google Talk a menos que tengas algo realmente importante que decirme o que no pueda esperar a que te conteste vía email. • Cita siempre la fuente. La fuente a citar será el lugar donde has leído la noticia o de donde hayas sacado la imagen. • Usa “blockquote” sólo para citas literales.

Por Almudena Negro para PP Madrid (2009)

Los molestos “trolls” • Un troll es “una persona que escribe mensajes groseros u ofensivos en Internet para interrumpir la discusión o enfadar a sus participantes». (Wikipedia) El 63% de los comentarios suelen ser ofensivos. Pasa. NO TE DEJES PROVOCAR La única manera de tratar con trolls es limitar su reacción, recordar a los demás que no respondan a los trolls. Si intenta razonar con un troll, él gana. Si insulta a un troll, él gana. Si le chilla a un troll, él gana. Lo único que los trolls no pueden aguantar es que se les ignore. (Timothy Campbell) Por Almudena Negro para PP Madrid (2009)

OTRAS HERRAMIENTAS • Si te gusta esto del blog ¿por qué no pruebas el micro-blogging? ¡Únete a Twitter! (www.twitter.com) • No te olvides que puedes subir vídeos a Youtube (www.youtube.com), fotos a Flickr (www.flickr.com) y documentos a Scribd (www.scribd.com). • Puedes crear tu propia red social en www.ning. com Por Almudena Negro para PP Madrid (2009)

Direcciones de interés • [email protected]: Envíanos la dirección de tu blog. • http://blogs.ppmadrid.es: Las bitácoras oficiales del PP de Madrid • http://www.facebook.com/esperanzaaguirre ¿Aún no eres amigo de Esperanza Aguirre en Facebook? • http://twitter.com/EsperanzAguirre ¡Twittea con Esperanza Aguirre! • http://ppmadrid.es Nuestra Web • http://ppmadrid.ning.com ¿Aún no participas en nuestra red social? ¡Te estamos esperando! • http://www.facebook.com/pages/Madrid/Partido-Popular-deMadrid/106331680386 Facebook del PP de Madrid • http://www.flickr.com/photos/24107720@N07/sets/ Nuestras fotos • http://www.facebook.com/pages/Juan-Jose-GuemesBarrios/58544961860 El Facebook de Juan José Güemes Por Almudena Negro para PP Madrid (2009)