You are on page 1of 42

GUÍA PRÁCTICA PARA CREACIÓN DE

PÁGINA WEB CON WORDPRESS

¿Qué información se necesita para iniciar una página web?


Antes de iniciar a crear una página web se necesita:
 Un esquema de la estructura que se le dará a la página.
 Información y contenido relacionado al negocio u empresa, la cual se colocará en cada página o entrada
de la web.

Para el trabajo que se realizará en el curso se propone el siguiente esquema para el menú principal. La
información:

Inicio Promociones Quienes somos Catálogo Ubicación Contáctanos


Historia Pág. X categoría Mapa de negocio
Misión y visión Revista offline
Valores

INICIO: Se diseñará una portada creativa para el sitio web, colocando una bienvenida a la persona que visita
la página y al menos dos (2) promociones sobresalientes.

PROMOCIONES: En esta página, se colocarán todas las promociones y ofertas que considere se puedan dar
en la semana o bien en el mes. Esta sección, deberá de requerir mantenimiento constante, debido a que es
donde se presentarán las posibles promociones u ofertas.

QUIENES SOMOS: Esta sección del sitio estará conformado por varias subpáginas:

 HISTORIA: En esta página se dará a conocer al lector información sobre: el nombre de la empresa, el
eslogan, el logotipo y la historia de cómo surge la creación de la empresa, su fecha de fundación entre
otros datos.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

 MISIÓN Y VISIÓN: En esta página se colocará la misión y la visión de la empresa de forma clara y
agradable a la vista del lector.

 VALORES: Acá se darán a conocer cuáles son los valores que la empresa maneja, explicando cómo aplica
cada uno de ellos.

CATÁLOGO: Esta sección del sitio estará conformado por varias subpáginas:
 PÁGINAS POR CATEGORÍA: En esta sección se podrían crear subpáginas por cada categoría que se
desee crear. Por ejemplo una página para ropa para hombres adultos, para mujeres adultas, para niños,
para niñas, de accesorios, entre otras. Es decisión del propietario en conjunto con el diseñador la forma en
cómo se presentará la misma.

Lo que sí es importante tener presente es que cada artículo que conforme la categoría debe de tener la
información suficiente para que la persona interesada tenga todas las especificaciones del mismo. Ejemplo:
Descripción del producto, tallas, colores, marcas y precios. Nota: Se podría utilizar la opción de crear
galerías de imágenes según cada categoría.

 REVISTA OFFLINE: Se puede diseñar un documento que contenga los productos con su respectiva
información y precios, presentados como cualquier catalogo impreso conocido actualmente en el entorno.

UBICACIÓN: En este apartado, se colocará el mapa de ubicación de la empresa empleando el geo


posicionamiento de Google, debiendo de añadir adicional la dirección del negocio, teléfonos de la empresa
tanto fijos como móviles y nombre del contacto que atendería las llamadas telefónicas.

CONTÁCTANOS: En esta sección se deberá de diseñar un formulario de contacto o consulta para que las
personas o clientes potenciales puedan comunicarse con la empresa.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

¿Qué URL’s necesito conocer para una página web?


Las URL’s que se necesitan son las siguientes:

SITIO WEB BASE URL

GMAIL gmail.com

WORDPRESS wordpress.com

GOOGLE MAPS maps.google.com/

ISSUU issuu.com

Y la URL más importante para desarrollar el trabajo: La URL que se le asignará al SITIO WEB.

¿Qué procedimientos se deben seguir para crear el sitio web?


Para poder crear una página web se deben efectuar los siguientes pasos:

CREAR UNA CUENTA EN GMAIL O BIEN INICIAR SESIÓN

Se recomienda crear una cuenta en Gmail para no mezclar la información del correo personal con la del correo
empresarial. Esto con el propósito de evitar confusiones o malos entendidos con los socios o accionistas que
puedan estar contribuyente financieramente y que deban de tener acceso a la información que la página y los
contactos estén generando.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

Los pasos a seguir son los siguientes:


PASO 1: Abrir el navegador y digitar gmail.com para crear la cuenta de correo electrónico de la empresa.

gmail.com

