WordPress – Agosto 2024 – Maestra Ing.

Alondra Zavala – CBTIS 206

WORDPRESS
que investiguen sobre los CMS

menciona un listado de CMS

cual es el mejor CMS

que es HOSTING

cuales son los mejores HOSTING

cuales HOSTING son gratuitos

que es DOMINIO

El mejor wordpress

[Link]

La casa blanca está hecha en Wordpress, con esta herramienta Wappalyzer (es una extensión de Google
Chrome) puedes ver las tecnologías que contiene el sitio web que estás visitando:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

[Link]
pro/gppongmhjkpfnbhagpmjfkannfbllamg?hl=es&pli=1

Tambien CNN en español utiliza Wordpress:

Comento alguien lo siguiente:

Entonces el dominio es como el CURP, como el RFC, es un identificador único irrepetible, ningún otro
negocio en internet va tener el mismo dominio aunque se parezca. Y es como te van a conocer en el
mundo de internet.

En la clase, el profesor del video recomendó el siguiente hosting y que debemos buscar primeramente si
un dominio está disponible:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Vamos a instalar Wordpress de manera gratuita para que funcione pero en servidor loca, es decir, todavia
no vamos a comprar ningún hosting, vamos a utilizar la siguiente herramienta:

[Link]

Local WP es una herramienta de desarrollo local para WordPress que te permite crear, administrar
y probar sitios web en tu computadora antes de tener que subirlos a un entorno de testing o de
producción. Es desarrollado por la empresa WPEngine y respeta a su manera el espíritu de código
abierto de WordPress.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Entonces, para poder instalar Wordpress si o si se necesita un Hosting, y por el momento, para hacerlo
de manera gratuita, instalamos la siguiente Herramienta LocalWp que es un emulador de Hosting
gratuito en tu computadora, para que puedas realizar tus páginas en Wordpress.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Llenas todos los datos y luego:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Te pide que crees una cuenta de LocalWp, yo la cree y la verifique en mi correo electrónico, pero al
parecer no es tan necesario que la crees, porque ya podrías entrar a LocalWp.

Aquí en esta herramienta puedes crear tantos Wordpress (sitios web) como tu requieras, no te limita y es
gratuito:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Cuando ya tienes el LocalWp instalado y te sale así y le darás en el + como se te indica:

Ahora para crear el sitio, ya está seleccionado

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Ahora vamos a poner como el nombre de tu proyecto con el que vas a trabajar:

Le dejas así porfavor:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Aquí vas a tener mucho cuidado, en el sentido que vas a crear un usuario y contraseña para acceso a
wordpress y son datos que tienes que guardar, no se te tienen que olvidar, asi que no olvides enviártelo
a tu chat de whatsapp o guardarlos en un Notepad, establece una contraseña segura:

Si te sale algo así, pues le das permitir acceso:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

AQUÍ VARIOS ASPECTOS A TOMAR EN CUENTA, CUANDO CIERRES Y VUELVAS A ABRIR EL LOCALWP,
DEBES LEVANTAR EL SERVICIO DE TU PROYECTO-SITIO WEB, asi como te señalo a continuación, de la
manera como esta encerrado en amarillo o verde en la parte superior.

Para localizar la carpeta de tu proyecto, es donde está encerrado en azul.

El otro óvalo verde, corresponde a que le pongas ON, para que cada vez que estés entrando a la
página a gestionar tu proyecto, entres directo y no tengas que estar poniendo el usuario y
contraseña cada vez.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Aquí lo que va pasar, es que esta herramienta, LocalWp solita te está instalando Wordpress de
[Link], es por eso que se tardó un poco y ya cuando instaló te pone las características de tu
sitio asi:

También te da otra pestañita, de información de la Database, en donde está la flecha, le das ahí y hay
un archivo donde podrías buscar o cambiar la contraseña de wordpress que diste al principio.

En el círculo naranja, lo que indica que tenemos un punto verde, lo que significa que si tuvieras varios
proyectos, pero el que está en verde, significa que el servidor está encendido para ese proyecto, es
decir, para ese wordpress:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Para poder entrar al administrador de Wordpress, podemos hacerlos de diferentes formas:

Poner en Chrome una u otra:

Sitio/wp-admin
Sitio/login

Y ahí pondrás el usuario y contraseña que pusiste desde el inicio

SI TE MARCA ERROR COMO A MI ME MARCABA LO SIGUIENTE, LO QUE PASO ES QUE YO TENIA

