Tutorial final Wordpress

GUÍA INTRODUCTORIA PARA
EL DISEÑO DE UN BLOG
Diseñado por: Maryenis Sanjurjo Arroyo
Centro para el Desarrollo del Profesorado – Componente de Educación General

CONTENIDO
PÁGINA
Capítulo 1: Creando tu blog ………………….………….... 2
Capítulo 2: Modificando la apariencia …………………. 7
Capítulo 3: Creando menús y páginas …………………. 16
Capítulo 4: Añadiendo Widgets ……………………………….. 20
Capítulo 5: Publicación de post con imágenes …………… 22
1

CAPÍTULO 1: CREANDO TU BLOG
[#1] Selecciona el motor de búsqueda de tu preferencia (Ej. )
y coloca en el “address bar” el siguiente URL https://es.wordpress.com/
Paso # 1
Paso # 2
[#2] Una vez escribas el URL y te aparezca la siguiente imagen,
oprime el botón de
para comenzar el diseño de tu
página Blog.
2

[#3] Luego te aparecerá la siguiente pantalla. Aquí deberás
seleccionar el “tema” de tu Blog, el cual determinará cómo se verá
físicamente. Si no estás seguro del tema, puedes elegir cualquiera ya
que más tarde podrás modificarlo.
Paso # 3
[#4] El siguiente paso es seleccionar un nombre y buscar un “dominio”
el cual será el nombre de tu Blog y se convertirá en el URL para
acceder al mismo. Aquí tienes la opción de que tu dominio sea gratis,
pero incluirá la frase “wordpress” en tu URL. Si no deseas esta opción,
puedes optar por pagar una anualidad por un “dominio”.
Paso # 4
3

[#5] Por ejemplo, introduce una frase o palabra para determinar si el
“dominio” está disponible, luego oprime el botón de .
Paso # 5
[#6] Una vez selecciones tu “dominio”, te aparecerá nuevamente la
opción de si deseas que tu Blog sea gratuito o si deseas pagar. Para
decidir cuál opción te conviene mejor, lee donde dice “Más
información” en cada una de las áreas.
Paso # 6
4

[#7] El último paso para crear tu cuenta de Blog consiste en proveer
tu información de correo electrónico, nombre de usuario (Username)
y contraseña (Password).
Paso # 7
NOTA: Una vez termines, recibirás un correo electrónico de parte de
“Wordpress” para activar tu cuenta. Es muy importante que no omitas
este paso, ya que solo podrás trabajar en tu Blog en un período de una
hora aproximadamente antes de que se bloquee el acceso al Website.
5

[#8] Una vez sigas todos los pasos, te debe aparecer una pantalla
similar a la que sale a continuación y una nota de que ya puedes
empezar a trabajar en tu Blog.
Paso # 8
6

CAPÍTULO 2: MODIFICANDO LA
APARIENCIA DEL BLOG
[#1] Una vez creas tu cuenta de Blog, puedes comenzar a
personalizar la misma. Para esto ve al menú que aparece a la
izquierda y presiona el botón de .
Paso # 1
Luego de este paso, debe aparecer una pantalla semejante a la que
sale a continuación con un área de menú más elaborada la cual
utilizarás para hacer múltiples cambios en la apariencia de tu Blog.
Menú
7

[#2] La opción de “Diseño personalizado” te deja modificar la
apariencia del texto del Blog completamente, pero solo está
disponible para la sección “Premium” de Wordpress y no para la
versión gratuita.
Paso # 2
Opción
disponible
en versión
“Premium”
8

[#3] Para cambiar el título, añadir una breve descripción y establecer
un logo o arte representativo al tema o concepto que guiará la
construcción del Blog, oprime el botón . .
Paso # 3
[#4] Aquí puedes modificar el título de tu Blog y añadir una breve
descripción del mismo (debe ser una frase corta, ya que de lo
contrario puede que no aparezca completa y le quite profesionalismo
al Blog). Si tienes un logo o imagen creada para promocionar tu
espacio, puedes añadirlo oprimiendo el botón de .
Paso # 4
9

[#5] Para añadir un logo, oprime el botón de . .
Paso # 5
[#6] Luego puedes subir la imagen desde tu computadora y
convertirla en el logo de tu Blog. NOTA: Si deseas editar el tamaño de
la imagen, lo puedes hacer oprimiendo el botón de “Editar imagen”.
Paso # 6
10

[#7] Esto te abrirá otra pantalla, como la que verás a continuación en
la cual podrás modificar el tamaño. Para que se registre el cambio
debes establecer el tamaño de la escala, luego apretar el botón de
y finalmente el botón de .
NOTA: Puede ser que no aparezca el cambio inmediatamente. Si esto
ocurre, recuerda cerrar todas las pantallas y abrir nuevamente la
cuenta de tu Blog para seguir editando.
Paso # 7
[#8] Una vez termines de editar la imagen que deseas añadir como
logo de tu Blog, aprieta el botón de
para registrar los
cambios.
Paso # 8
11

[#9] Para cambiar el color de la barra de encabezado, oprime el botón
de
y tienes a tu disposición varios colores para cambiar
la apariencia (opciones varían de acuerdo al “tema” seleccionado
para crear el Blog).
Paso # 9
Selecciona
el color
deseado
Oprime el botón
para guardar los
cambios
Formato luego
del cambio
12

[#10] Para cambiar el tipo de letra que deseas utilizar en tu Blog,
aprieta el botón de .
Paso # 10
[#11] Luego te aparecerá la siguiente pantalla con la opción de
cambiar el tipo de letra de los títulos y la fuente base, la cual
corresponde al texto de tu escrito en los “post”.
Paso # 11
13

[#12] Una vez selecciones el tipo de letra que deseas, oprime el botón
de
para registrar tus cambios.
Paso # 12
[#13] Para añadir un color e imagen al fondo del Blog, selecciona el
botón
y te deberá aparecer la siguiente pantalla. Para
cambiar el color del fondo de la pantalla, puedes seleccionar uno de
los colores establecidos o elegir una tonalidad en la opción “escoger
tu propio color”.
Paso # 13
14

[#14] Una vez selecciones el color del fondo de tu página, puedes
añadir si deseas una imagen que aparecería en el fondo del
encabezamiento del Blog. Para esto, seleccionar el botón de
.
Una vez realizados los cambios deseados, recuerda oprimir el botón
de .
Paso # 14
15

CAPÍTULO 3: CREANDO MENÚS
Y PÁGINAS EN TU BLOG
[#1] Inicialmente tu Blog tiene un menú de navegación con dos
páginas. La primera es la “Página de inicio” y la otra es “About”. Si
deseas añadir más opciones de navegación a tu Blog, oprime el botón
de .
Paso # 1
16

[#2] Te saldrá la siguiente pantalla para crear una opción de menú
para eventualmente añadir una nueva página a tu Blog. Para crearlo,
oprime el botón de .
Paso # 2
[#3] Luego, te saldrá la siguiente pantalla y selecciona la posición en
la cual deseas que aparezca.
Paso # 3
17

[#4] Añade el nuevo elemento al oprimir el botón correspondiente.
Recuerda modificar el nombre con el cual quieres identificar esta
nueva opción de navegación. Una vez termines de realizar los
cambios requeridos, oprime el botón de .
Paso # 4
[#5] Una vez añadas la opción del menú de navegación, puedes
crear una nueva página para añadir a tu Blog al colocar el curso en
la opción de “Páginas” y apretar el botón de .
Paso # 5
18

[#6] Una vez crees tú nueva página, identifícala con la categoría de
la información que deseas incluir. Luego de redactar el contenido,
oprime el botón de .
Paso # 6
[#7] Para parear la opción de menú de navegación y la nueva página
creada, ve a la opción de
en el lado izquierdo de la
pantalla. Deberás parear la categoría del menú de navegación con el
de la página, tal y como lo indica el siguiente ejemplo. Una vez
termines, oprime el botón de y luego .
Paso # 7
19

CAPÍTULO 4: AÑADIENDO WIDGETS
[#1] Para añadir más opciones interactivas a tu Blog, presiona el
botón de
en el menú.
Paso # 1
[#2] Los Widgets pueden aparecer en cualquier lado del Blog y es
cuestión de gusto personal el dónde deseas que aparezcan. Para
añadirlos, puedes seleccionar tanto el menú de la izquierda como
los “shortcuts” de editar que aparecen frente a cada Widget.
Paso # 2
20

[#3] Para eliminar y añadir los Widgets, selecciona los botones
correspondientes. Una vez selecciones, recuerda oprimir el botón
de .
Paso # 2
21

CAPÍTULO 5:
AÑADIENDO POST CON IMÁGENES
[#1] Para crear tu primer “post”, puedes hacerlo a través del menú o
puedes comenzar a editar desde el botón “Empieza aquí”
Paso # 1
[#2] Una vez termines de redactar el contenido de tu post, puedes
añadir una foto que acompañe el mismo, utilizando el siguiente
botón .
Paso # 2
22

[#3] Hay varias opciones para acomodar la imagen alrededor del
texto, todo dependerá de tu gusto personal. Si deseas incluir un
“foot note” en la parte inferior de la imagen, puedes hacerlo con el
botón .. Una vez termines, oprime .
Paso # 3
23