PASO 2: En la ventana que aparecerá, elegir la opción Crear cuenta.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 3: Al elegir la opción Crear cuenta, aparecerá el formulario inicial para recopilar la información básica
de la nueva cuenta. Deberá de llenar las casillas con la información que se le solicita y luego avanzar en la
opción Siguiente.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 4: Luego de llenar el formulario con la información básica y avanzar al siguiente paso, el proceso de
registro solicitará un número telefónico para enviar un código de verificación. Hacer clic en Siguiente para
enviar dicho código y avanzar al cuadro para el ingreso del mismo.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 5: Una vez ingresado el código de verificación para validar la cuenta, mostrará el formulario solicitando
información adicional y de recuperación de cuenta, el cual debe ser llenado también. Hacer clic en Siguiente
para continuar con la creación de la nueva cuenta.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 6: Ingresada la información adicional aparecerá una ventana con el contrato de Privacidad y
condiciones de uso del correo electrónico. Leerlo detenidamente y luego hacer clic Acepto para dar inicio al
acceso a la cuenta de correo de Gmail

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 7: Aceptado el contrato de licencia y condiciones de uso, se visualizará un pequeño tutorial de cómo
usar la cuenta de GMAIL y las opciones que coloca a disposición del usuario. Se puede cerrar haciendo clic en
la equis ( x ) que se encuentra ubicada en la parte superior derecha de la ventana.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 8: Al cerrar la ventana anterior, se visualizará la plataforma de trabajo de la cuenta de Gmail creada
para el sitio web. Ya está listo para el siguiente procedimiento.

CREAR UN SITIO WEB O BLOG CON WORDPRESS

Luego de crear la cuenta de correo electrónico, ya se puede iniciar con el procedimiento para la creación del
sitio web. Para este trabajo, se estará efectuado con Wordpress.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

Los pasos a seguir son los siguientes:


PASO 1: Abrir el navegador, o bien una nueva pestaña y digitar wordpress.com para crear el nuevo sitio web
de la empresa.

wordpress.com

PASO 2: Al cargar la página de wordpress.com deberá de hacer clic en Empieza Ahora para iniciar con el
proceso de creación del sitio web.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 3: En los siguientes pasos deberá de llenar la información que solicita cada uno de los formularios de
creación del sitio en Wordpress. Proceda a llenar la información y hacer clic en Continuar.

¿QUÉ DEBO COLOCAR EN CADA CASILLA DEL PASO 1 DE 4?

¿Cómo quieres que se llame tu sitio? Acá se debe colocar el nombre de la empresa

¿De qué trata tu sitio? Colocar las palabras claves relacionadas con la
actividad comercial de la empresa, separadas por coma.

¿Cuál es el objetivo principal de tu sitio? El formulario presenta opciones que deberá de marcar
según el objetivo que perseguirá el sitio web.

¿Cuál es tu nivel a la hora de crear sitios web? El formulario presenta una escala de 1 a 5 donde 1 es
nivel principiante y 5 es nivel experto en diseño de sitios
web. Se recomienda colocar un valor de 3

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 4: En el siguiente paso (Paso 2 de 4) ya se empieza a utilizar la información que fue preparada con
anterioridad. Deberá de asignar el nombre de la URL que identificará a la empresa en la web.

Deberá de asignar una URL que vaya acorde con el nombre de la empresa, tiene que ser corto y fácil de
recordar. Un nombre difícil de recordar restará puntos, pues los clientes potenciales y las personas no
podrán recordar el nombre del sitio web.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 5: Al digitar el nombre en la casilla donde solicita introducir uno nombre o una palabra clave, el
formulario de Wordpress ayudará de forma automática a relacionar posibles nombres disponibles que se podrá
asignar al sitio web de la empresa. Algunos dominios serán gratuitos y otros son de pago.