LEVANTADO EL SERVICIO DE XAMPP CON LOS SERVICIOS DE APACHE Y MYSQL, DESACTIVE LOS
SERVICIOS, LE DI RETRY Y YA FUNCIONO:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Bueno una vez que entraste, ya sea copiando el texto de tu sitio y agregándole lo que te puse arriba o
bien, simplemente entrando donde dice WP Admin:

Te saldrá la siguiente ventana y tecleas usuario y contraseña que previamente habías dado para
administrar/gestionar Wordpress:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Yo pondré mis datos:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Listo ya estás en tu dashboard

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Bueno anteriormente habíamos dicho que la página de la Casablanca y la página del gobierno de
Ecuador estaban hechas con wordpress, entonces si tú le das en la url /wp-admin vas a poder entrar para
administrar la página o ese wordpress, lo cual representa una falla de seguridad digamos es una de las
desventajas de wordpress, lo cual de alguna manera se debería de arreglar esa falla de seguridad, lo cual
lo veremos más adelante:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

En caso por algun motivo, no pudiste instalar LocalWp, puedes usar hosting totalmente gratuitos, para
hacer tu sitio en Wordpress, pero digamos tiene la desventaja de que para trabajar si vas a ocupar internet
y tiene algunas limitaciones, hay dos páginas recomendadas para hacer esto:

[Link]

[Link]

Minuto 1.22.05

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

¿Cómo LE HACES PARA MOSTRARLE A UN CLIENTE LOS AVANCES DEL PROYECTO DE PAGINA WEB QUE
TE PIDIO? En el caso cuando estás trabajando con tu servidor de manera local con LocalWp.

Bien, lo que harás se lo vas mostrando todo a través de una reunión por zoom o bien, puedes hacer un
clon de tu sitio (el que estás trabajando de manera local) y lo subes a alguno de estos hosting gratuitos
para que tu cliente lo vea, ya que estos hosting si mostrarían tu página en internet.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Como funciona el internet:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

ADMINISTRACION DE WORDPRESS

[Link]

Lo que está encerrado en amarillo es la vista administrador de tu sitio web de wordpress.

Lo que está encerrado en naranja es la vista de tu sitio web de cómo ya la verá el cliente.

Si cuando quieres entrar a administrar tu proyecto, te sale así, es que en Local Wp no has activado tu
proyecto, es decir no está la bolita en verde.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Si tu le pones así como On en esa parte de One-click admin, con eso harás que ya no te esté pidiendo
usuario y contraseña cuando quieras entrar a administrar tu sitio wordpress.

Cuando ya estás en el administrador de Wordpress y quieres verlo ejecutado, como lo verá el cliente, le
las en la parte donde te estoy encerrando:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Para cambiar el idioma del sitio y en general le das en AJUSTES, Y AL FINAL LE DAS GUARDAR
CAMBIOS:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

ESPERO LE HAYAS DADO GUARDAR CAMBIOS Y TE VA APARECER DE LA SIGUIENTE MANERA:

AHORA YA ESTA EN ESPAÑOL:

Si es importante lo que pongas en la descripción corta de tu sitio web, ya que son las palabras clave de
cómo te van a encontrar en Google cuando busquen información:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Ahora verifica en enlaces permanentes, que sí esté seleccionada esa opción de Nombre de la entrada,
siempre a final Guarda cambios:

Minuto 25 empieza a explicar paso a paso cada elemento del Menú de Wordpress:

[Link]

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

WORDPRESS ES EL NUCLEO DE TODO, PERO TIENE DOS PILARES MUY

IMPORTANTES
LOS TEMAS Y LOS PLUGINS
Cuando hablamos de actualizaciones, siempre se van a actualizar: Wordpress,
los temas y plugins que tengas instalado.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Este es un ejemplo de una página para explicar lo de las entradas, en la parte de arriba se puede ver un
MENU que son CATEGORIAS para ayudar a organizar nuestro contenido.

Ahora entrar a todas las entradas:

Las entradas las puedes usar para Blogs de

noticias por ejemplo, porque estas al igual
que en Facebook, te va digamos agrupando
tus páginas en Categorías, además te las va
ordenando cronológicamente.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Ahora podemos ver una entrada ya hecha llamada Hello World.

Le pasas el mouse por encima para que te salgan las opciones, incluso puedes enviar a la papelera, si
quieres borrar algo. Le das en ver para ver la página ya ejecutada:

Vamos a borrar la entrada de Hola mundo y vamos a añadir una Nueva y te saldrá la siguiente pantalla,
que es un Editor parecido a Word, donde podrás empezar a publicar tu información:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Nos podemos basar en sacar información de esta página para efectos de la práctica:

