You are on page 1of 42

EMPEZANDO EN

WORDPRESS.COM (MANUAL
TÉCNICO)
Rafael Benítez Moreno
@Benitezrafa
http://beniterafa.es
I. ALTA EN
PLATAFORMA
Wordpress es de los sistemas de
CMS más utilizados del mundo.
El usar wordpress.com viene
dado por la facilidad de uso de
este sistema para usuarios no
especializados en herramientas
WEB / sistemas de publicación.
http://beniterafa.es
I. ALTA EN PLATAFORMA

Iremos a www.wordpress.com y nos registraremos
en la plataforma.
http://beniterafa.es
I. ALTA EN PLATAFORMA
• Rellenaremos los campos que nos piden y
añadiremos el nombre que queremos ponerle al
blog. (Sin espacios)
• Pulsaremos la primera opción “Create Blog” en la
parte inferior.
• Anotaremos el nombre de usuario elegido y la
contraseña.
http://beniterafa.es
I. ALTA EN PLATAFORMA

Nos loguearemos en la
aplicación.
www.wordpress.com
http://beniterafa.es
II. GESTIÓN DEL BLOG

Empezaremos a gestionar
nuestro/s blog pulsando
sobre la pestaña “My
Blogs”.
http://beniterafa.es
II. GESTIÓN DEL BLOG

Aparecerá nuestro blog creado.

Nos dirigiremos a la pestaña
“cambiar tema” para empezar
a administrar nuestro blog.
http://beniterafa.es
III. PERSONALIZACIÓN
• Buscaremos y seleccionaremos el
tema que más se ajuste a nuestros
objetivos.
• Pulsaremos “vista previa” para
comprobar como quedaría
“estéticamente”.
• Pulsaremos “Activar” para elegir el
tema.
• Podremos cambiar de tema tantas
veces como queramos.
http://beniterafa.es
III. PERSONALIZACIÓN

Pulsaremos Personalizar
dentro de nuestro
escritorio. Menú
Apariencia.

Ajustaremos lo
parámetros Colores,
Cabecera, Front y Título
del Sitio.
http://beniterafa.es
III. PERSONALIZACIÓN
• En colores fijaremos el color asignado a
nuestro blog.
• Es bueno disponer del Hexadecimal del
color para ser exactos, si disponemos de el.
• Si no disponemos de el: http://
www.yellowpipe.com/yis/tools/hex-to-rgb/
color-converter.php
• Veremos como las modificaciones se
producen “ad-hoc”.
• Guardaremos los cambios.
http://beniterafa.es
III. PERSONALIZACIÓN
• En cabecera elegiremos que
tipo de cabecera queremos
para el blog o simplemente
eliminarla.
• Veremos como las
modificaciones se producen
“ad-hoc”.
• Guardaremos los cambios.
http://beniterafa.es
III. PERSONALIZACIÓN
• En Front elegiremos que tipo de entradas /
páginas será la principal. En este caso
eligiéremos las últimas entradas.
• Si cuando veamos las páginas queremos que
una de las desarrolladas sea la principal,
deberíamos elegir la opción de la página y
seleccionar la correspondiente.
• En este caso dejamos “Tus últimas entradas”
marcada.
• Guardaremos los cambios.
http://beniterafa.es
III. PERSONALIZACIÓN -
WIDGETS

Un Widget es una pequeña “parcela” de código
que realiza una serie de acciones programadas.

Son añadidos que ayudan al usuario lector a
interactuar con el contenido y la propia página.

Serán útiles aquellos que cada uno considere
útiles.

Veremos como añadir el Widget de Calendario
y buscar.
http://beniterafa.es
III. PERSONALIZACIÓN -
WIDGETS
• Para añadir un Widget, lo arrastraremos hasta la
zona punteada de “Zona principal de Widgets”
• Añadiremos los Widgets de:
• Buscar
• Calendario
• La zona principal de Widgets: Aparecerán en el
Footer (abajo)
• La zona secundaria de Widgets: Aparecerán a la
izquierda.
• Guardaremos los cambios en cada uno de los
elementos añadidos.
http://beniterafa.es
III. PERSONALIZACIÓN -
CABECERA

