Este documento proporciona instrucciones para crear y editar páginas en WordPress. Explica cómo configurar ajustes generales, añadir páginas y entradas, categorías, temas, menús, y plugins. También describe cómo personalizar la apariencia del sitio mediante la configuración de temas, menús y widgets.

1. ACTIVIDAD OBLIGATORIA 1
crear y editar una página
WordPress
Javier Hernández González Nº 12
Marketing Y Publicidad Ces Juan Pablo II
Marketing Digital

2. ÍNDICE
1. ¿Qué es WordPress?
2. Ajustes Generales
3. Páginas y Entradas
4. Categorías
5. Apariencias
6. Menús y Submenús
7. Widgets y Plugins

3. ¿Qué es WordPress?

4. ¿Qué es WordPress?
 WordPress es un sistema de gestión de contenidos (CMS).
Consiste en una plataforma de desarrollo y creación de sitios web donde se nos facilita todo el
tema de desarrollo y customización de nuestro propio sitio web sin la necesidad de conocimientos
previos de programación web.

5. Ajustes Generales

6. Acceder a nuestro sitio sin el
hosting
Para acceder a nuestro back-end simplemente tendremos que
insertar en la URL de nuestro navegador el dominio que hemos
adquirido seguido de “/wp-admin”. En nuestro caso:
traveltoiceland.000webhostapp.com/wp-admin
Nos saldrá la página de inicio de sesión de nuestro WordPress
cuyos credenciales ya hemos gestionado previamente en el Hosting
(nombre de usuario: “admin” y Contraseña).
Lo cuál nos llevará a la siguiente página de configuración:

7. Navegar por el panel de
administración de nuestro sitio
WordPress
POSTS: Posts o entradas que tenemos asociadas en nuestra página
Media: Galería de Imágenes, Videos y Audios de nuestro sitio web
Pages: Páginas que componen nuestra página
situados en los menús y submenús del sitio
Appereance: Desde aquí
customizaremos la apariencia de
nuestro sitio web
Plugins : Desde aquí podremos instalar una serie de
Widgets y Plugins que WordPress nos facilita para añadir
funcionalidades a nuestro sitio web
Settings : Ajustes de la página que podemos configurar a
nuestro gusto

8. Ajustes
Generales
Esta es la ventana principal de Ajustes de
nuestro sitio web, desde aquí podremos
configurar cosas como el titulo que
queremos que aparezca para nuestro
sitio, la URL, el correo de administración,
etc.

9. Ajustes de escritura
 Para acceder aquí tendremos que irnos a Ajustes > Escritura

10. Ajustes de Lectura
 Para llegar aquí tendremos que seguir la
siguiente ruta: Ajustes > Lectura
En este apartado
configuramos Home
como página estática
de inicio. Porque,
básicamente queremos
crear una página web y
no un Blog
Aquí configuraremos
los posts que queremos
que la página muestre
desde los más recientes
Aquí debemos elegir el campo “resumen” para
que el usuario pueda ver un resumen del post y
así incitar a que haga click para ver la página
 Una vez hemos terminado de configurar nuestros
Ajustes de Lectura de la página le daremos a
“guardar cambios” para que surjan efecto la próxima
vez que la página sea visitada.

11. Ajustes de Comentarios
 Para acceder al siguiente sitio seguiremos la siguiente ruta: Ajustes > Comentarios
En este apartado podemos configurar todo lo que se refiere en cuanto a comentarios, desde bloquear ciertas palabras, hasta los requisitos que
deben seguir los usuarios para postear un comentario y el aspecto del avatar del usuario cuando postee el comentario
Aquí podemos
configurar los
requisitos de los
comentarios
Aquí podemos
configurar cuantos
links puede tener
un comentario
como máximo y
que debe contener
para que este no
sea “blacklisteado”
Aquí podemos
oberservar los
comentarios que
han sido
moderados y
“blacklisteados”
 Para guardar los cambios y que estos se hagan visibles en
nuestro sitio web, como siempre daremos al botón “guardar
cambios” para que estos tengan efecto en la página.

12. Ajustes de Links Permanentes
 En este apartado configuraremos el “aspecto que queremos que tengan los links de los posts
que nosotros realizamos en nuestro sitio web. Accederemos desde la siguiente ruta: Ajustes >
Enlaces Permanentes.
 Escogemos esta opción para que el enlace de la
página tenga el nombre que nosotros pondremos
al propio post, es decir escogemos la opción que
nos parezca la URL más “amigable” y entendible
para el usuario que visite nuestro sitio web
 Para establecer los ajustes que hemos realizado le
damos al botón de “guardar cambios” para que la
configuración se haga efectiva en nuestro sitio web

13. Ajustes de Usuario (I)
 Para configurar elementos a nivel usuario debemos irnos a “Usuario” en nuestro panel de
configuración.
 En este apartado podremos configurar cosas
como la apariencia que queremos que tenga
nuestro front-end a nivel de usuario administrador,
y habilitar o deshabilitar algunos elementos
visuales de escritura a la hora de configurar
nuestros posts