[Link]

Le vas a poner un título y luego información y también podemos añadir imágenes:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Le darás en añadir un bloque para insertar una imagen:

Te vas a posicionar en un bloque y te saldrán las opciones que están encerradas en azul y en los
puntitos puedes seleccionar si quieres insertar algo antes o después por ejemplo para insertar una
imagen:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Te saldrá asi e insertarás una imagen:

Luego en subir para subirla:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

En la parte de la derecha te saldrán estas opciones, para que tu veas todo lo que tienen tus Entradas:

Aquí vas a poder ver las

opciones como si ya está
publicada o si se publica
inmediatamente, puedes ver
el enlace también.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Ahí en estado, vamos a cambiarle y le vamos a poner como Publicada para que podamos verla
ejecutada:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Ahí puedes programar para cuando quieres que salga publicada la página, por default está en
inmediatamente o prográmala para cuando quieras:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Cuando tu le des en publicar, se va a publicar esta página inmediatamente:

Te saldrá un mensaje asi en la parte inferior izquierda:

También en las opciones de la derecha,

tenemos una opción muy importante que se
llaman Categorías, que es como para
clasificar el contenido.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Aquí puedes ir creando categorías y

subcategorías, es decir, es la estructura que
quieres que vaya adoptando tu página web,
es una información que debes de tener
clara.

Depende lo que tengas seleccionado ahí, es

a lo que tu Entrada va entender que
pertenece a esa categoría.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Ahí en las opciones al inicio puedes

establecer una imagen destacada para tu
Entrada.

Cuando le vayas haciendo cambios a tu página debes ir guardando los cambios.

En la flecha roja puedes regresar al Escritorio de Wordpress y ver las Entradas que tengas.

Conforme vayas creando Entradas, te va ir saliendo la lista y ahí podrás visualizar incluso las categorías
a las que pertenece:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Si en caso que te hayas equivocado, al teclear una categoría o bien etiquetas también, desde el Escritorio
de Wordpress en el menú izquierdo puedes gestionar para modificar o eliminarlas:

Incluso aquí mismo puedes agregar Categorías:

Incluso puedes ver las Categorías, las puedes ver en una nueva pestaña, de esta manera puedes
observar como te va filtrando tu contenido:

Ahora, aquí en el menú Medios te encuentras

todos los archivos de tu proyecto se puede
decir, como son las imágenes.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Ahora aquí en página te muestra las páginas que tienes en Wordpress.

Las paginas tu las creas y son estáticas, no se van ordenando de manera cronológica. Las entradas sí se
van posicionando de manera cronológica así como tipo en el feed de Facebook que lo mas nuevo se te
va poniendo encima.

Diferencia entre SITIO WEB y PAGINA WEB.

Lo vamos a comparar con un LIBRO. Un libro contiene páginas, todo el conjunto de páginas
hacen el LIBRO.

Lo mismo, un SITIO WEB contiene muchas páginas web. Todo el conjunto de las páginas web
hacen el SITIO WEB. Pueden existir n cantidad de páginas web en tu sitio.

Por ejemplo, un sitio web puede tener página web de Inicio, Quienes Somos, Servicios, etc.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Para no tener estas páginas iniciales basura, vamos a dejar todo limpiecito, borrando estas páginas de
tu sitio web, limpiamos y vaciamos y listo:

Y le daremos añadir nueva página:

Te sale así el Editor de páginas, parecido al de las Entradas y le teclearemos Inicio y publicaremos y
nada más:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Cuando ya la creas y la ves modo ejecutada:

Ya en la url se te pone Inicio también.

Vamos a hacer varias páginas para nuestro Sitio Web, asi te van a ir apareciendo:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Aquí puedes ver como ya se está formando el Menú de las opciones:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

TEMAS

Ahora vamos a ver sobre TEMAS, que se refiere a la parte visual/apariencia y el acomodo de los
elementos.

En tu Wordpress por defecto te vienen instalados estos temas y el primero es el que está activado,
incluso ahí te dice Activo el Tema Twenty Twenty-Four:

Vamos a buscar un nuevo tema y les voy a recomendar uno nuevo que está bastante optimizado para
posicionamiento e incluso ayuda en la velocidad del sitio:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Vamos a seleccionar este Tema llamado Astra: lo vas a Instalar y luego Activar.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Lo vas a instalar primero y luego

Activar el tema Astra.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Te saldrá así una vez ya instalado y activado:

Te vas a meter a los demás temas y los vas a borrar para no tener muy cargado de temas que no usarás:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Ahora ya te cambió la apariencia de tu sitio web a Astra, se verá así:

En la parte del Menú

incluso te puso un icono
de Astra, porque instalaste
ese Tema. Cada tema y
cada plugin puede tener
sus configuraciones en
particular.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Otro Tema recomendado para sitios web corporativos, educativos, puede ser Blocksy:

Continuamos con Astra, y en la parte de las opciones, nos

vamos a dirigir a crear Menú.

Le das crear menú con el nombre del menú y el check que te pongo a continuación, una vez creado el
menú se te habilitarán las opciones de la izquierda:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Vas a seleccionar todas las páginas que quieras que te

aparezca en tu Menú de Páginas, y posteriormente las vas
a poder ordenar, le das añadir al menú y ahora si las
ordenas:

Cuando creaste el menú y lo guardaste en el orden que quisiste, cuando viste la página ejecutada, ya se
acomodó:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Por ejemplo, para crear submenús, fui y agregué nuevas páginas

y ahora me regresé aquí a la sección de Menús y las voy a añadir
al menú para acomodarlas y te va aparecer así y luego sólo
tienes qué arrastrarla hacia el Menú al que lo quieras poner y te
va aparecer unos cuadritos punteados y en forma indentada y
ahí lo soltarás:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Cuando ya acomodes te saldrá así y

guardas menú y ahora ya podrás ver la
página ejecutada con estos cambios.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Bueno, vamos a hacer una configuración importante, porque si te das cuenta, cuando ejecutas tu sitio
web, lo primero que te muestra son todas las Entradas que tú has creado, pero eso forma parte del
menú Blog, lo vamos a configurar de la siguiente manera:

Te vas a ajustes y luego en lectura.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Mira lo que dice: que te muestra tus

últimas Entradas, entonces ahí le
tenemos que mover para que nos
muestre la página estática que
nosotros queramos como dice a
continuación:

De esta manera, redireccionamos

que la portada sea la página
llamada Inicio y que la página a
donde se vayan todas las Entradas
sea a la página llamada Blog.

Guardar cambios siempre porfavor.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

PLUGINS
Los Plugins son pequeñas aplicaciones que instalamos en nuestro Wordpress con funcionalidades
específicas para obtener esas funcionalidades.

Funciona como en el teléfono, cuando en tu cel no tienes instalado algo, vas y lo buscas a la play store
y lo instalas y ahora ya tienes esa nueva funcionalidad que no tenías.

Hay Plugins para:

Formularios

Galería de Imágenes

Carrito de compra

Botones de Paypal

Cursos en línea

Reservas

Suscripciones

Email – marketing

Etc. Muchos plugins más

Vamos a utilizar el siguiente plugin que se llama Elementor que te permite diseñar las páginas de una
forma demasiado fácil:

[Link]

Debemos ser cuidadosos de no estar instalando muchos plugin, pensar que MENOS ES MAS,
porque luego ralentizaríamos nuestros sitios web con tantos plugin que les pusiéramos, asi que
cuidado con ese detalle nada más.
Manual Tutorial Wordpress paso a paso
actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Para instalar elementor, sólo nos vamos a ir a las opciones del

Menú y vamos a agregar un nuevo plugin, como se indica en la
imagen.

Bien buscamos en la parte que está en amarillo, buscamos Elementor y lo encontramos como está
encerrado en rojo:

Cuando instales un nuevo

plugin fíjate las observaciones
que tiene, como que la última
actualización fue hace 5 días y
que ha tenido mas de 10
millones de instalaciones.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Cuando ya quede instalado porfavor le das activar:

Cuando lo actives, ahora si ya te va aparecer como un plugin instalado y además te va aparecer en las
opciones del menú en la

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

PAGINA WEB

Vamos a ver a una página web como una hamburguesa.

El pan de arriba es el Header.

Todo lo del centro es el contenido.

El pan de abajo es el footer.

Por ejemplo, con el tema Astra y con todos los temas que instales en Wordpress, siempre te viene
creado el Header y el Footer, pero el Contenido NO. Entonces, Elementor nos va ayudar a crear la parte
del centro de nuestra página, es decir, EL CONTENIDO.

¿Por qué? Porque como usamos Elementor una versión gratuita, no nos permite gestionar ni el Header ni
el Footer. Con Elementor solo el contenido con la versión gratis.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Te vas a ir a la página a la cual le deseas realizar el contenido, para lo cual le vas a dar ahí para Editar con
Elementor.