Navegaremos:
Personalización / Cabecera

Personalización de la cabecera.

¿Crear una nueva?: Subir
cabecera con medidas 1600 x
230 pixels

Quitar cabecera o colorearla.

Guardaremos los cambios.
http://beniterafa.es
III. AJUSTES - GENERALES

Navegaremos en
nuestro escritorio
hasta AJUSTES
http://beniterafa.es
III. AJUSTES - GENERALES
• Título y descripción personalizada.
• Dirección de correo electrónico.
• Zona horaria: España UCT +1
• Elegir como se muestra la fecha de
publicación.
• Elegir como se muestra la hora de
publicación.
• Idioma: Español
• Guardaremos los cambios.
http://beniterafa.es
III. AJUSTES - ESCRITURA

Desmarcar convertir
emoticonos.

Categoría por
defecto: Ver crear
categorías

Guardaremos los
cambios.
http://beniterafa.es
III. AJUSTES - LECTURA

Dejamos todo como está.

Modificamos: Texto de correo
electrónico de seguimiento
de blog: Personalizar texto

Igual con Comentar el
siguiente texto de correo
electrónico.

Guardaremos los cambios.
http://beniterafa.es
III. AJUSTES - ENCUESTAS
• Nos crearemos una cuenta en
Polldaddy.com
• Daremos de alta la cuenta con la misma
cuente de Wordpress.
• Autorizamos la aplicación.
• Volveremos a Wordpress y añadiremos
nuestro usuario y contraseña de
Wordpress.
• Ya tenemos la cuenta de encuestas
activa.
• Guardaremos los cambios.
1
II
III
http://beniterafa.es
III. AJUSTES - CALIFICACIONES
• Iremos a submenú de
“Calificaciones”
• Lo usaremos si queremos
que los usuarios puntúen
nuestro contenido
• Encima de cada entrada o
debajo, según objetivos.
• Guardaremos los cambios.
http://beniterafa.es
IV. ENTRADAS - CATEGORÍAS

Nos desplazaremos al
menú “Entradas” de
nuestro escritorio.
http://beniterafa.es
IV. ENTRADAS - CATEGORÍAS
• Elegiremos la categoría predefinida
y pulsaremos en editar.
• Cambiaremos el nombre por el
designado (A establecer en nuestra
estrategia personal).
• Añadiremos una descripción.
• Guardaremos los cambios.
• Añadiremos tantas categorías como
sean necesarias para el contenido
de nuestro blog.
1
II
http://beniterafa.es
IV. ENTRADAS - AÑADIR
NUEVA ENTRADA

Nos desplazaremos
dentro de “entradas” a
“Añadir nueva”.

Podremos empezar
nuestro primer artículo.