14. Ajustes de Usuario (II)
 Aquí configuramos todo lo respectivo a nuestro nombre
de usuario, nickname, y el nombre con el que queremos
que se identifiquen nuestras publicaciones en el sitio
web
Biografía del
usuario
Imagen de perfil
(avatar) de
nuestro usuario
Ajustes de sesión y de cambio
de contraseña del usuario
“Guardamos cambios” para efectuar los ajustes realizados en el
perfil

15. Páginas y entradas

16. Páginas
 Desde aquí podremos visualizar las páginas
que tenemos y previsualizar, editar o eliminar
todas y cada una de ellas, así como añadir
nuevas páginas a nuestro sitio web.
 Para acceder aquí simplemente tendremos que
hacer click en el apartado “Páginas” en nuestro
panel de administración.
 Haremos click aquí para crear una nueva página
para nuestro sitio web (cualquiera de las 2 formas
es válida).

17. Crear una nueva Página (I)
 En segundo lugar, vamos a elegir el layout
(disposición) que queremos que tengan los
elementos de la página que vamos a crear para que
el usuario los visualice de una manera u otra.
 Una vez hemos pulsado en “Añadir nueva página ”,
primero de todo debemos elegir el titulo que
queremos que tenga

18. Crear una nueva página (II)
 Titulo de nuestra página
 Carrusel de imágenes que
tendrá la página una vez
publicada
 Títulos y descripciones de las
secciones de nuestra página
 Imagen que hemos seleccionado con
temática respectiva a nuestra página,
en este caso como el tema de la
página son lugares de interés en
Reikiavik hemos puesto una imagen
de la nueva catedral de
Hallgrímskirkja

19. Añadir imágenes a la página
 Haremos click en “subir” para añadir una imagen de
nuestro pc directamente a la página.
 Haremos click en “librería” para subir una foto que
tengamos guardado en el álbum del back-office de
nuestro sitio WordPress
 Una vez hemos configurado la página
simplemente le daremos al botón de “Publicar” y
ya tendremos añadida nuestra página nueva al
menú de páginas de nuestro back-office
 NOTA: podemos previsualizar la página que verá el usuario dándole al botón de “previsualizar”

20. Publicar la nueva página
 Aquí podemos configurar como queremos que sea la página antes
de que sea publicada
 Aquí configuramos quien queremos que vea
la página que vamos a publicar
 En este apartado vamos a
configurar la fecha y la hora en la
queremos que la página se
publique.

21. PUBLICACIONES
 Para añadir una nueva publicación simplemente tendremos que
dar click en el botón
 En este apartado podemos ver todas
las publicaciones que tenemos en
nuestro sitio web, así como editar,
eliminar o previsualizar todas y cada
una de ellas. Para acceder aquí
simplemente tendremos que hacer
click sobre “Publicaciones” en nuestro
panel de administración

22. Añadir una nueva entrada
 Título de la entrada
 Imagen de la entrada.
Subiremos el archivo de la imagen que ya
tendremos subido previamente a nuestra
biblioteca del sitio WordPress, para así, evitar
cargas innecesarias y optimizar nuestro sitio
web.
 Breve descripción de la entrada

23. Editar la entrada
 Tipo de bloque que
queremos que sea
 Tipo y tamaño de fuente
que queremos que tenga
el párrafo
 Color de fondo del
párrafo
 Color de fondo del
texto del párrafo

24. Customización de la nuevo entrada
 Etiquetas que queremos que tenga el post para
que sea más intuitivo para el usuario.
 Categoría
del post
 Para añadir una nueva categoría al
post simplemente haremos clic en
“añadir nueva categoría” y
pondremos el nombre de la
categoría y a la categoría “padre”
(mayor jerárquicamente) a la que
queremos que pertenezca y para
finalizar pulsaremos en el botón
“añadir nueva Categoría”.
Con esto conseguiremos que el post ya tenga
automáticamente asignado la categoría que
acabamos de añadir

25. Publicar una nueva entrada
 En este apartado configuraremos la visibilidad que
tenga el post dentro de nuestro sitio web.
 Una vez hemos configurado el Post,
simplemente le haremos clic en el
botón de publicar
 En este apartado configuraremos la
fecha de publicación en la que
queremos que se haga efectiva.

26. Categorías

27. Categorías
 Para acceder aquí tendremos que irnos a Publicaciones > Categorías
 Categoría Padre de la
nueva Categoría que
vamos a crear
 Nombre de la nueva
Categoría
 Cuadro donde aparecen todas las
Categorías de los posts del sitio
 Descripción de la nueva
Categoría
 Añadir la nueva
Categoría

28. Apariencia

29. ¡¡IMPORTANTE!!
Tanto el tutorial como el sitio WordPress han sido realizados y configurados sobre el tema gratuito
Orfeo
En las siguientes diapositivas vamos a
explicar como encontrar, instalar y
customizar nuestro tema GRATUITO
“Orfeo”