El diseñador juntamente con el propietario de la empresa puede elegir el que desee. Para este ejemplo se
seleccionará el que coincide con el nombre escrito en la casilla y que corresponde directamente con el nombre
de la empresa.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 6: Luego de asignar la URL al sitio web, el Paso 3 de 4 del formulario de Wordpress, consiste en indicar
el tipo de plan de pago. Para el ejemplo que se está siguiendo, se elegirá el Plan Gratis haciendo clic en
Comience como Gratis.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 7: El Paso 4 de 4 del formulario de Wordpress, consiste en crear la cuenta que dará acceso al panel de
trabajo del sitio web de la empresa. En la casilla de dirección de correo electrónico se colocará la cuenta de
correo que fue creada exclusivamente para la empresa, en la casilla Seleccionar un nombre de usuario el
formulario toma como valor por defecto el mismo nombre asignado a la URL, si desea se puede cambiar y
por último, en la casilla de Seleccionar una contraseña debe asignar una contraseña que dará acceso al panel
de trabajo. Hacer clic en Continuar para avanzar.
Para crear la cuenta también puede hacerlo haciendo clic en Continuar con Google y asignar la información
que se solicite.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 7: Para finalizar el proceso de creación del sitio web se deberá hacer clic en Ver mi sitio y que termine
el proceso de creación del sitio web.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 8: Al cargar la plataforma de trabajo del sitio web, Wordpress dará un pequeño recorrido de las funciones
y acciones que se pueden hacer. Solo deberá ir leyendo y hacer clic sobre Siguiente.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 9: Después de seguir el recorrido que da Wordpress es necesario regresar al correo electrónico para
validar el sitio web, haciendo clic en el botón CLICK HERE TO CONFIRM NOW, automáticamente re
direccionará al sitio web nuevamente.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 10: Para finalizar es necesario cumplir los aspectos básicos adicionales, los cuales deberá de configurar
para completar los lineamientos estándares establecidos por Wordpress.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

¿Qué procedimientos debe seguir luego de la configuración básica

del sitio web?

Luego de haber efectuado toda la configuración inicial del sitio web de la empresa, de haber elegido la plantilla
base, de haber configurado la información general del sitio (Nombre del sitio y eslogan) ya se está preparado
para empezar a generar el contenido que será presentado a los clientes.

Pero antes de generar el contenido del sitio web, es necesario conocer algunas de las funciones básicas del
panel de trabajo, específicamente las de Administrador. A continuación se explicará brevemente las que se
utilizarán frecuentemente.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

 Al hacer clic en la opción Añadir se abrirá la ventana que permitirá crear una página para el sitio web. Los
elementos que en la ventana aparecen son fáciles de utilizar, pues es trabajar como si se hiciera en la
aplicación de Microsoft Word (Texto, imágenes, uso de fuentes y tamaño de letra).

3
1

2 4

Cada página se puede puntualizar en cuatro secciones:


1. Título: En esta área se debe asignar el nombre de la página.
2. Área de contenido: Está área es donde se coloca toda la información que se quiere dar a conocer.
3. Vista previa y publicación: Vista previa se usa para ver cómo va quedando el contenido de la página
web y Publicar para guardar la página y publicarla en el sitio web.
4. Opciones adicionales: Para agregar contenido adicional a la página web que se está trabajando.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

 Si el clic se hace sobre el título Páginas del sitio se visualizarán todas las páginas que se han creado
dentro del sitio web. Cada página cuenta con un icono de tres puntos, que al hacer clic se visualizan las
opciones editar, ver página, estadísticas, copiar y papelera, que son puestas a disposición del diseñador
web.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

Las opciones de Entradas de blog son exactamente iguales a las de Páginas del sitio. La diferencia es la
siguiente:
 Las entradas o posts son las noticias o artículos que forman parte del diario, del blog propiamente dicho.
Se organizan de forma cronológica, admiten categorías y etiquetas.

 Las páginas son contenidos estáticos que normalmente se utilizan para la información genérica de un blog.
Son artículos que no forman parte del diario, no se organizan de forma cronológica, sino de forma
jerárquica. Las páginas de primer nivel aparecen en el Menú principal.

La biblioteca de medios permite visualizar todos los documentos multimedia utilizados en las diferentes páginas
web. Puede agregarse al servidor web un nuevo archivo haciendo clic en el botón añadir. A partir de allí debe
ingresar la información que solicita la ventana de carga de archivo.

También se puede hacer clic sobre el título Medios para abrir la ventana que mostrará la galería actual de los
medios multimedia existentes en el sitio web tal y como se ve en la siguiente imagen.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

La ventana muestra opciones para editar tamaños, modificar información, o bien eliminar las imágenes que no
se está utilizando.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

Suenan interesantes estas herramientas!!! ¿Qué sigue ahora?


Ahora lo que sigue es poner manos a la obra, y empezar a crear las diferentes páginas que tiene que tener el
sitio web, con base al esquema propuesto al principio del documento.