Repasemos las zonas
importantes.
http://beniterafa.es
IV. ENTRADAS - AÑADIR
NUEVA ENTRADA
Título de nuestra entrada
Cuerpo del mensaje
Añadir una imagen
Ampliar menú de escritura
Crear cita
Insertar Hipervínculo
http://beniterafa.es
IV. ENTRADAS - AÑADIR
NUEVA ENTRADA
Guardar borrador (seguir luego)
Programar entrada.
Tipo de entrada
Selección de categorías creadas
Guardar cambios siempre.
Vista previa de los cambios
http://beniterafa.es
IV. ENTRADAS - AÑADIR
NUEVA ENTRADA
Añadiremos las palabras
claves de nuestro texto.
I magen des t acada de
nuestro artículo. (imagen
que se verá en la página
principal, enriqueciendo el
artículo)
Mostrar iconos sociales
http://beniterafa.es
IV. ENTRADAS - AÑADIR
NUEVA ENTRADA
• Cita de texto.
• Añadir foto
• Añadir encuesta
• Añadir formulario
• Alineación
• Hipervínculo
• Tipo de párrafo: H1, H2,…
• Copiar de Word o
portapapeles.
• Sangría derecha.
http://beniterafa.es
IV. ENTRADAS - AÑADIR NUEVA
ENTRADA - AGREGANDO UNA FOTO
• Añadir objeto
• Seleccionar archivo
• Seleccionar archivo
• Cambiar títulos y descripción.
• Elegir tamaño.
• insertar en la entrada.
1
II
III
http://beniterafa.es
IV. ENTRADAS - AÑADIR NUEVA
ENTRADA - AGREGANDO UN TWEET
• Añadir objeto
• Insertar Tweet
• Buscar por criterio. (En este
caso por nombre de usuario)
• Seleccionar Tweet.
• insertar en la entrada.
http://beniterafa.es
V. TIENDA - AÑADIR UN DOMINIO
PERSONALIZADO A NUESTRO BLOG
• En el escritorio
iremos a tienda.
• Añadir un dominio.
• Tener cuenta de
PayPal o Tarjeta de
Crédito.
http://beniterafa.es
V. TIENDA - AÑADIR UN DOMINIO
PERSONALIZADO A NUESTRO BLOG
• Buscaremos el dominio que
queremos añadir a nuestro
blog.
• Seleccionaremos entre las
opciones.
• continuaremos con el
proceso.
http://beniterafa.es
V. TIENDA - AÑADIR UN DOMINIO
PERSONALIZADO A NUESTRO BLOG
• No usaremos acentos.
• Rellenamos TODOS los campos
del formulario.
• Pulsaremos a registrar dominio.
• En la pantalla seleccionamos la
opción “Sólo registro normal”.
• Pantalla de pago.
• PayPal o tarjeta.
• Comprar.
1 II
III
http://beniterafa.es
VI. USUARIOS - MI PERFIL
• Navegaremos por el escritorio hasta usuarios.
• Submenú “Mi perfil”.
• Rellenaremos:
• First name
• Last name
• Display name publicly as
• About You
• Public Email
• Skype
• Dar de alta en el servicio Gravatar para poner
foto en el avatar (mismo correo que en
Wordpress).
• Añadir servicios como Twitter, Facebook…
• Guardar cambios.
http://beniterafa.es
VII. HERRAMIENTAS -
IMPORTAR
• Si tenemos un Blog en otro servicio
podremos importar las entradas.
• Menú herramientas.
• Submenú “Importar”
• Seleccionar el servicio a importar.
• Autorizar o subir XML
• Subir e importar.
http://beniterafa.es
VIII. PÁGINAS - MODIFICAR
PÁGINA

Dentro del escritorio
menú “Páginas”.

Todas las páginas .

Seleccionamos la página a
editar.

Enlace “Editar.
http://beniterafa.es
VIII. PÁGINAS - MODIFICAR
PÁGINA
Título de nuestra página
Contenido página
Cambiar enlace
Añadir formulario
http://beniterafa.es
VIII. PÁGINAS - MODIFICAR
PÁGINA - AÑADIR FORMULARIO
• Pulsaremos el botón de
“Add Contact Form.
• Editaremos los campos del
formulario o añadiremos
nuevos.
• Añadir este formulario en
mi entrada.
http://beniterafa.es
VIII. PÁGINAS - MODIFICAR
PÁGINA - AÑADIR FORMULARIO

Vista previa de
los cambios.

Actualizar.

Página creada.
1
II
http://beniterafa.es
VIII. PÁGINAS - AÑADIR
NUEVA PÁGINA

Menú Páginas.

Submenú “Añadir
Nueva”

Seguir pasos
anteriores y guardar.
http://beniterafa.es
IX. MENÚS
• Pueden aparecer en el menú páginas,
enlaces o categorías.
• Zona de estructura “Drag and drop” o
cloquear, mover y soltar.
• Añadiremos las páginas al menú.
• Crearemos submenú desplazando los
elementos a la derecha del principal.
• Poner nombre al Menú.
• Crear Menú.
• Ver resultado.
MANUAL BÁSICO
WORDPRESS.COM (MANUAL
TÉCNICO)
Rafael Benítez Moreno
@BenitezRafa