30. Apariencia > Temas
 En este apartado nos aparecerán todos los
temas que tenemos guardados para
nuestro sitio WordPress, también podemos
añadir nuevos temas de la siguiente
manera:
 Hacemos clic en
“Añadir nuevo Tema”

31. Añadir e instalar un nuevo Tema
 En este apartado vamos a añadir un nuevo
tema, en nuestro caso el tema GRATUITO
“Orfeo”, para ello tan solo tendremos que
buscarlo en el buscador de Temas de
WordPress.
 En nuestro caso ya está instalado, pero para
instalarlo simplemente tendremos que darle al
botón de “instalar” que nos aparece abajo al
poner nuestro mouse encima del cuadro del
tema.

32. Activar un Tema
 Para activar el tema simplemente haremos clic
en el botón de “Activar”
 Antes de instalar y activar un Tema es importante
ver si la versión y la descripción del mismo
encaja con el tipo de sitio web que deseamos
crear.
Es decir, que cumple con los requisitos que
esperamos y se puede adaptar a la forma que
queremos que tenga nuestro sitio web.
En nuestro caso hemos elegido “Orfeo” porque es
un tema con alto grado de customización del sitio
para el administrador, y además de ser responsivo,
tiene tecnología parallax, que básicamente es un
efecto visual de scroll cuando el usuario hace scroll
dentro de la pantalla de página.

33. Customización
de un Tema (I)
Desde el propio panel de Administración nos
pondremos iremos a Apariencia > Temas
Para customizar el tema simplemente
haremos clic en el botón “Customizar”

34. Customización de un Tema (II)
 En los siguientes apartados voy a mostrar algunos de los
aspectos customizables que podemos realizar desde el front-
end de nuestra plantilla para personalizar nuestro sitio web y
que así tenga un aspecto más profesional, el tema que hemos
elegido nos permite personalizar millones de cosas, por lo
que es imposible mostrar todas en un solo tutorial.
 Podemos cambiar todos los elementos tanto
desde el menú de la parte izquierda, como
clicando sobre los elementos que aparecen en
la página previsualizada en la parte derecha.

35. Menús y Submenús

36. Agregar un nuevo menú
 Para customizar el menú de nuestro sitio
web, simplemente nos tendremos que
poner sobre la pestaña de menú en el
editor de la página y hacer clic.
 Nos llevará al siguiente
menú de edición de
menús.
 Para crear un nuevo menú
simplemente haremos clic
en el botón “Añadir Nuevo
Menú”.

37. Crear un nuevo Menú (II)
 Nombre que queremos que tenga el menú
 Donde queremos que se encuentre situado
el menú que vamos a crear, en este caso
seleccionaremos “Primary Menu” y “Very
Top Menu”, para que sea nuestro menú
principal y siempre se encuentre situado en
la parte superior del sitio web
 Una vez hemos rellenado estos campos simplemente
pulsaremos sobre el botón “siguiente”.

38. Crear un nuevo Menú (III)
 Una vez tenemos la siguiente menú de administración haremos
clic en “añadir elemento”
 Nos aparecerá el siguiente cuadro donde podremos añadir y
seleccionar las páginas que queremos que aparezcan en el menú
que vamos a crear
 Para añadir una página nueva en nuestro
menú simplemente tecleamos el nombre que
queremos que tenga y haremos clic en el
botón “añadir”

39. Crear un nuevo menú (IV)
 Para añadir un elemento al menú como si fuera un
submenú. Simplemente arrastraremos la página que
queremos que sea el submenú debajo del elemento
“padre” del menú.
En este caso hemos puesto la página (que en realidad es
un post) “Northern Lights” dentro del elemento del menú
“Nature” para que sea más intuitivo para el usuario final
de la página.
 Para guardar y que estos cambios tengan efecto sobre la página final daremos
al botón “publicar”

40. Plugins & Widgets

41. Plugins & Widgets
 Para acceder a este apartado tendremos que hacer clic en el Apartado “Plugins” de nuestro menú de
administración del back-office.
 En esta página podremos ver y
activar/desactivar todos los plugin
que tengamos instalados en
nuestro sitio WordPress.

42. Añadir un nuevo plugin
 Para añadir un nuevo plugin simplemente tenemos que hacer clic en el botón “Añadir Nuevo” de la ventana
anterior o desde el propio panel de administración.
 En siguiente lugar haremos clic en “Instalar
Ahora” y ya tendremos el plugin instalado y
listo para ser Activado desde el panel de
plugins
 Para instalar el plugin “Yoast SEO”,
solamente tendremos que escribirlo en el
buscador de plugins de WordPress

43. Widgets
 Para acceder a este apartado tendremos que irnos al panel de configuración del back-office Apariencia >
Widgets. Dependiendo del tema que tengamos instalado en nuestro sitio WordPress tendremos una serie de
Widgets u otros, en nuestro caso tendremos los siguientes:

44. LINK DEL SITIO WEB
https://traveltoiceland.000webhostapp.com/