Luego de crear todas las páginas que tendrá el sitio web, se deberán de presentar a través de un menú principal.

Y… ¿Cómo se hace el menú principal?


Para crear el menú principal existen 2 formas de hacerlo. Una de ellas es a través de la opción Personalizar
que presenta el panel. Se debe hacer clic para que cargue el panel de edición de todo el tema. En la ilustración
se puede observar lo explicado. Personalizar -> Menú -> Primary -> Cargar la páginas y subpáginas.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

La segunda forma de crea el menú principal es un poco más práctica, pero requiere cambiar la vista del panel
de trabajo actual al modo administrador. Para ello lo que se debe hacer es lo siguiente:

PASO 1: Abrir el navegador y digitar url-empresa.wordpress.com/wp-admin. La ilustración muestra el


ejemplo: para crear la cuenta de correo electrónico de la empresa.

peliculasdeoriente.wordpress.com/wp-admin

Al presionar la tecla ENTER, se cargarán todas las opciones pero en modo ADMINISTRADOR

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

El Panel de Administración es muy sencillo visualmente, manteniendo siempre el menú principal del mismo (el
que permite administrar las diferentes opciones de WordPress) a la izquierda.

Luego de cambiar la forma de visualización del sitio web a modo administrador, lo primero de todo es que,
desde el escritorio WordPress vayas a Apariencia -> Menús [1].

Lo que te saldrá a continuación es el lugar desde el que vamos a gestionar la creación y modificación de los
menús de navegación del blog.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

En la columna de la izquierda [2] salen todos los elementos que puedes añadir a un menú, y que son los que
te había comentado antes: páginas, entradas, enlaces personalizados (hacia donde tú quieras) y etiquetas.

Ahora mismo sale todo en gris atenuado porque aún no se pueden usar. Hasta que no se cree un menú, no se
podrá acceder a esas opciones.

Y para crear el menú, solo se tiene que poner el nombre del menú en la casilla donde lo pide [3].

Lo mejor es que aquí le pongas como nombre el de su ubicación. Es decir, si el menú que se va a crear, va a
ser el principal, se recomienda ponerle el nombre de menú principal o algo similar, sino luego puede
confundirse.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

Y es que se pueden crear tantos menús como se quiera, aunque luego solo se pueda usar los que el tema te
permita (alguno más si utilizas un widgets de menús).

Y una vez que se haya elegido el nombre del menú, hacer clic en el botón azul donde pone “Crear menú”
[4].

Como se puede ver, ahora la columna de la izquierda que no se podía usar antes [2], ahora sí se puede usar.

Básicamente, lo que hay que hacer es ir seleccionando, dentro de todas las opciones que da, las páginas (o
entradas o lo que sea) que se quieran añadir al menú y hacer clic en el botón “Añadir al menú” [5].

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

Automáticamente, los elementos seleccionados se pasarán a la zona de la derecha, donde pone “Estructura
del menú” [6], y cada uno de ellos será un botón de tu nuevo menú.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

¿CÓMO AGREGAR PÁGINAS, ENTRADAS Y CATEGORÍAS AL MENÚ?


Para agregar páginas, entradas o categorías al menú solo tienes que hacer clic en la sección
correspondiente en la columna de la izquierda [2], y te saldrá un desplegable similar a los de la imagen.

Es muy fácil.

Solo se tiene que seleccionar las páginas, entradas o categorías que quieras añadir al menú [8] y hacer clic
en el botón “Añadir al menú” [5].

Para facilitarle la vida, también se puede usar de las pestañas de arriba [7] que le ayudarán a encontrar lo que
se ande buscando (muy útil si se tienen muchas entradas o páginas y no quieres perder tiempo buscando en
la lista que te sale). Una vez le des al botón de “Añadir al menú” verás como a la derecha, en la “Estructura
del menú” [6], se añaden los nuevos botones.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

¿CÓMO AGREGAR ENLACES PERSONALIZADOS AL MENÚ?


Ésta opción la separo porque es un poco diferente a las anteriores, pero ya verás que tampoco tiene ningún
misterio.

En donde pone URL [9] se tiene que poner la url a donde se quiera que el botón lleve al hacer clic en él.

En “texto de enlace” [10] se tiene que poner lo que se quiere que ponga en el botón del menú.