Wordpress también tiene un constructor nativo para las páginas, pero no es tan fácil trabajar con él ni tan
intuitivo, al final te quedas corto no puedes crear tantas cosas, por eso usaremos el plugin de Elementor.

Te saldrá una ventana como esta:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Para salir del Editor de Elementor en la parte

superior izquierda y salir a Wordpress.

Cuando tu ya abres una página

con Elementor, ya te va aparecer
así como te señalo, sin
embargo, las otras páginas no te
saldrán así hasta que digamos
las hayas activado que las vas a
Editar con Elementor.

ELEMENTOR TRABAJA con una especie de CAJAS CONTENEDORAS/SECCIONES.

Para agregar un Contenedor o sección así:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Seleccionar la siguiente para empezar, y después se podrán seleccionar las demás estructuras según lo
deseado:

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Cuando ya metas un contenedor, te saldrán esas opciones, el + que está encerrado en verde indica que
puedes agregar otro contenedor arriba de ese. La x con la flecha amarilla indica que puedes eliminar ese
contenedor.

En la flecha roja te indica que una vez creas contenedor ahora te muestra opciones para Editar
Contenedor.

Los puntitos enseguida de la flecha amarilla es para editar el contenedor.

Ahí puedes irte a agregar más elementos.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Asi puedes ir agregando elementos o widget al contenedor y en la flecha roja en el + le das para ir
agregando más elementos.

Hay que darle en Publicar para que digamos se guarden los cambios y se reflejen cuando veas la página
ejecutada.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Y aquí ya hicimos algunas ediciones a la Sección

Con los puntitos es como podemos editar la

Sección. Le podemos poner estilo como imagen de fondo y hasta
una superposición de fondo, se puede jugar con eso.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

PARA IMÁGENES QUÉ MEDIDAS SE RECOMIENDAN USAR: 1920 pixeles de ancho y la altura la
deseada.

Ahí en la parte del Diseño, puedes establecer una altura

mínima y el ancho también.

Es decir, si tu quieres diseñar imágenes para tu página web,

ya previamente sabrías la altura que tu le quisieras poner y
de ancho medida recomendada de 1920 pixeles.

Vamos a estar jugando mucho con estos elementos, para

distribuir el contenido a como tu lo desees:

También es importante que te fijes en la Dirección, todo lo

que vayas poniendo en este Contenedor/Sección se irá
hacia abajo.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Ahora puedes ir editando cada elemento de tu

Contenedor/Sección.

Es importante que POR CADA SITIO WEB HAYA UNA

ETIQUETA H1 QUE ES PARA TITULOS. MINIMO 1 POR
PAGINA. (Sirve para cuestiones de posicionamiento).

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Puedes jugar con las opciones de los botones y moverle e

incluso poner un icono de la galería o bien sin icono,
como gustes.

Aquí jugamos con el redondeo del botón y con el grosor o

bien tamaño del botón, ahí le puedes mover a esos
parámetros.

También una parte interesante y que SIEMPRE

deberás estarle moviendo a tus elementos de tu
contenedor, será en la parte de AVANZADO en
Diseño al MARGEN y al ACOLCHADO o relleno de tu
elemento, para acomodarlos en tu contener.

EL MARGEN SE REFIERE HACIA AFUERA de tu cajita.

EL ACOLCHADO O RELLENO SE REFIERE HACIA

ADENTRO de tu cajita.

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Si tu quieres también podrías duplicar tu CONTENEDOR o SECCION, solo dando click derecho.

TAMBIEN PODRIAS DUPLICAR LOS ELEMENTOS PARA ASI AHORRARTE LOS PASOS DE CONFIGURAR
UN NUEVO BOTON POR EJEMPLO. O BIEN, TAMBIEN PODRIAS COPIAR Y PEGAR LOS ESTILOS.

Solo le darías copiar al botón de donde quieres copiar el estilo y pegar estilo hacia el nuevo botón que
quieres que agarre todas esas propiedades.

Si quieres ver más a

detalle lo de los contenedores y cómo acomodarlos, puedes ver este tutorial mas o menos minuto
1.50.00 aprox, casi al final del video.

[Link]
Manual Tutorial Wordpress paso a paso
actualizado Ago 2024
 WordPress – Agosto 2024 – Maestra Ing. Alondra Zavala – CBTIS 206

Tutorial interesante paso a paso CLASE 1 – UN CRACK

[Link]

Video de Youtube

Hosting para tu Página web 100% Gratis con GitHub

[Link]

Manual Tutorial Wordpress paso a paso

actualizado Ago 2024