Y cuando ya se tenga, se le da al botón “Añadir al menú” [5] y se añadirá a la “Estructura del menú” [6]
para que se pueda seguir trabajando con él.

yUna vez dentro, nos aparecerán todos los archivos que hemos subido a nuestro servidor Web.
Despúes de haber escrito el contenido de la p¿agina

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

¿CÓMO MODIFICAR UN MENÚ EN WORDPRESS?


Ahora que ya se han añadido los botones al menú, toca hacer algunas modificaciones para que se vea como
se desea, ya que si se observa, hasta ahora solo se han añadido los botones, pero también se quiere elegir en
qué orden se quieren colocar. O incluso si se quiere crear un submenú desplegable.

Ahora se va a trabajar solo con la parte derecha de la pantalla, lo que corresponde a la estructura del
menú.

Si te fijas, todas las páginas que se han agregado al menú para este tutorial salen como si ya fuesen botones.

El orden en que aparecen de arriba abajo es el orden en cómo se van a ver los botones en el sitio web,
solo que de izquierda a derecha (porque aquí se verán los botones como una columna, pero lo más normal es
que en el blog se vean como una fila).

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

Así que si se quiere cambiar el orden de los botones, lo que se tiene que hacer, es cambiar el orden de los
mismos desde estructura del menú, donde estamos ahora. Para ello tienes que hacer clic sobre el botón que
se quiere mover y arrastrarlo hasta ponerlo en el nuevo lugar en que se quiera que se vea.

Una vez que se tengan todos los botones ordenados, toca elegir dónde se va a mostrar el menú. Para ello,
en “Opciones del menú”, donde pone “Ubicación del tema”, elegir la posición marcando la casilla
correspondiente [11].

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

Una vez que hayas ordenado los botones y hayas elegido la ubicación, haz clic en el botón azul done pone
“Guardar menú” [12].

¿CÓMO CREAR UN MENÚ DESPLEGABLE?


Para hacer un menú desplegable en WordPress, para que cuando se pase el cursor sobre alguno de los
botones se despliegue un submenú con más opciones. Para ello, se tiene que volver a la estructura del menú.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

Lo que hay que hacer es coger el botón que se quiere aparezca en el desplegable, y ponerlo debajo del botón
principal (el que generará el desplegable al pasar el cursor por encima), pero un poquito a la derecha.

Si te fijas, mientras se hace clic en el botón y se arrastra para cambiarlo de posición, le van saliendo unos
contornos dibujados con una línea discontinua que indican dónde va a quedar el botón cuando lo sueltes.

Si en vez de poner el botón justo debajo del anterior, y alineado con él, lo mueves un poquito hacia la
derecha, se observará que queda como más desplazado [13].

Eso indica que cuando se suelte ese botón, va a ser un subelemento del botón principal, que será el que tiene
justo encima y que está alineado a la izquierda del todo. Y esto se puede hacer tantas veces como se quiera.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

Fíjate en la siguiente imagen:

Ahora surge una nueva interrogante dentro del esquema planteado

al principio.

Y… ¿Cómo se hace para poner la ubicación de la empresa?


Para crear el mapa de ubicación a través de la herramienta de Google Maps (maps.google.com/) se deben de
seguir los siguientes pasos:

PASO 1: Abrir el navegador y digitar maps.google.com para crear la ubicación de la empresa a través del
mapa de google.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

maps.google.com

PASO 2: Al cargar el mapa de google, lo primero que se debe hacer es ubicar geográficamente el lugar donde
está ubicada la empresa, luego deberá de hacer un clic sobre el lugar para iniciar el proceso de registro de la
ubicación.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 3: Luego de ubicar geográficamente la empresa, sobre el icono que se creó, hacer clic derecho y en el
panel que aparece elegir la opción Añadir un sitio que falta para llenar el formulario con la información de la
empresa.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo


GUÍA PRÁCTICA PARA CREACIÓN DE
PÁGINA WEB CON WORDPRESS

PASO 4: Ingresar la información de la empresa que se le solicita para poder registrar la ubicación de la empresa.
Al término hacer clic en Enviar. La información será validada.

UNIVERSIDAD DE SAN CARLOS DE GUATEMALA


CENTRO UNIVERSITARIO DE ORIENTE, CUNORI

AUTOR: M.A. David Estuardo Villatoro Arévalo

You might also like