Como Crear Pagina Web 2018 – Tutorial WordPress Español

por | agosto 7, 2018

Hola, en este tutorial te voy a enseñar desde cero: cómo crear tu propia página profesional como esta, sin que sepas cómo programar. No importa si quieres hacer una página de Internet, un Blog o una tienda en línea, este tutorial te va a servir y lo puedes hacer desde cualquier país.

La página que vamos a aprender a hacer tiene diferentes secciones, tú vas a poder cambiar textos, imágenes, personalizarla a tu gusto y aparte también te voy a enseñar cómo pones por ejemplo: esta sección de contacto, en donde si un usuario te deja un mensaje y le da clic en «Enviar», a ti te va a llegar directamente a tu correo electrónico y aparte, si quieres hacer una tienda en línea también te voy a enseñar cómo la pones desde cero Entonces bueno, si tú ya estás listo, yo ya estoy lista, vamos a comenzar con el tutorial Para poder hacer una página de Internet se necesitan tres cosas: lo primero es un «dominio», un dominio es el nombre de tu página de Internet, por ejemplo: en el caso de Google, el nombre de su dominio es «Googlecom», en tu caso tú vas seleccionar cuál quieres que sea el nombre de tu dominio Lo segundo que necesitamos es: un «hosting»

Un hosting es un lugar donde se va a almacenar absolutamente toda la información de tu página de Internet De hecho, el hosting es lo que permite que cualquier persona en cualquier parte del mundo pueda ver tu página de Internet y lo tercero que necesitamos es una plataforma, nosotros vamos a utilizar una que se llama WordPress que es una de las más famosas a nivel mundial De hecho, más de un tercio de todas las páginas del mundo están hechas con esta plataforma: páginas como la New York Times, la BBC, MTV, Spotify, la página de Beyoncé inclusive y cientos de millones de páginas más están con esta plataforma, pero bueno, ¿Cuánto va a costar hacer nuestra página de Internet? El dominio cuesta normalmente algo así como 12 dólares por un año, pero gracias a un cupón que te vamos a dar aquí el dominio te va a salir completamente gratis Lo segundo es el «Hosting», el hosting cuesta algo así como 90 dólares durante 12 meses pero gracias a este cupón que te damos, aquí únicamente te va a costar 12 dólares o si estás por ejemplo en México, o en algún otro país te va a costar el equivalente a 12 dólares en tu moneda Y lo tercero, la plataforma que nosotros vamos a utilizar que es WordPress es completamente gratis, entonces en vez de pagarle a un programador miles de dólares para que nos haga nuestra página de Internet, a nosotros únicamente nos va a costar hacer nuestra página 12 dólares, o si estás en otro país te va a costar el equivalente a 12 dólares en tu moneda

Si tú ya estás listo, yo ya estoy lista, vamos a comenzar Lo primero que vamos a hacer es: vamos a comprar nuestro hosting y dominio No te preocupes, en este vídeo te voy a enseñar paso a paso cómo lo compramos, cómo activamos el cupón y todo lo demás Lo segundo es: una vez que ya tengamos nuestro hosting y dominio, te voy a enseñar cómo instalamos WordPress y en el último paso, ya te voy a enseñar cómo creamos toda nuestra página de Internet y cómo la personalizamos, pero bueno, ahora sí vamos a comenzar Lo primero que vamos a hacer es: vamos a ingresar a la página de «soygenio

com» esta es la página principal del tutorial, en donde vamos a encontrar absolutamente todos los pasos De hecho, si después tienes alguna duda en algún paso, aquí en esta parte vas a poder ver todos los pasos con descripciones, imágenes, etc Entonces, si después tienes alguna duda aquí puedes checar los pasos, pero bueno lo siguiente que vamos a hacer es: le vamos a dar clic a este botón que dice «Activar cupón» y en automático se nos va a abrir una páginita como esta de «GoDaddy» y que como podemos ver tiene un cupón activado Esto lo que normalmente nos costaría y esto lo que nos cuesta, gracias al cupón que te dimos No te preocupes si tú te encuentras en algún otro país, a ti aquí te venir el equivalente a un dólar en tu moneda

Si tienes alguna duda sobre cómo lo compra de tu país, regresa a la página del tutorial y si te vas aquí a la partecita de abajo, vas a encontrar estas banderitas que si le das clic, te explica paso a paso cómo lo compras desde tu país, pero bueno en mi caso, ya que a mí me parece un dólar porque estoy en Estados Unidos, perfecto Le doy clic aquí donde dice «Agregar al carrito» y ahora nos va a pedir que seleccionemos cuál queremos que sea el nombre de nuestro dominio, como recuerdas el nombre de tu dominio va a ser el nombre de tu página de Internet Ojo: es súper importante que el nombre del dominio que escojas acabe en «com», el cupón únicamente funciona con dominios que acaben en «com»

Entonces por ejemplo: supongamos que yo quisiera hacer una página que se llamara «geniocom», le doy clic en «Buscar» y me viene esta cosita que dice: «Lo siento, migeniocom está tomado, esto significa que no está disponible, que alguien más ya lo compró A pesar de que «GoDaddy» te ponga aquí estas opciones, si no te viene en «com», entonces no lo puedes seleccionar

De hecho, si seleccionas por ejemplo: este o este, o este o con cualquier terminación que no sea en «com», te van a cobrar extra, entonces tú únicamente puedes seleccionar un nombre de dominio que acabe en «com» Yo lo que te recomiendo es que juegues con diferentes palabras, hasta que encuentras alguna que esté disponible, por ejemplo «migeniowebcom», le doy clic en «Buscar» y ahora sí me aparece esto que dice que está disponible

Entonces, cuando ya encuentres tu dominio que esté disponible (ojo: tiene que acabar en com, y aquí te tiene que venir gratis), perfecto Le das clic aquí donde dice «Seleccionar y continuar» y ahora ya nada más tenemos que fijarnos que nos aparezcan estas dos cosas: esta cosita morada que dice «Hosting Económico Linux con cPanel» y asegúrate que aquí diga «12 meses» y también tienes que asegurarte que te aparezca esta cosita verdecita que dice «www», en el cual te viene el nombre tu dominio y ojo: GoDaddy para quererte cobrar más hay veces que te deja preseleccionado esto que dice «2 años» entonces asegúrate de darle clic aquí y que esté seleccionado esto que dice «1 año», como podemos ver ahorita va a cambiar aquí drásticamente el precio y por último, hay veces que nos agregan otras cosas como por ejemplo: esto que dice «Correo Office 365» eso es algo que ellos a largo plazo te quieren cobrar más, entonces yo te recomiendo que los elimines y ya una vez que hayas eliminado todo y que nada más te queden estas dos cositas perfecto Aquí el total tiene que ser igual a 12 dólares o si estás en otro país tiene que ser el equivalente a 12 dólares en tu moneda Si te aparece un precio superior, dale click al link que te aparece aquí abajo y ahí te explica exactamente cómo corregir el precio para que te aparezca correctamente

Pero bueno, en mi caso como me aparece correctamente, ya nada más le voy a dar clic aquí donde dice «Procede al pago», después le damos clic aquí donde dice «Crear una cuenta» y ahora ya nada más GoDaddy nos va a pedir que hagamos una cuenta, la forma más fácil que la puedes hacer es darle clic aquí donde dice «Conectar con Facebook» y en automático se te hace una cuenta, o si prefieres puedes poner aquí tu correo electrónico, después puedes seleccionar la contraseña que tú quieras y una vez que hayas seleccionado la contraseña que quieras, te va a venir esto que dice: «Pin de atención al cliente», aquí tienes que poner un número aleatorio de cuatro dígitos No te preocupes, este puede ser cualquier número, por ejemplo: yo puse este, esto nada más te lo piden en caso de que después tengas dudas, te van a pedir el número de Pin, yo en mi caso puse este, tú pones el que tú quieras y después le vas a dar clic aquí donde dice «Crear cuenta» Ahora ya nada más tienes que llenar todo esto con tu información, pones tu nombre, apellido, dirección y llenas todo esto con tus datos y después te va a pedir que selecciones con qué método de pago deseas pagar Tú puedes pagar vía tarjeta de débito, de crédito o inclusive, en algunos países te deja pagar vía Paypal Entonces llenas todo esto con tu información, pones tu método de pago y después le das clic en «Continuar», yo en mi caso como voy a poner la información de mi tarjeta de crédito, voy a pausar este vídeo, pero ahorita te voy a enseñar qué es lo que sigue

Y ahora ya nada más le vamos a dar cliac aquí donde dice «Hacer tu pedido», una vez que te aparezca esta página: ¡Muchísimas felicidades! Significa que ya compraste tu hosting y dominio con éxito Lo siguiente que vamos a hacer es: le vamos a dar clic aquí donde te viene nuestro nombre y después le vamos a dar clic aquí donde dice «Administra tu hosting», ahora le vamos a dar clic aquí donde dice «Configurar» y después le damos clic en «Siguiente» en este momento nos va a pedir que seleccionemos cuál queremos que sea el centro de datos de nuestra página de Internet, tú tienes que seleccionar cuál es el que está más cerca de tu país, por ejemplo: si estuvieras en cualquier país de América del Norte, de Centroamérica, de Sudamérica, seleccionarías este que es América del Norte En cambio, si tú estuvieras en España seleccionarías este que es Europa, pero bueno yo en mi caso, como estoy en México selecciono este que es América del Norte, después le doy clic aquí donde dice «Siguiente», ahora vamos a tener que seleccionar un nombre de usuario de «cPanel» y una contraseña Para esto tienes que abrir un documento de Word o tu correo electrónico, ya que vamos a estar poniendo unas contraseñas y usuarios, entonces tienes que guardarlos Entonces bueno, yo en mi caso abrí un documento de Word y lo primero que tenemos que hacer es: vamos a poner estas tres cosas, esto que dice «GoDaddy», usuario, contraseña y luego «cPanel», el usuario, contraseña, WordPress, usuario, contraseña, link para entrar

¿Para qué necesitamos estas cosas? Bueno, es porque más adelante las vamos a necesitar, es para que no se nos pierdan Entonces bueno, lo primero que tienes que hacer es aquí donde dice «Usuario», vas a tener que pegar el nombre de usuario que tú habías seleccionado al principio cuando hicimos la cuenta de «GoDaddy», en mi caso este era mi nombre de usuario que yo seleccioné y después tienes que poner la contraseña que tú escogiste, que en mi caso la contraseña que escogí fue «Holahola2», todas estas cosas que sacamos fue en el paso previo antes de comprar el hosting y el dominio y bueno, ahora sí ya llegamos a la parte del «cPanel», ahora nos va apedir que pongamos un nombre de usuario y una contraseña, entonces aquí vamos a seleccionar cualquier nombre de usuario que ustedes quieran, por ejemplo: yo estoy seleccionando este que es «admin 847483», ustedes pongan el que ustedes quieran Una vez que ya lo pongan, lo copian y lo pegan aquí donde dice «cPanel», usuario, lo pegan y después en contraseña no nos va a dejar poner ninguna contraseña así, lo que tenemos que hacer es tenemos que darle click aquí donde dice «Generar una contraseña», dale clic aquí y después le das clic en «Mostrar» y vas a copiar esta contraseña que te pone por «default», por favor cópienla y la vamos a pegar en nuestro documento, aquí en «cPanel» donde dice «Contraseña» Una vez que ya hayas pegado esa contraseña, perfecto Ahora le vamos a dar clic en «Siguiente» y nos va a pedir que si queremos hacer un sitio de WordPress, aquí y ahora le vas a dar clic que sí

Ahora tenemos que seleccionar un nombre de usuario de WordPress, yo en mi caso voy a seleccionar como nombre de usuario «Sofia» tu selecciona el que quieras, entonces una vez que hayas seleccionado tu nombre de usuario, aquí donde dice «WordPress» vamos a poner el nombre de usuario que seleccionamos (yo en mi caso seleccioné Sofia) y ahora tenemos que poner la contraseña Aquí tampoco nos va a dejar seleccionar una contraseña nosotros, lo que tenemos que hacer es darle clic aquí donde dice «Generar una contraseña» y después «Mostrar», ahora vas a copiar esta contraseña que se puso por «default» y lo vamos a pegar en nuestro documento No te preocupes, ahorita te voy a enseñar más adelante cómo la cambias, pero bueno ahorita por lo pronto haz eso, y una vez que ya lo hayas copiado y pegado, ahora le vamos a dar clic en «Terminar» y ahora nos va a aparecer una cosita como esta, esto significa que se está configurando nuestra página de WordPress, esto suele tardarse desde dos minutos hasta diez minutos, entonces aquí nada más tienes que esperarte y más adelante te voy a enseñar qué es lo que te aparece una vez que ya se ha configurado, por lo pronto voy a pausar el vídeo Una vez que ya se haya configurado te va a aparecer algo como esto, ahora lo siguiente que tenemos que hacer es: nos vamos a ir aquí abajo y vamos a buscar está partecita que dice «Selecciona la versión PHP», luego dale clic, ahora nos vamos aquí donde dice «Switch To PHP Options» y vamos a cambiar los siguientes valores: aquí donde dice «max_execution_time» dale clic y lo vamos a cambiar a 300, después le vamos a dar clic en «Aplicar» Aquí donde dice «memory_limit» le vamos a dar clic y lo vamos a cambiar a 512, después le damos clic en «Aplicar», después aquí donde dice «post_ max_size» le vamos a dar clic y le vamos a cambiar a 128, le damos clic en «Aplicar» y finalmente aquí donde dice «upload_max_filesize» le vamos a dar clic y lo vamos a cambiar aquí donde dice 512, le damos clic en «Aplicar» y después le vamos a dar clic en «Salvar» una vez que te parezca esa cosita verdecita significa que ya se guardó

Ahora nos vamos a ir aquí donde inicio y le vamos a dar clíck aquí donde dice «WerdPress», selecciona «Iniciar el Asistente», después dale clic aquí donde dice «Solo blog» y en «Industria» selecciona «Otra» No te preocupes, no importa si quieres hacer después una tienda en línea, esto no importa es nada más para cuestiones de la configuración Aquí deja esto como está y le das clic en «Continuar», ahora ponemos aquí nuestro correo electrónico (tú pones el tuyo) y le vamos a dar clic en «Continuar» y nos va a pedir que seleccionemos alguna de las plantillas Selecciona la que tú quieras, no importa, más adelante te voy a enseñar cómo poner la del tutorial, entonces selecciona la que quieras, yo voy a seleccionar «Twenty Fifteen» y después vamos a dar clic aquí donde dice «Seleccionar» Ahora esto va a empezar a instalar ese tema, entonces ya nada más tenemos que esperar, esto normalmente tarda de 10 segundos hasta un minuto, entonces ya no más espérate a que se instale el tema y una vez que se haya instalado, ya nada más tienes que darle clic aquí donde está la tachita esta, dale clic y listo

Una vez que ya estemos en esta parte muchísimas felicidades, ya está configurada tu página Ahorita ya te voy a enseñar cómo ponemos la plantilla y ya vamos a pasar a la parte divertida Por último, lo último que tenemos que hacer es: tenemos que copiar aquí el link que aparece arriba de tu página de Internet y la vamos a pegar en el documento Con este link siempre que queramos entrar a editar nuestra página de Internet vamos a ingresar, siempre va a ser «el nombre de tu dominiocom», que en mi caso yo seleccioné «migenioweb

com», en tu caso pues va a ser «el nombre de tu dominiocom/wp-admin» Es súper importante que guardes este link, ya que cada vez que quieras entrar a editar tu página de Internet, vas a entrar con el link de «tu dominiocom» O sea si compraste «casa

com» pues va a ser «casacom/wp-admin» y vas a ingresar con este usuario y esta contraseña Entonces bueno, una vez que ya hayas guardado esto, lo siguiente que vamos a hacer es: vamos a cambiar la contraseña de WordPress para que ya sea la contraseña que tú quieres ¿Cómo vamos a hacer esto? Entramos al editor de nuestra página (que es este que está aquí) y después nos vamos a ir aquí donde dice «Usuarios», después vamos a seleccionar el usuario que aparece aquí, ahora nos vamos a ir aquí abajo y vamos a pegar aquí nuestro correo electrónico (tú pon tu correo electrónico) y finalmente aquí abajo donde dice «Nueva contraseña» dale clic y selecciona la contraseña que tu quieras Yo en mi caso voy a seleccionar la contraseña «Holahola2», tu selecciona la que tú quieras, después le vamos a dar clic aquí donde dice «Confirmo el uso contraseña débil» y después le voy a dar clic en donde dice «Actualizar perfil», listo

Una vez que te aparezca esto, ya cambiamos la contraseña, ya nada más ingresamos a nuestro documento y lo vamos a cambiar aquí donde dice «Contraseña de WordPress», vamos a poner la nueva contraseña que pusimos Entonces recuerda, cada vez que quieras entrar a editar tu página Internet, vas a entrar con este link que va a ser «el nombre de tu dominiocom/wp-admin» y vas a poner este usuario y esta contraseña Lo siguiente que vamos a hacer es: vamos a entrar aquí al editor y dale clic aquí arriba, como podemos ver te aparece esta cosita negra (esto tu lo ves porque estás en el editor), dale clic aquí a mano derecha y después darle clic en «Cerrar sesión» Como podemos ver, nos acabamos de cerrar la sesión en nuestra cuenta del editor, entonces cada vez que quieras entrar, por ejemplo: supongamos que digamos que estás en Google o en alguna otra página y quieres entrar a editar tu página de Internet

¿Cómo lo harías? Bueno, tienes que entrar a este que es el link para editar que siempre va a ser «tu dominiocom/wp-admin», entras, lo pegas arriba y después ya nada más te va a pedir que pongas tu usuario y contraseña que seleccionaste de WordPress, que como recuerdas en el documento aquí nada más buscas cuál es el usuario y la contraseña que seleccionaste (en mi caso es este), entonces ya nada más ingresarías aquí tu nombre de usuario que seleccionaste, tu contraseña y le das clic en «Actualizar», digo en «Aceptar» y listo Ahí en automático vas a volver a entrar al editor, en donde puedes seguir haciendo los demás pasos del tutorial Entonces recuerda: cada vez que quieras entrar a editar tu página de Internet, vas a entrar al link para entrar que es «tu dominiocom/wp-admin» y vas a entrar con el usuario y la contraseña que tú seleccionaste

Este documento guárdalo muy bien, ya que después lo vas a necesitar, yo en mi caso ya lo voy a cerrar, ya que ya tenemos todas las contraseñas y bueno, así es como se ve el editor de nuestra página de Internet Lo primero que vamos a hacer ahora es: vamos a preparar nuestra página y luego ya vamos a instalar la plantilla del tutorial y ya la vamos a empezar a editar Entonces lo primero que vamos a hacer es: le vamos a dar clic aquí donde dice «Páginas» y después vamos a seleccionar aquí todas las páginas que te aparezcan, hay veces que por default WordPress te instala unas páginas desde del inicio, entonces bueno vamos a seleccionar todas, ya que no las necesitamos y le vamos a dar clic aquí donde dice «Acciones en lote» y le vamos a picar donde dice «Mover a la papelera» y después «Aplicar» Una vez que hayamos borrado todas las páginas, ahora nos vamos a ir aquí donde dice «Plugins» y después vamos a seleccionar absolutamente todos los plugins que aparezcan, dale clic aquí y vamos a dar clic aquí donde dice «Desactivar», después «Aplicar» y después le vamos a volver a seleccionar todo y le vamos a dar clic aquí donde dice «Borrar», después «Aplicar», si te llega para hacer esto dale clic que sí y ahora ya nada más tenemos que esperar a que se borren ¿Qué son los plugins? Bueno, los plugins son programitas por default que hacen que tu página se vuelva más lenta, entonces hay veces que GoDaddy te instala unos por default y lo que queremos hacer es quitarlos para que no nos quite memoria y que sea nuestra página lo más rápida que se pueda y aparte, pues esos plugins no los necesitamos

Una vez que ya hayamos borrado las plugins de las páginas, ahora lo siguiente que vamos a hacer es: vamos a instalar los plugins que necesitamos nosotros, entonces nos vamos a ir aquí donde dice «Plugins», después «Añadir nuevo» y vamos a buscar el siguiente plugin: se llama «Pirate Form», entonces busca este plugin que se llame «Pirate Form», le das clic en «Buscar» y te va a parecer este que está aquí, ahora le vamos a dar clic en «Instalar ahora», después le vamos a dar clic en «Activar» y ahora vamos a agregar otro plugin Nos vamos aquí donde dice «Plugins», «Añadir nuevo» y vamos a buscar el siguiente plugin que se escribe así: «ThemeIsle Companion» que es este que está aquí, nada más chéquense que es «Por ThemeIsle» y si es este perfecto, dale clic en «Instalar ahora», después dale clic en «Activar» y por último, vamos a instalar el último plugin que es por si quieres hacer una tienda en línea No te preocupes, si no quieres hacer una tienda en línea no lo tienes que instalar Pero bueno en caso de que quieras hacer una tienda en línea, lo que tienes que hacer es nos vamos a ir a «Plugins», después «Añadir nuevo» y vamos a buscar el plugin que se llama «WooCommerce» que se escribe así «WooCommerce» que éste está aquí, entonces ya nada más le vamos a dar clic aquí donde dice «Instalar ahora» y después le vamos a dar clic en «Activar», ahora nos va a aparecer esta páginita, le vamos a dar clic aquí donde dice «Vamos allá», después le vamos a dar clic aquí donde dice «Continuar» ahora vamos a seleccionar nuestro país, yo en mi caso estoy en México, entonces selecciono México, tu selecciona el país en el que tú estés

Después selecciona la moneda, yo en mi caso estoy seleccionando «Dólar estadounidense», después le vamos a dar clic en «Continuar», después le damos clic en «Continuar» Finalmente, ya nada más le vamos a dar clic aquí donde dice «Paypal», después «Paypal estándar» y aquí vamos a poner nuestro correo electrónico en donde tenemos una cuenta de Paypal No te preocupes si tú no tienes una cuenta de Paypal, lo que tienes que hacer es: entra a «paypalcom» y ahí puedes hacer una cuenta completamente gratis y bueno, una vez que tengas tu cuenta pones aquí el correo de tu cuenta y le vamos a dar clic en donde dice «Continuar» ¿Por qué necesitamos la cuenta de Paypal? Bueno, porque cada vez que tus usuarios te compren algún producto, todo el dinero de las compras te va a llegar a tu cuenta de Paypal, entonces por eso que la necesitas, pero bueno, una vez que te pongas tu usuario aquí de Paypal con tu correo electrónico, le vamos a dar clic en «Continuar» y ahora le vamos a dar clic aquí donde dice «Crear tu primer producto» y regresamos a nuestro editor

No te preocupes, más adelante te voy a enseñar cómo añades nuevos productos Bueno, ahora ya nada más lo último que falta por hacer ya para empezar con todo el diseño de la página es bien sencillo Básicamente vamos a tener tres pestañas abiertas: una en donde va a estar aquí el tutorial, en donde están absolutamente todos los pasos, entonces ten en una pestaña todo el tutorial por si tienes alguna duda, pues aquí te vienen todos los pasos, literalmente tienen el paso a paso, te explica Otra en donde vamos a tener «mi dominiocom/wp-admin», en mi caso el nombre de mi dominio es «mi genio viajero

com», entonces vas a «migenioviajerocom/wp-admin» que es el editor y abre otra pestañita en donde vamos a pegar el nombre de nuestro dominio, entonces abres otra pestañita pones el nombre de tu dominio, que en mi caso el nombre de dominio es «migeniowebcom», tú pon el que sea el tuyo y, ¿Para qué necesitamos esto? Bueno, bien sencillo Básicamente como funciona WordPress es: tú aquí en el editor, que recuerda es siempre el nombre de «tu dominiocom/wp-admin», tú aquí vas a hacer todos los cambios, aquí yo voy a seleccionar todos los cambios y para poder verlos en la otra pequeñita en la cual te viene «el nombre tu dominio

com», le vamos a dar clic en «Refrescar» y vamos a poder ver los cambios Así es underline;»>como se edita una página de WordPress y no te preocupes, si te preocupa qué es esta barrita negra que aparece aquí arriba, no te preocupes eso te parece a ti porque tú estás como administrador esto no lo ven tus usuarios, nada más te parece a ti porque estás en forma de editar Entonces bueno, recuerda vamos vamos a tener tres pestañas: una el tutorial, dos: tu editor que es «su dominiocom/wp-admin» y tres: el nombre de tu dominio en donde vemos los cambios Ahora como podemos ver, nuestra página se ve espantosa, no se ve para nada como la página del tutoria,l entonces lo siguiente que vamos a hacer es: vamos a cambiar el diseñito para que se parezca como la página que queremos

Entonces, ingresamos a nuestro editor, después nos vamos aquí donde dice: «Apariencia», «Tema» y aquí vamos a seleccionar la plantilla del tutorial que vamos a utilizar que se llama «Zerif Lite», existen cientos de miles de plantillas diferentes de WordPress, cada una con diseño diferente, cada una se configura de forma diferente, nosotros en el tutorial únicamente les enseñamos cómo configurar la plantilla que se llama «Zerif Lite», entonces aquí endonde está la barrita de buscar, por favor busca esta que se llama «Zerif Lite» y te va a aparecer esta que está acá, entonces una vez que te aparezc,a le das clic en donde dice «Instalar» y después le vamos a dar clic en donde dice «Activar», listo Ahora nos vamos a ir a la pestaña en donde vamos a ver los cambios de nuestra página y le vamos a dar clic en «Refrescar» y vamos a ver que nuestra página cambió drásticamente de diseño, ya se parece más a la página que vamos a hacer Entonces bueno, una vez que te aparezca esta página lo siguiente que vamos a hacer es: le vamos a dar clic aquí donde hice «Personalizar» y después le vamos a dar clic aquí donde dice Portada estática», después le vamos a dar clic aquí donde dice «Una página estática» y aquí en donde dice «Portada» le vamos a dar clic aquí donde dice «Una nueva página» y básicamente lo que vamos a hacer es: vamos a poner el texto que diga «Inició», después le vamos a dar clic en «Añadir», nos esperamos un poquito a que se añada y después, aquí donde dice «Página de entradas» le vamos a dar clic aquí donde dice «Añadir nueva página» y vamos a escribir el texto «Blog», después le vamos a dar clic en «Añadir» y una vez que hacen estas dos, ahora le vamos a dar clic aquí a esta cosita negra que aparece aquí y vamos a ver que nuestra página ya se ve mucho más parecida y mucho mejor, ya con más secciones a la página que vamos a underline;»>crear, entonces ya nada más le vamos a dar clic en «Guardar y publicar», después nos vamos a ir aquí atrás, si tienes alguna duda porque no te aparece de esta forma la plantilla «Zerif Lite» no te preocupes, regresa a la página del tutorial y aquí donde está el paso 5, en la parte de abajo vas a encontrar esta seccioncita que te viene «Método 2» y aquí te enseña cómo instalar la plantilla «Zerif Lite» correctamente, para que te aparezca como la página del tutorial, que es algo parecido a esto Entonces cualquier duda entras a la página del tutorial, le das clic aquí en el vídeo y aquí te enseña cómo ponerla correctamente, pero bueno nosotros la tenemos correctamente, ahora lo siguiente que vamos a hacer es: vamos a pegar, si nos vamos aquí hasta el mero abajo de la página, vamos a ver que te viene esto que dice «Zerif Lite developed by ThemeIsle», que pues es básicamente un copyright que ponen ellos, pero la verdad es que no se ve muy profesional si nosotros vamos a hacer la página para nuestra empresa o para lo que sea, entonces lo siguiente que te voy a enseñar a hacer es: cómo quitar esto Para esto tenemos que copiar un código y lo vamos a pegar en nuestra página, entonces lo que tienes que hacer es: entra a la página del tutorial y si nos vamos aquí abajito vamos a encontrar esta cosita que dice «Código CSS», básicamente lo que tienes que hacer es: copia este código que te aparece aquí, que está dentro de la cajita amarilla, lo copias, regresamos aquí y le vamos a dar clic aquí donde dice «CSS adicional», dale clic por favor, después vamos a borrar esto y vamos a pegar aquí el código de la página, como podemos ver en automático cuando lo pegamos se quita el copyright, miren por ejemplo: si lo vuelvo a pegar como podemos ver se quita y después le vamos a dar clic en «Guardar y publicar», listo

Una vez que ya lo habíamos guardado, ahora ya nada más le vamos a dar clic aquí en esta tachita y así es como está apareciendo nuestra página Ahora lo siguiente que vamos a hacer es: vamos a hacer una pestañita que diga «Sobre Nosotros», para eso tenemos que entrar al editor de nuestra página y después, le vamos a dar clic aquí donde dice «Páginas», después «Añadir nueva», en título vamos a poner que diga «Sobre nosotros», entonces pones aquí de título «Sobre Nosotros» y aquí básicamente para poder hacer una página es underline;»>como si fuera, imagínense un Word, entonces lo primero que tenemos que hacer es: dale clic aquí donde dice «Visual», asegúrate que aquí siempre diga «Visual» y después le vamos a dar clic aquí donde hice «Más herramientas», entonces aquí es underline;»>como un Word, básicamente lo que tú tienes que hacer es escribir, o sea por ejemplo puedes poner algo así como: «Somos una empresa mexicana dedicada a la producción, blah blah blah» pones lo que quieras, «Ofrecemos la mejor calidad» y como funciona aquí WordPress es bien sencillo, tú escribes el texto que tú quieras, si quieres hacer en negritas, selecciona lo que quieras en negritas, le das clic aquí, si quisieras hacer algo en itálicas, lo que puedes hacer es seleccionar, le puedes dar clic aquí en cursiva, si quieres cambiar el color de algo de texto aquí en color lo puedes cambiar, no sé por ejemplo, en naranja Imagínense exactamente lo mismo que Word, si yo quisiera hacer un título más grande por ejemplo, no sé supongamos que quiero poner: «La mejor calidad», lo quiero hacer en grandote, lo selecciono aquí donde dice «Párrafo», lo puedo cambiar a «Título 3», como podemos ver se hace un poquito más grande y si quiero que esté más grande lo puedo cambiar a «Título 2» etc Entonces bueno, aquí lo que tienen que hacer es jugar ustedes con esto, pongan el texto como ustedes quieran ¿Qué pasa por ejemplo, si ustedes quieren poner también una imagen? Bien sencillo, aquí donde dice «Añadir objeto» dale clic y después nos va a pedir que seleccionemos uno de nuestros archivos, asegúrate que diga aquí «Subir archivos» y después le vamos a dar clic en «Selecciona archivos»

Ahora nos va a dejar seleccionar alguna foto que tengamos dentro de nuestra computadora, entonces selecciona la foto que tú quieras, por ejemplo yo voy a seleccionar esta, que es una foto de «Sobre Nosotros», aquí nada más tienes que esperar a que se cargue No te preocupes esto suele tardarse, hay veces que se tarda 30 segundos, hay veces que tarda un minuto, dos minutos, tú nada más espérate que esta rayita se pase, entonces una vez que ya se haya cargado, como podemos ver ya se subió la imagen Entonces, ¿Cómo funciona WordPress? Lo primero que tú tienes que hacer para poder subir una foto a tu página es: primero la subes de la forma que te enseñé, que recuerda es: «Subir archivos», «Selecciona archivos», seleccionas el que tú quieres y una vez que ya estén subidos tus archivos, los vas a encontrar aquí en donde dice «Biblioteca multimedia» y estos archivos ya son los que tú puedes usar dentro de tu página, entonces bueno, una vez que ya se ha subido la imagen que tú quieres, que en mi caso esta fue la imagen que yo seleccioné, lo siguiente que vamos a hacer es: nos vamos a ir aquí abajo y en donde dice «Tamaño» le vamos a dar clic en donde dice «Tamaño completo», después le vamos a dar clic en «Insertar en la página» y como podemos ver se acaba de insertar la imagen que yo seleccioné, aquí de igual forma si quieres hacer la imagen más grande, la puedes hacer más grande Si la quieres hacer más chiquita, la puedes poner más chiquita y si la quieres centrar, la puedes centrar y una vez que ya quede de la forma que tú quieres, por ejemplo: yo quiero que esto esté en negro, supongamos que así ya quiero que ya quede, ya puse toda la información, lo siguiente que voy a hacer es: le voy a dar clic en donde dice «Publicar» y una vez que ya se publicó, si le damos clic aquí donde dice «Vista previa de los cambios», vamos a poder ver en otra pestañita como quedó nuestra página de «Sobre Nosotros» Si quisiéramos editarla, lo que tenemos que hacer es cerrar esta pestañita, regresamos aquí a «Páginas», cambiamos lo que queramos cambiar, le damos clic en «Actualizar»

Ahora lo siguiente que vamos a hacer es: vamos a hacer el menú de nuestra página, para esto lo que tenemos que hacer es nos vamos a ir aquí donde dice «Apariencia», después «Menú» y ahora lo que vamos a hacer es: nos va a aparecer algo como esto, si te aparecen estas cositas en rojo no te preocupes, lo primero que tienes que hacer es darle clic aquí en «Desplegar», después le vamos a dar clic en «Eliminar», igual con esta otra cosita que te aparezca en rojo dale clic en «Eliminar», elimina todo lo que esté en rojo También vas a encontrarte que dice «Inicio» en este caso yo lo voy a eliminar para enseñar desde cero cómo se hace y lo siguiente que vamos a hacer es esto: aquí donde dice «Enlaces personalizados» dale clic y vamos a poner aquí, vamos a dejar esto que dice: «http» y vamos a poner el nombre de tu dominio, que en mi caso es «migenio webcom», tú pones el que sea el tuyo Ojo, es muy importante que tenga esto de «http» y en donde dice «Texto de enlace» vamos a poner esto que dice «Inicio», pones esto de «Añadir al menú» ¿Para qué va a servir eso? Para que cuando la gente le de clic a «Inicio» lo lleve a tu página principal y después vamos a agregar en el menú otras páginas

Entonces, ahora lo que vamos a hacer es nos vamos a ir aquí donde dice «Páginas» y vamos a agregar la página de «Sobre Nosotros», después le vamos a dar clic en «Añadir a menú», después vamos a buscar la páginita que dice «Blog», le vamos a dar clic en «Añadir a menú», después le vamos a buscar la de «Tienda», le damos clic a «Añadir a menú» y finalmente la de «Carrito», «Añadir a menú» Una vez que ya tengamos estas cuatro cosas asegúrate que aquí esté seleccionado esto que diga «Menú principal» y le vamos a dar clic en «Guardar menú», si nos vamos a la página en donde vemos los cambios y le damos clic en «Refrescar», vamos a poder ver que ya cambió por completo nuestra página, ahora ya está el menú puesto De hecho si le damos clic a la parte de «Sobre Nosotros» te va a mandar a la parte, te va a mandar a la página de «Sobre Nosotros», si le damos clic en la de «Inicio», te va a mandar a la página de «Inicio» etc, etc ¿Qué pasaría si tú quisieras quitar alo mejor y no quieres alguna de estas secciones, o por ejemplo supongamos que quisieras hacer un «sub-menú»? Bueno, para hacer un sub-menú es bien sencillo, si tú mueves esto un poquito para un lado, como podemos ver se mueve a un ladito, esto es hacer un sub-menú En caso de que quisieras quitar alguna sección, lo que puedes hacer es: seleccionas, le das clic en «Eliminar», pero bueno por ejemplo qué es un sub-menú, supongamos que yo quisiera este sub-menú, le doy clic en «Guardar menú» y si nos vamos a la página para ver los cambios, podemos ver que aquí ahora tenemos un sub-menú

Así de igual forma tú puedes agregar los sub-menús que quieras y acomodarlos en el orden que tú quieras, por ejemplo: ahora yo acabo de poner también el blog underline;»>como sub-menú, si nos vamos ahora a refrescar podemos ver que ahora en la parte de tienda ahora tengo dos Entonces aquí la idea es que tú juegues y que acomodes en la forma en la que tú quieras tu tienda y tu menú, o sea en la que quieres que aparezca Yo en mi caso yo te recomiendo que la de «Carrito» siempre la dejes a lo último, en caso de que quieras tienda en línea y bueno le das clic en «Guardar y publicar» y listo Una vez que ya tengamos nuestro menú como queramos, por ejemplo: en el caso de que tú tengas una tienda en línea, a la hora de que el usuario le de clic en «Tienda», aquí le van a aparecer los productos A la hora de que le de clic en «Carrito» aquí le va a aparecer el carrito, en caso de que no te aparezca esto de «Tienda» y «Carrito» así como me parece a mí, con esta cosita y la otra cosita azul lo que tienes que hacer es: regresa a la página del tutorial y si nos vamos aquí abajo, a esta parte que dice «Paso 7» en la parte de abajo vas a encontrar aquí (todavía no lo ponemos) pero va a haber un videíto que te enseña exactamente cómo poner la sección de Tienda y Carrito para que te aparezca correctamente

Pero bueno, ahora que ya tenemos nuestro menú, lo siguiente que queda por hacer es editar nuestra página de Internet que ya es la parte divertida Ya de hecho, ya no vamos a hacer nada en el editor, ya todo lo vamos a hacer en el personalizador, entonces bueno hay dos formas en las que puedes entrar al personalizador, la primera es si estás en el editor de tu página de Internet, que recuerda siempre es «tu dominiocom/wp-admin», aquí nada más te vas en donde dice «Apariencia», después «Personalizar» y en automático te va a llevar a esto que es el personalizador de tu página, en donde puedes hacer todos los cambios, esa es la primera forma en la que llegas al personalizador La otra forma en la que llegas al personalizador es: si abres la otra páginita en donde está tu dominio, vamos a ver que como nosotros estamos ingresados como administrador, estamos en el editor de nuestra página vamos a ver esta rayita negra, recuerda esto no lo ven tus usuarios, nada más lo puedes ver tú, pero bueno aquí arriba vas a encontrar este botón que dice «Personalizar», si le das clic también te va a llevar a la página del personalizador Entonces ojo: es súper importante que tú únicamente puedes tener un personalizado abierto, si tienes muchos personalizadores diferentes vas a causar errores de configuración, entonces asegúrate

Yo en este caso voy a cerrar este, asegúrate que ya ahorita nada más tengas uno: la página del tutorial en donde te vienen todos los pasos y en la otra pestañita que tengas nada más únicamente un personalizador abierto y listo Aquí vamos a seguir haciendo todos los demás pasos, un tip: aquí al lado de cada seccioncita o bueno de la mayor parte de las secciones, vas a ver un lápicito azul, si tú le das clic, en automático te lleva a la parte en donde puedes cambiar el texto Entonces esto es un tip, si quieres la forma rápida de editarlo es nada más darle clic al lápicito y ya ahí te lleva a la sección Pero bueno, ahora te voy a enseñar paso a paso cómo le haces para editar cada sección, para que no tengan ningún problema Lo primero que vamos a hacer es: esta es la parte de nuestro editor, lo primero que tenemos que hacer es hacer un logotipo para nuestra página de Internet, entonces para poder hacer eso vamos a ingresar a una página que se llama «logomakr

com», así se escribe «logomakrcom», dale clic en buscar en Google y es este que te aparece aquí, dale clic por favor y esta es una páginita que está completamente gratis que te ayuda a hacer tu logo profesional, sin que seas diseñador Entonces aquí te va a venir un videíto, dale clic en «Cerrar» y bueno, ¿Cómo funciona esta páginita? Bien sencillo Aquí si le das clic en «texto», nos va a dejar poner el texto que nosotros queramos, por ejemplo: yo voy a poner «genioweb«, tú pones lo que tú quieras, después si lo seleccionamos, nos va a dejar seleccionar el tipo de letra que queramos, tú selecciona el tipo de letra que quieras, yo en mi caso voy a seleccionar esta, que es la que me gusta Aquí podemos jugar con los colores, por ejemplo_ supongamos que yo quisiera, no sé algo así como un poquito más rojito, después aquí vas a ver que tenemos diferentes formas, entonces por ejemplo: si quieres agregar un círculo, lo agregas, lo podemos poner aquí al ladito y lo más padre de esta páginita, es que supongamos que yo quisiera por ejemplo, poner un icono

Por ejemplo: supongamos que tú tienes una página que es de perros, esta página te deja buscar en inglés la palabra que tú quieras y te van a aparece íconos completamente gratis que puedes utilizar para tu logotipo Ojo: es muy importante que la palabra que busques sea en inglés, por ejemplo: supongamos que yo quiero «dog», le doy clic en «Buscar» y ahorita me van a aparecer todos los iconitos de perros que puedo utilizar para mí logotipo Por ejemplo: si yo estoy buscando algo como de no sé, si yo soy un genio voy a buscar algo como una «lamp», le doy clic en «Buscar» y una vez que encuentras es el iconito que tú quieras, no sé por ejemplo este, lo puedo seleccionar y lo puedo incorporar en mi logo Aquí yo lo que te recomiendo es que juegues mucho aquí con el diseñito, hasta que encuentres uno que te guste, por ejemplo: a mí me gustó este, que es este como un foquito, aquí tú puedes jugar igual con los colores y una vez que tengas el logo como tú quieras, por ejemplo a mí me gustó de esa forma, lo siguiente que vamos a hacer es: vamos a hacerlo un poquito más pequeño, para que quepa dentro de nuestra página, el tamaño ideal para el logo es 109 x 32 píxeles (nada más para que sepas) Entonces una vez que ya lo tengas así más o menos chiquito, le vamos a dar clic aquí donde dice «Save logo» y ahora te va a venir algo como esto (no le hagas caso, pícale en la tachita) y en automático se te debió de haber descargado tu logotipo

Entonces, ahora lo siguiente que vamos a hacer es: nos vamos a ir a nuestra página de personalizar y le vamos a dar clic aquí donde dice «Identidad del sitio«, después aquí donde dice «Elegirlo logo» vamos a darle clic y vamos a subir el logo que acabamos de bajar, entonces ya nada más dale clic en «Subir archivos», después «Selecciona archivos» y vamos a buscar en donde se te descargó tu logotipo, en mi caso aquí se me descargó Entonces ya nada más esperamos a que se suba y una vez que ya se haya subido le vamos a dar clic en «Elegir» Aquí te deja que tú puedas personalizar el tamaño de la imagen, entonces ponlo del tamaño que tú quieras y underline;»>como podemos ver ya se acaba de subir nuestro logotipo en nuestra página de Internet Si el logo te queda muy grande, lo que tienes que hacer es regresar a «logomakr», lo haces más chiquito, le das clic en «Guardar» y vuelves a hacer lo mismo, o si te queda muy chiquito, pues es así de estar jugando con esto, hacerlo más chiquito, más grande, hasta que te quede del tamaño ideal, pero bueno una vez que ya te ha quedado el tamaño ideal, lo siguiente que tenemos que hacer es: aquí donde dice «Título del sitio» tienes que poner el nombre de tu página de Internet En mi caso el nombre de mi página de Internet es «migenioweb«, entonces yo voy a poner «migenioweb

com» y en «Descripción corta» tienes que poner lo que hace tu página, por ejemplo si fueras un panadero pondrías: «Panadería en México», en mi caso una descripción corta pondría: «Sitio Web Oficial», tú pones lo que tú quieras y después le vamos a dar clic en «Guardar y publicar» Después nos vamos a ir atrás, después te voy a enseñar cómo es que cambiar la imagen principal de tu página de Internet, para esto tenemos que irnos aquí en donde dice «Advanced options», después «Imagen de fondo» y aquí nos va a dejar cambiar la imagen principal de nuestra página de Internet No te preocupes si tú no tienes alguna imagen que puedes utilizar: entra a Google y vamos a entrar, vamos a buscar esta página que se llama «unsplashcom» que es esta que está aquí, dale clic y esta es básicamente una página completamente gratis, en donde cientos de fotógrafos de todo el mundo suben sus imágenes que son libres de derechos de autor, entonces tú puedes utilizar cualquiera de estas imágenes en tu página de Internet Son imágenes profesionales, entonces yo lo que te recomiendo es que busques

Aquí puedes buscar en inglés palabras que quieras, por ejemplo: si quisieras playa puedes poner «beach» y yo aquí lo que te recomiendo es que empieces a escarbar hasta que encuentres alguna imagen que te guste, entonces aquí empiezas a buscar, hay imágenes de absolutamente todo y una vez que encuentres ya una imagen que te guste, no sé por ejemplo esta, le das clic aquí donde dice «Download» y en automático se te va a bajar en tu computadora la imagen Entonces bueno, una vez que ya hayas bajado la imagen, lo siguiente que vamos a hacer es: vamos a entrar otra vez al personalizador de nuestra página y después le vamos a dar clic aquí donde dice «Cambiar imagen» y después vamos a darle clic aquí donde dice «Subir archivos» y luego «Selecciona archivos» Ahora vamos a buscar nuestra imagen, que mi caso es estay ahora ya nada más tenemos que esperarnos a que esto se suba, dependiendo de la imagen se puede tardar de un minuto hasta tres minutos, entonces ya nada más espérate y ahorita te voy a enseñar qué es lo que sigue En caso de que a ti la imagen no se te carga y tengas errores y no te deje subir imágenes, lo que tienes que hacer es: regresa a la página del tutorial y aquí donde dice «Paso 8» en la parte de abajo, vas a encontrar este videíto que si le das «Play» te explica exactamente cómo solucionas ese problema para que te deje subir imágenes y bueno, una vez que ya se te haya subido te va a aparecer algo como esto, aquí ya nada más lo único que tenemos que hacer es: le tenemos que dar clic aquí donde dice «Elegir imagen» y ahorita vamos a ver que se nos va a cargar en nuestra página de Internet Como la imagen está muy grande no cabe en absolutamente toda la parte, entonces lo que tienes que hacer aquí es en donde dice «Configuración» dale click aquí donde dice «Rellenar pantalla» y como podemos ver ya cambió drásticamente

Aquí tú puedes jugar, de hecho si tu le das clic a «Repetir» se va a repetir, etc Entonces yo aquí lo que te recomiendo es que juegues con esto hasta que te quedes del tamaño que tú quieras, yo en mi caso así ya es como quiero que quede entonces ya nada más le vamos a dar clic en «Guardar y publicar» y bueno, una vez que ya se guardó, ahora nos vamos a ir hacia atrás y lo siguiente que vamos a hacer es: vamos a cambiar, si nos vamos aquí a la parte de hasta mero abajo, vamos a cambiar esto en el cual te viene la dirección de tu empresa, tu correo y teléfono Como ya te mencionaba, la forma más fácil de cambiarlo es que le des clic aquí al lápicito azulito si te sale y en automático te lleva la sección en donde puedes cambiarlo, o si prefieres lo que tienes que hacer es: nos vamos a ir aquí en donde dice «Footer options» y después le vamos a dar clic aquí donde dice «Contenido del Footer» y aquí ya nos va a dejar cambiar el contenido que va a venir aquí abajo Entonces aquí en dirección pon tu dirección, por ejemplo: yo voy a poner «Laguna Sur 560″, en tu correo electrónico pones aquí tu correo, en mi caso mi correo es «[email protected]

com», ponen su correo electrónico y después el número de teléfono, aquí escribes tú tu número de teléfono, entonces pones tu número de teléfono (en mi caso es este) y una vez que ya hayas puesto esto, lo siguiente que tenemos que hacer es: aquí arribita vas a encontrar esto que dice «Copyright del pie de la página», aquí es básicamente un textito que te va a venir, entonces por ejemplo: yo lo que te recomiendo que pongas es, por ejemplo si tu página es «migenioweb», entonces pones «mi geniowebcom», underline;»>como podemos ver se pone aquí abajito Una vez que ya hayas hecho esas tres cosas, le vamos a dar clic en «Guardar y publicar» y después nos vamos a ir aquí atrás y le vamos a dar clic aquí en donde dice «Íconos sociales en el pie» Aquí básicamente lo que vamos a hacer vamos a poner nuestros íconos de nuestras redes sociales, dale clic por favor y aquí podemos pegar el enlace de nuestra, si tenemos un ejemplo: una página de Facebook, de Twitter, de Instagram la podemos poner Entonces, ¿Cómo vamos a sacar este link? Lo único que tienes que hacer es si entras a Facebook, aquí una vez que encuentres la páginita de Facebook que quieres poner en tu link, por ejemplo: supongamos que esta es tu página de Facebook, lo que vas a hacer es, vas a copiar el link que aparece arriba, tienes que copiarlo así tal cual como aparece y vamos a revisar el editor y lo vamos a pegar aquí donde dice «Enlace de Facebook» y como podemos ver ahorita se nos va a cargar aquí abajito una cosita de Facebook con el icono de nuestras redes sociales, entonces así es como puedes agregar los iconos de tu Facebook, Twitter, Linkedin, etc

De hecho, si quisieras por ejemplo: tomar el de Twitter, abres una página nueva, buscas en Twitter el nombre de tu página, una vez que ya lo encuentres vas a copiar la URL que aparece arriba que siempre es «twittercom» y luego un nombre de usuario, entonces lo copias y eso es lo que vamos a pegar aquí donde dice «Twitter» De igual forma si lo haces con tu link de Linkedin, de Instagram, de Dribbble, etc Entonces una vez que ya hayas puesto todos los links, ojo es muy importante que tenga esto al principio el «https» y los dos «//», pero bueno una vez que ya hayas puesto todos los que quieras, le das clic en «Guardar y publicar» y listo Una vez que ya se haya guardado, ahora nos vamos a ir atrás, atrás y nos vamos a ir aquí hasta arriba y ahora vamos a cambiar el texto que aparece aquí y los botones que aparecen

Muchas veces me preguntan que cómo le hacen para llegar a esta parte que es el personalizador, para poder llegar a la parte del personalizador lo que tienes que hacer es: primero vas a ingresar a «el nombre de tu dominiocom/wp-admin», que como recuerdan era la parte del editor y aquí una vez que ya estemos en el editor lo que haces es le das clic aquí donde «Apariencia», después «Personalizar» y esto nos lleva en automático al personalizador de nuestra página, en donde ya hacemos todos los cambios, es nada más para que sepas, si quieres apúntalo, ya todos los demás cambios los vamos a hacer aquí Y bueno, ¿Cómo vamos a cambiar este texto? Lo que puedes hacer es dos cosas: primero le puede dar clic aquí donde dice «Sección de la página de inicio» y aquí te van a venir absolutamente todas las secciones de tu página de Internet, aquí si le das clic lo puedes cambiar o la forma más sencilla (que es la que yo te recomiendo), si te aparece este lapicito le puedes dar clic y en automático te lleva a la parte en donde puedes cambiar ese texto, lo mismo pasa con los botone,s con las secciones, etc Pero bueno, yo en mi caso lo voy a hacer en la parte manual, nada más para que veas cómo funciona, si tu lo quieres hacer vía lapicito, perfecto entonces lo primero que vamos a hacer es: una vez que estemos aquí en el personalizador, le damos clic en «Sección de página de inicio», después «Sección de título grande» y después le vamos a dar clic aquí donde dice «Contenido principal» y aquí nos va a dejar cambiar todo el contenido que queremos que aparezca, por ejemplo: si yo quiero cambiar esto que dice «Texto», aquí tú puedes poner lo que tú quieras, por ejemplo yo voy a poner: «Crear página web«, tú pones lo que tú quieras y aquí donde dice «Etiqueta de botón rojo», yo puedo poner el texto que quiero que diga aquí en el botón rojo, por ejemplo: supongamos que yo quiero que este botón diga «Contacto» entonces pongo aquí «Contacto» y yo quiero que cuando el usuario le de clic en este botón te lleve a la sección de aquí abajo que es «Contacto»

Entonces, ¿Cómo vamos a hacer eso? Bien sencillo, si regresamos a la página del tutorial y nos vamos aquí abajito vamos a encontrar esta partecita que dice «Botones Principales», aquí vas a encontrar esta tablita en el cual te viene unas cositas en verde, esto un código que nosotros ya hicimos por ti (para que no batalles), entonces básicamente es: si tú quieres que al darle clic a un botón al usuario lo lleve a la sección, no sé por ejemplo de «Testimonios», lo que tú tienes que copiar es esta cosita verdecita que te pusimos aquí, lo copias y ese el código que vas a pegar Yo en mi caso, como quiero que al darle clic al botón rojo nos lleve a la sección de «Contactos», entonces voy a copiar este linkcito verde que aparece aquí, después regresamos al personalizador de nuestra página y aquí lo que vamos a hacer es en donde dice «Enlace rojo» vamos a borrar todo y nada más vamos a dejar esto que es «el nombre de nuestro dominiocom» Ojo, es muy importante que te cheques que aquí diga «http://» así tal cual como aparece y luego el nombre de tu dominio y aquí vamos a pegar el código verde que acabamos de copiar, que en mi caso es este que es «#contact», entonces una vez que ya lo hayas pegado, le damos clic en «Guardar y publicar» y si le damos clic ahora en el botón de «Contacto», podemos ver que al darle clic nos lleva a la sección de «Contáctenos» Por ejemplo: ¿Qué pasaría si yo quiero que este botón verde nos lleve a esta sección que es «Acerca de» o «Sobre Nosotros»? Bueno bien sencillo, lo que tenemos que hacer es: aquí donde dice «Botón verde» vamos a poner «Acerca de» y en donde dice «Enlace verde» vamos a dejar «el nombre de nuestro dominio

com», vamos a regresar a la página del tutorial y vamos a buscar cuál es el código que nos lleva a esa sección, en este caso la sección de «Acerca de» es la misma que esta de «Quienes Somos» entonces copiamos el código verde, después lo pegamos Recuerda siempre tiene que ser «http:// y luego, el nombre de tu dominiocom» y luego ya el código y después le vamos a dar clic en «Guardar y publicar» Como podemos ver, aquí cuando le damos clic al botón verde ahora nos lleva a esta sección, entonces así lo puedes hacer con cada una de las secciones Si tienes alguna duda, aquí en la parte de abajo de esta cosita que dice «Botones Principales», aquí abajito va a haber un vídeo que te enseña exactamente cómo hacerlo si tienes alguna duda

Entonces cualquier duda que tengas sobre cómo hacer eso, ve el videíto que está aquí abajito y bueno Y, ¿Cómo le hacemos si queremos que al darle clic en este botón nos lleve a la página de Tienda? Ok, entonces por ejemplo: en donde dice «Botón verde», aquí voy a poner «Tienda» y ahora en donde dice «Enlace del botón verde» vamos a poner «el nombre de nuestro dominiocom» y luego una rayita (un diagonal) y vamos a poner la palabra «Tienda» Entonces siempre tiene que ser «http://el nombre tu dominio com/tienda»

Una vez que ya lo hayas puesto le damos clic en «Guardar y publicar» y por ejemplo, ahora si le damos click aquí donde dice «Tienda» podemos ver que en automático nos va a llevar a la sección de «Tienda» Obviamente aquí no te parece nada porque aún no hemos puesto productos, pero como podemos ver ya está configurado Ahora vuélvele a dar clic aquí donde está tu logo y como podemos ver ya quedó está partecita configurada Cualquier duda que tengas, recuerda está el videito aquí en la parte de abajo de esto que dice «Botones principales», abajo vas a encontrar un videíto y ahí te explicamos paso a paso más detallado Ahora lo siguiente qué vamos a hacer es: nos vamos a ir atrás, atrás, atrás y ahora lo que vamos a hacer es, vamos a cambiar esta sección que dice «Características», entonces nos vamos aquí donde dice «Sección de la página de inicio», después le vamos a dar clic aquí donde dice «Nuestro enfoque» que es esta sección y aquí ya vamos a poder cambiar el texto que queremos que aparezca

Por ejemplo: aquí yo quiero poner «Conoce nuestros productos» y aquí puedes cambiar el texto y pones el texto que tú quieras Si tú quisieras ocultar esta sección o cualquiera de las otras secciones, lo único que tienes que hacer es: una vez que estás en la sección, aquí vas a encontrar este botoncito que dice «Ocultar sección», entonces si le das clic como podemos ver desaparece, lo mismo puedes hacer con la sección de «Inicio», con la sección de «Contactos», nada más para que sepas: siempre que quieras ocultar una sección por completo, le das clic aquí donde hizo «Ocultar» y en automático se oculta, pero bueno ahora yo lo que quiero es que aparezcan aquí cuatro diferentes cositas, en donde te expliqué sobre nuestra empresa, entonces lo que vamos a hacer es: le vamos a dar clic aquí donde dice «Añadir widget» y después nos vamos a ir aquí abajo y vamos a buscar hasta mero abajo, vamos a buscar este «widgetsito» que dice «Zerif – Widget Nuestro Enfoque», dale clic por favor y en automático vamos a ver qué se nos va a abrir un «widgetsito» underline;»>como éste en donde ya vamos a poder poner nuestro titulo, entonces por ejemplo: aquí yo puedo poner «Calidad», después aquí ya ponemos el texto que nosotros queremos, por ejemplo: yo voy a poner esto que dice «Ofrecemos el mejor servicio y calidad en absolutamente todo» y aquí en donde dice «Imagen», le vamos a dar clic en donde dice «Subir imagen» y después le vamos a dar clic en «Subir archivos», después «Seleccionar archivos» y vamos a poder seleccionar alguna imagen que tengamos en nuestra computadora, por ejemplo yo voy a seleccionar esta, aquí ya nada más nos esperamos a que se suba Una vez que esté le vamos a dar clic aquí en donde dice «Insertar en entrada» y como podemos ver, se va a insertar la imagen con lo que nosotros hayamos puesto Entonces así es como empiezas a poner cada sección dentro de esta parte, por ejemplo: si quisiéramos poner otra cosita, lo que vamos a hacer es: nos vamos aquí donde dice «Añadir widget», después nos vamos abajo, buscamos el Widget que dice «Nuestro enfoque», y le damos clic y hacemos lo mismo, vamos a poner el texto, después seleccionamos aquí la descripción que queramos, después le vamos a dar clic en «Subir imagen» para seleccionar una imagen, después nos vamos a «Subir archivos», después «Seleccionar archivos», volvemos a elegir una imagen que nosotros queramos, por ejemplo yo quiero a esta, espero a que se suba y aquí le vamos a dar clic en «Insertar en la entrada» y listo Así básicamente es cómo vamos a estar subiendo cada sección, entonces ahorita yo lo voy a hacer en cámara rápida, las otras dos que faltan nada más para que veas cómo es, pero bueno así es como se sube cada sección

Si tienes algún problema, por ejemplo: con la imagen que se está subiendo, supongamos que te queda muy grande o muy chiquita, yo lo que te recomiendo es que intentes con diferentes tamaños de imágenes hasta que quede uno que esté ideal, el tamaño ideal de la fotografía que tiene que venir aquí es tamaño 150 por 150 píxeles, si lo pones en ese tamaño no vas a tener ningún problema, pero bueno ahora le voy a dar en cámara rápida y voy a poner los otros dos que faltan Una vez que ya se han subido todas las cosas que tú quieras, tú puedes poner lo que quieras, si quisieras eliminar uno le puede dar clic aquí donde dice «Borrar» y en automático se va a borrar cada una de estas secciones, entonces bueno, una vez que has puesto todo lo que tú quieras le vamos a dar clic en «Guardar y publicar» y después nos vamos a ir aquí abajito, ahora vamos a cambiar esta cosita que es como un botoncito verde, entonces ¿Cómo le hacemos para llegar ahí? Vamos atrás, atrás, recuerda estamos aquí en el panel de personalizar le damos clic aquí donde dice «Secciones de página de inicio», después nos vamos a ir aquí donde dice «Sección de llamadas de atención» y después le vamos a dar clic al aquí el primero que se llama «Llamada de atención de botón inferior», dale clic y aquí nos va a dejar cambiar el texto que aparece aquí ¿Qué pasaría si tú quieres ocultar esta cosita? Si no quieres que salga lo que tienes que hacer es: borras absolutamente todo, borras todo y como podemos ver en automático se quita la sección, si quieres ponerlas nada más pones un texto y en automático se pone Entonces si tu quisieras borrarlo todo y no quieres que aparezca borras todo y le das clic en «Guardar y publicar», pero bueno yo en este caso sí quiero que aparezca el botón, entonces lo que voy a hacer es voy a poner un textito que diga «Llámanos ahora», después en el botón aquí donde dice «Etiqueta del botón» voy a poner «Contacto» y después en donde dice «Enlace del botón» es exactamente lo mismo que los botones de arriba, tienes que poner «http:// el nombre tu dominiocom», (que en mi caso es este) y después vamos a regresar a la página del tutorial y vamos a buscar otra vez la tablita y aquí ya lo podemos llevar a la sección que queramos, entonces por ejemplo: si yo quiero que me lleve a la sección de «Contacto», entonces voy a estecopiar que diga «Contact», si tú quisieras que te llevara a otra sección puedes copiar alguno de estos otros códigos, pero bueno yo como quiero que me lleve a la sección de «Contacto» igual voy a copiar este código verde y lo voy pegar aquí en donde dice «Enlace del botón», entonces el enlace me va a quedar así» http://mi genio web

com», que en tu caso va a ser «el nombre de tu dominiocom» y luego el código Después le vamos a dar clic en «Guardar y publicar» y si lo probamos al darle clic ahora en el botón de «Contacto» nos va a llevar directamente a la sección de abajo de contacto Entonces bueno ya supimos cómo poner esta cosita que está en verde, lo siguiente que vamos a hacer es: vamos a editar esta parte, que es la parte de «Sobre Nosotros», nos vamos hasta mero atrás, nos vamos aquí donde dice «Sección de llamadas de atención», digo perdón nos vamos atrás y ahora nos vamos a ir a donde dice «Quiénes Somos», es esta partecita que está aquí, aquí vamos a editar toda esta información Ojo: si quisieras llegar de una forma más rápida, lo que puedes hacer le das clic al lapicito azul y en automático te lleva a exactamente donde cambias esas partes, pero si lo quieres hacer de la forma manual, recuerda: estamos en el editor, nos vamos a «Secciones de la página de inicio», después «Sección Quiénes Somos» y aquí en «Contenido principal» podemos cambiar el textito, por ejemplo: podemos poner «Sobre Nosotros», aquí puedes cambiar el subtítulo, puedes poner como «Descubre quiénes somos» puedes poner lo que tú quieras, de igual forma si cambias aquí en donde dice «Sección de título grande» lo puedes cambiar, como podemos ver en automático se empieza a cambiar

También podemos cambiar aquí la descripción que aparece al lado, puedes cambiar aquí, poner lo que tú quieras Una vez que ya hayas puesto todo lo que tú quieras, le vamos a dar clic en «Guardar y publicar» y aquí te voy a enseñar cómo puedes ocultar estas partes o cómo puedes editarlas Entonces ahora lo que vamos a hacer es: nos vamos a ir atrás y aquí vamos a encontrar esto que dice «Característica 1, 2, 3, y 4» Si le damos clic aquí, vamos a poder cambiar el texto por ejemplo: si yo quisiera poner «Calidad», puedo poner «Calidad» y también te deja cambiar el porcentaje Por ejemplo: si yo quiero que diga 95%, lo cambio aquí a 95%, ahora nada más me espero un poquito a que se actualice y como podemos ver en la sección de nosotros ahora dice «Calidad 95%», entonces así tú puedes cambiar cada una de estas

Si las quieres cambiar, nada más entras, le cambias aquí textito y le cambias el porcentaje Pero, ¿Qué pasa si tú quieres quitar esto y simplemente no quieres que aparezca? Entonces es bien sencillo, en donde dice «Característica» lo que tienes que hacer es borrar absolutamente todo lo que dice de título bórralo y también vamos a borrar el porcentaje y en automático cuando lo borramos vamos a ver qué va a desaparecer por completo Entonces si tú quisieras quitar estas características, lo que tienes que hacer es uno por uno borrar todo, borras el título, el porcentaje, así de cada uno y una que hayas borrado todo nada más le das clic en «Guardar y publicar» y listo Y bueno, ahora que ya aprendiste cómo editar la página de «Sobre Nosotros», de igual forma si tú quisieras ocultarlo, aquí en «Contenido principal» vas a encontrar esta seccioncita que dice «Ocultar sección de Quiénes somos», si le das clic ocultas por completo esa sección y le puede dar clic en «Guardar y publicar» Recuerda: todas las secciones son básicamente igual, si quieres ocultarlas nada más le das clic en «Ocultar» y listo

Pero bueno, ahora ya que ya dejamos la sección de «Quiénes Somos», lo siguiente que toca es: vamos a añadir aquí la sección de «Nuestro equipo», entonces para eso nos vamos a ir hasta acá atrás y después nos vamos igual, «Secciones de la página de inicio» y vamos a buscar la sección de «Nuestro equipo, aquí de igual forma tú puedes cambiar el título, por ejemplo puedo poner: «Nuestro equipo», también puedes poner una descripción, algo así como «Las personas detrás de nuestra empresa», tú puedes poner lo que tú quieras Si tú quisieras ocultar esta sección por completo, lo que puedes hacer es le das clic en «Ocultar sección» y en automático se oculta, pero bueno yo en mi caso, yo quiero agregar a cuatro personas, entonces lo que vamos a hacer es: le vamos a dar clic aquí donde dice «Añadir un widget», después nos vamos a ir hasta mero abajo y vamos a buscar el widget que dice «Zerif – Widget Miembro de» ese es el que tienes que picar, entonces le das clic, ahora ya nada más tenemos que seleccionar el nombre, entonces pones aquí el nombre, por ejemplo: «Lau lópez», tú pones lo que quieras, en posición pueds poner lo que tú quieras, por ejemplo yo voy a poner «Marketing», en descripción pones la descripción que tú quieras, por ejemplo yo voy a poner «Encargada de creación de redes sociales y contenido»

Aquí si tú quieres puedes poner sus enlaces de Facebook, de Twitter, de Instagram, de lo que quieras, aquí nada más pones los links de sus redes sociales, recuerda de igual forma que como los pusimos abajo y ahora ya nos deja seleccionar una imagen, entonces le damos clic en donde dice «Subir imagen», después «Subir archivos», después «Seleccionar archivos» y vamos a buscar la imagen de la persona de nuestro equipo, yo en mi caso yo la voy a seleccionar aquí, nos esperamos a que se suba y una vez que ya se haya subido le damos clic en «Insertar entrada» Como podemos ver ahorita se va a empezar a cargar, y ahorita va a aparecer aquí la imagen, entonces como podemos ver ya aparece aquí la imagen de «Lau», aquí te viene su nombre, el puesto y si el usuario le da clic en mouse vamos a ver la descripción Si tú no quisieras descripción, la puedes quitar Entonces así es como se pone cada uno de los usuarios por ejemplo, si quisieras poner a otro usuario de igual forma le damos clic aquí donde dice «Añadir widget», buscamos el widget que dice «Zerif – Miembros de», le damos clic, aquí de igual forma ponemos un nombre, por ejemplo: Luis Garza, pones una posición, por ejemplo yo voy a poner «Leyes», en descripción pones la que tú quieras, si quieres pones sus redes sociales y de igual forma vamos a subir una imagen Entonces nos vamos a «Subir imágenes», seleccionamos la imagen que nosotros queramos, le damos clic en «Seleccionar» nos esperamos a que se suba y bueno el proceso es súper repetitivo, entonces tienes que hacer lo mismo con todos, por ejemplo ahorita una vez que ya está le damos clic en «Insertar a la entrada», vamos a ver que ahorita se va a subir, en caso de que no se suban, nada más dale clic en «Guardar y publicar» y nos esperamos unos segundos y cómo podemos ver ya te parece, en caso de que ya lo habías guardado y aún no te parece el nuevo, no te preocupes Lo que tienes que hacer es darle clic aquí en donde está tu logotipo y si nos vamos aquí abajo vamos a ver que ya se refrescó y aparece entonces En caso de que no te aparezca, lo que tienes que hacer es le das clic en «Guardar», después espaldas le das clic en el logo y listo, ya te va a aparecer y de igual forma vamos a agregar otras dos personas, tú puedes agregar los que tú quieras, yo en mi caso ahora lo voy a hacer en cámara rápida y voy a hacer exactamente el mismo proceso para agregar otros dos usuarios, entonces tú haces lo mismo, yo en este caso ahora lo voy a hacer en cámara rápida

Y como podemos ver, ya agregué a las cuatro personas de nuestro equipo En caso de que no te aparezcan y ya lo guardaste, recuerda le das clic a tu logo, te vas a la parte de abajo, vamos a ver que ya están todas las personas que agregamos ¿Que pasaría si yo quisiera eliminar alguno de estos? Bueno aquí donde dice «Widgets» busco el que quiero eliminar, por ejemplo: este de «Andy Ruiz», le doy clic aquí donde dice «Eliminar» y en automático se elimina, de igual forma si yo quisiera ocultar por completo esta sección y no quiero que parezca en mi página de Internet, lo que voy a hacer es: le voy a dar clic aquí donde dice «Ocultar sección de Nuestro equipo» y en automático nos la oculta En mi caso yo quiero que aparezca, entonces lo dejo así Una vez que ya hayamos hecho esto, lo siguiente que vamos a hacer es: asegúrate que esté en «Guardar y publicar» y después lo siguiente que vamos a hacer es: vamos a cambiar esta seccioncita (que es la de «Testimonios»), entonces ahora nos vamos a ir para atrás, luego para atrás y recuerda: es en «Secciones de página de inicio» y aquí ya vamos a buscar esta sección que es «Testimonios», aquí de igual forma si quisiéramos ocultarla le podemos dar clic aquí en «Ocultar» y se puede ocultar.

En este caso, si quisiéramos cambiar el texto es igual de que «Los Testimonios», puedes cambiar aquí el texto que tú quieras, también puedes agregar un subtítulo, por ejemplo: algo así como «Conoce lo que nuestros clientes dicen de nosotros», puedes poner lo que quieras Ahora vamos a «Añadir un widget» y vamos a buscar el widget hasta mero abajo que es «Zerif – Widget de Testimonios», entonces dale clic y de igual forma, vamos a poner de igual forma el autor, por ejemplo: supongamos que yo soy el cliente entonces pongo «Sofia González», que es el nombre del cliente, Después puedes poner lo que el cliente dijo de ti, por ejemplo poniendo algo así como «Me encantó el servicio, muy buena empresa», o sea pones lo que quisieras, si quisieras poner enlaces o detalles del autor del testimonio lo puedes poner y después te va a dejar seleccionar una imagen, entonces dale clic en «Subir imagen», «Subir archivos», «Seleccionar archivos» y vamos a seleccionar la imagen que quieres que sea de tu cliente (en caso de que quieras poner), yo en mi caso seleccioné esta, le damos clic en «Insertar entrada» y como podemos ver se agregó en automático entonces te viene el testimonio, el nombre de la persona y una imagen Una vez que ya hayamos hecho esto le vamos a dar clic aquí donde dice «Guardar y publicar» y lo siguiente que vamos a hacer es: vamos a abrir otra pestañita, en donde te va a venir nada más el nombre de nuestro dominio, en donde vamos a ver los cambios, entonces abre otra pestañita, pegas el nombre de tu dominio que en mi caso es «migeniowebcom», en tu caso tú pega el nombre de tu dominio y aquí ya básicamente lo que vamos a ver son los cambios

Como podemos ver esto es lo que hemos cambiado, aquí en la parte de «Testimonios» vemos que se ve diferente y que está cambiado Entonces de igual forma, vamos a agregar otros widgets con otros dos testimonios, yo de igual forma acuérdate es: «Añadir widget», nos vamos y buscamos el «Widget de Testimonios», ponemos en nombre del autor «Lulu Ruiz» o el nombre que tú quieras, de igual forma pegas el texto, subimos una imagen, «Subir archivos», «Seleccionar archivos», seleccionamos la imagen que queramos, nos esperamos a que se suba y le damos clic en «Insertar entrada» Y así va a ser cada uno de estos, entonces como podemos ver este es otro testimonio, si quisiéramos poner uno más es lo mismo: nos vamos aquí en «Añadir widget», «Testimonios», en autor podemos poner «Pepe Ruiz» lo que quieras, aquí pones todo esto con tu información, de igual forma puedes subir una imagen, yo lo estoy haciendo de forma rápida nada más para enseñarte cómo es Entonces bueno, una vez que ya hayas subido todas las imágenes de todos los autores, etc y ya has puesto todas las que quieras, ya nada más nos esperamos a que se suba y le vamos a dar clic en «Guardar y publicar» Es súper importante que cada vez que hagas un cambio, le des clic en «Guardar y publicar» para que se guarde en tu página

Ahora regresamos a nuestra página y si le damos clic aquí en «Refrescar» para que se vuelva a ver los cambios y nos vamos aquí a la parte de hasta mero abajo, vamos a ver que ya se agregaron los tres testimonios y que ya están guardados Entonces ahora, ya aprendimos cómo hacer los testimonios, después te voy a enseñar cómo cambias este texto, que es el texto que está en rojito, esta seccioncita te voy a enseñar cómo lo cambias y después te voy a enseñar cómo hacer el blog y cómo ponemos la sección de «Contáctenos» Entonces bueno ahora, ¿Cómo vamos a cambiar esta seccioncita que está en rojo? Si nos vamos al personalizador de nuestra página, aquí vamos a ver la seccioncita en rojo, ahora nos vamos a ir aquí atrás, atrás y vamos a picarle otra vez: » Secciones de página de inicio», vamos a buscar «Secciones de llamada de atención» y vamos a buscar este que es «Llamada a la atención con el botón de la derecha» (que es este que está aquí), aquí si le damos clic underline;»>como podemos ver nos va a cambiar el textito De igual forma vamos a poder poner un link, si quisieras quitarlo lo que tienes que hacer es: quitas todo lo que dice «Texto» y en automático se quita esa sección Pero bueno, yo en este caso voy a querer que cuando el usuario le de clic en el botón, lo lleve a esta sección de «Nuestro Equipo», entonces ¿Cómo vamos a hacer esto? Aquí lo que voy a hacer es: voy a poner de texto algo así como «Conoce nuestro equipo», tú puedes poner lo que quieras y en «Enlace del botón», yo voy a pegar aquí, acuérdate: siempre va a ser «el nombre de tu domino

com» y aquí voy a pegar el código que sacamos de la tablita Si no te acuerdas de dónde sacarlo, lo que tienes que hacer es: ve a la página de tutorial y recuerda que aquí en la sección donde dice «Botones principales» vas a encontrar esta tablita, de igual forma aquí es en donde vamos a conseguir el código Entonces, si yo quiero que al darle clic me lleve a la sección de «Nuestro Equipo», lo que tengo que hacer es: voy a copiar esto que diga «Team» y es lo que voy a pegar aquí Entonces una vez que ya esté, le doy clic en «Guardar y publicar» y en automático Ah bueno, me faltó cambiar aquí donde dice «Etiqueta del botón», voy a cambiar que diga «Nuestro Equipo» y listo Le doy clic en «Guardar y publicar» y en automático cuando el usuario le de clic aquí, lo va a llevar a la sección de «Nuestro Equipo», pero ¿Qué pasa si por ejemplo: tú quieres que en vez de que diga «Nuestro Equipo», tú quieres que más bien diga algo así como «Blogs» y que quieres que cada vez que el usuario le de clic aquí lo lleve a la página de «Blog», o por ejemplo: a la página de «Tienda» o lo que sea? Lo que tienes que hacer es: en la página en donde está tu dominio, aquí vamos a encontrar las diferentes secciones, por ejemplo: si yo quisiera que me llevara a la página de «Tienda», le doy clic aquí en la página de nuestro dominio y en automático me va a llevar a la página de tienda, entonces lo que tienes que hacer es: copiar el linkcito que aparece arriba y ese es el código que vamos a poner en la sección del botón, es decir, si yo quisiera que me llevara a la página del blog, nada más le doy clic aquí en «Blog», voy a copiar el linkcito que está aquí arriba y ese es el linkcito que voy a poner Entonces bueno, copias el link que está arriba de la sección que tú quieres que te lleve, aquí por ejemplo en «Etiqueta del botón» yo voy a poner «Blog», voy a pegar el código que puse y aquí pues en este caso voy a poner como: «Nuestro blog es increíble», entonces ya en automático, nada más con este código que pusimos, ya en automático cuando el usuario le de clic, lo va a llevar a la sección de blogs Entonces ya nada más le vamos a dar clic en «Guardar y publicar» y listo, ya quedó

Ahora cada vez que el usuario le de clic aquí a este botón, lo va a llevar a la sección de «Blog» Recuerda tú puedes hacer esto, tú puedes jugar aquí con la tablita, puedes ponerlo que te lleve a la sección que tú quieras y bueno ahora la siguiente parte, esto de «Últimas noticias» ahorita te voy a enseñar cómo funciona Nada más en el inter (antes de eso) te voy a enseñar cómo ponemos la sección de «Contáctenos», entonces ahora lo que hacemos es: nos vamos atrás, nos vamos aquí donde dice «Sección de la página de Inicio», buscamos la sección de «Contáctanos» y aquí de igual forma puedes cambiar el texto que aparece aquí, si tú quieres poner, puedes poner un subtítulo y es súper importante que aquí donde diga «Correo electrónico» pongas tu correo electrónico en donde vas a recibir los correos Ojo: esto es súper importante que lo pongas, entonces tienes que poner tu correo electrónico, yo en mi caso este es mi correo electrónico, tú pones el tuyo y ojo: yo te recomiendo que para que no tengas ningún problema, pongas algún tipo de correo electrónico que acabe con «<@gmail» Ningún usuario que ha puesto una cuenta de Gmail ha tenido problemas recibiendo correos, entonces para que no tengas problemas, abre una cuenta de Gmail que es completamente gratis, la puedes abrir en «Gmail

com» y una vez que la tengas pones aquí tu correo y después le vamos a dar clic en «Guardar y publicar» y listo En automático cada vez que un usuario te deja aquí un mensaje, te escriba y le de clic en «Enviar mensaje», a ti te va a llegar el correo a la dirección que pusiste, entonces de esa forma es la forma en la que configuramos la sección de «Contáctenos» De hecho en este caso si quisieras ocultarla, de igual forma nada mas le das clic aquí donde dice «Ocultar sección» y te oculta esa sección Yo como quiero que aparezca la «desoculto», pero recuerda: aquí ponen una cuenta de «Gmail», para que no tengas problema Ahora sí te voy a enseñar cómo editamos esta sección que es de últimas entradas, que es bueno «Últimas noticias» que es básicamente nuestro blog

¿Cómo vamos a hacer esto? Bueno, lo primero que tenemos que hacer es: nos vamos a ir hacia atrás, atrás y en donde dice «Secciones de la página de inicio» en «Ultimas noticias», de igual forma aquí podemos cambiar por ejemplo: si quiero poner «Ultimas Entradas» lo puedo poner o si quieres poner «Blog» puedes poner aquí «Blog», como tú quieras, puedes poner lo que quieras También puedes agregar un subtítulo que se va a agregar en automático, entonces tú pones aquí el título que quieras, por ejemplo: «Últimas noticias» y, ¿Qué pasa si yo no quiero, por ejemplo que aparezca el blog y lo quiero ocultar? Lo único que tienes que hacer es: aquí le das clic en «Ocultar sección» y en automático te la va a ocultar, esto es nada más para que sepas, así es como se cambia el título, el subtítulo y ahora te voy a enseñar cómo es que hacemos una nueva entrada de blog Entonces bueno, una vez que ya hayas cambiado el título y el subtítulo nada más le das clic en «Guardar y publicar», después lo que vamos a hacer es: nos vamos a ir atrás, atrás y le vamos a picar aquí donde dice «Advanced options», después le vamos a picar aquí donde dice «Blog Header Options» y aquí básicamente lo que vamos a hacer es: si le das clic aquí donde dice «Blog» vamos a ver que por «default» nos aparece un diseñito como este, entonces aquí tú puedes cambiar el texto, por ejemplo: yo puedo cambiar aquí que diga: «Conoce nuestros últimos artículos», también puedes cambiar por ejemplo: si quieres el título, entonces cámbialo que diga algo así como «Blog», como tú quieras Después le vamos a dar clic en «Guardar y publicar» y finalmente ahora sí vamos a crear un nuevo artículo ¿Cómo vamos a hacer esto? Ya vamos a salirnos de nuestro personalizador y ya nada más vamos a entrar a «el nombre de tu dominio

com/wp-admin» que es el editor, entonces entramos al editor y aquí en el editor es en dónde vamos a poder crear un nuevo post Para poder crear un nuevo post o una nueva entrada en su blog es bien sencillo Lo primero que tenemos que hacer es: nos vamos aquí donde dice «Entradas», dale clic donde dice «Todas las entradas» y primero vamos a borrar todas las entradas que se nos pusieron por «default» porque GoDaddy a veces te pone así como unas fake, entonces lo que haces es: selecciones todas, le das clic aquí donde dice «Mover a papelera» y después le das clic en «Aplicar» Ahora para crear una nueva lo que vamos a hacer es: nos vamos a ir aquí donde dice «Entradas», después «Añadir nueva» Ahora nos va a pedir que seleccionemos cuál queremos que sea el nombre de nuestra entrada, entonces por ejemplo: yo supongamos que quiero hacer un blog que sea «Cómo hacer una pizza», pongo aquí «Cómo hacer una pizza» y para hacer un blog es igualito que underline;»>como hicimos una página, esto es igual que un Word

Entonces asegúrate que esté aquí donde dice «Visual», asegúrate de darle clic aquí y aquí tú puedes poner literalmente texto, por ejemplo voy a ponerlo algo así underline;»>como: «En este blog te voy a enseñar cómo hacer una pizza», tú puedes escribir el texto que tú quieras También por ejemplo: si quieres hacer algo en negritas, le das clic aquí en «Negrita», si quisieras poner algo en rojo, le das clic en rojo, etc Supongamos que yo quisiera poner algo que fuera como algo así como «Ingredientes» y quiero que esté más grande, lo que puedo hacer es pongo «Ingredientes», puedo seleccionar un título que sea más grande, de igual forma puedo poner, si quiero poner viñetas le puedo dar clic aquí y aquí puedo poner algo así underline;»>como: pasta, tomate, pan, etc Entonces aquí básicamente tú lo escribes igual que underline;»>como si fuera un blog, o sea como si fuera un Word Yo en mi caso supongamos que quisiera poner esto, ahora lo siguiente que vamos a hacer bueno, ¿Qué pasa si ahora tú quieres agregar una imagen dentro de tu blog? Lo que puedes hacer es bien sencillo, nada más le das clic aquí donde dice «Añadir objeto», después «Subir archivo», después «Seleccionar archivo», seleccionas la imagen que tú quieras que sea la imagen que sea, por ejemplo: este que es «Pizza 2», entonces yo me espero espero a que se suba la imagen que seleccioné de mi computadora, no te preocupes si esto se llega a tardar

Una vez que ya se haya subido, ya nada más nos vamos aquí abajo, ojo: es súper importante que te fijes que aquí donde diga «Tamaño» esté seleccionado este que dice «Tamaño completo», entonces si aquí ya dice «Tamaño completo» lo que vamos a hacer es: le vamos a dar clic aquí donde dice «Insertar en entrada» y como podemos ver se nos insertó en nuestra página de Internet Si quisiéramos hacerla más chiquita, lo que podemos hacer es hacerlo más chiquito, si lo queremos centrar de igual forma aquí lo podemos centrar, etc Si quieres agregar otra imagen es exactamente lo mismo, por ejemplo: «Pizza parte 2» y quiero poner otra imagen hacemos lo mismo: «Añadir objeto», «Subir archivos», «Selecciona archivos», seleccionas tu imagen, una vez que ya se haya cargado, nos vamos abajo, asegúrate de que diga «Tamaño completo», después «Insertar en entrada» y como podemos ver ahorita se va a insertar aquí abajo, de igual forma lo podemos hacer más chiquito y bueno, así puedes agregar las imágenes que quieras, puedes agregar los textos que quieras pero, ¿Qué pasa si por ejemplo, tú quieres agregar aparte un vídeo? Ahora te voy a enseñar cómo le haces para agregar un vídeo en tu blog, por ejemplo ahora voy a poner algo así underline;»>como: «Descubre nuestro vídeo increíble sobre cómo hacer una pizza» Y bueno, ¿Cómo le haces para añadir un vídeo? Lo que tienes que hacer es: abres en otra pestañita una página de Youtube, buscas el vídeo que tú quieras, por ejemplo yo estoy buscando «cómo hacer una pizza», supongamos que este es el que me gusta, le doy clic, asegúrate que se cargue y después para insertarlo es bien sencillo Nos vamos a ir aquí donde dice «Compartir» y vamos a copiar este linkcito que aparece aquí, ese es el link que tienes que copiar, después nos regresamos al editor de nuestra página (nos estamos yendo al blog) y vamos a pegar el link que acabamos de copiar y le vamos a dar clic en «Enter»

En automático como podemos ver, se nos va a subir el video de Youtube que vamos a poner, entonces esa es la forma en la que pones vídeos Por último, lo último que tenemos que hacer es: nos tenemos que ir aquí abajo y tenemos que darle clic aquí donde dice «Asignar imagen destacada» ¿Qué es la «Imagen destacada!? Bueno básicamente WordPress cada vez que haces un artículo te va a venir a hacer cuenta de tu título, la descripción y aquí al ladito te va a venir una imagen sobre el artículo, entonces esa es la imagen destacada y esa es la que tenemos que seleccionar, entonces para seleccionarla ojo: es bien importante que selecciones esto, pero bueno para seleccionarla te vas aquí abajo donde dice «Imagen destacada», después de le das clic en donde dice «Seleccionar imagen destacada» y aquí si quieres subir un archivo lo puedes subir, yo en mi caso voy a seleccionar entre los archivos que ya escogí, entonces voy a escoger este de la pizza y le doy clic en «Asignar como imagen destacada», como podemos ver se cargó y aquí si queremos una nueva categoría, le podemos dar clic y podemos poner algo así como «Recetas», tú puedes poner las categorías que quieras Una vez que la quieras hacer le puedes dar clic en «Añadir nueva categoría» y como podemos ver se acaba de añadir Entonces perfecto, una vez que ya añadiste tu imagen destacada y si quieres seleccionaste una categoría ya nada más le vamos a dar clic aquí donde dice «Publicar» y aquí nos va a salir exactamente como se ve en nuestro artículo

Como podemos ver tiene las imágenes, los textos, inclusive aquí abajo tiene el video, si le damos clic en automático se va a dar «Play» en el vídeo y te va a enseñar el vídeo Entonces así es la forma en la que se hacen artículos en WordPress, yo en este caso voy a cerrar este En caso de que tú tuvieras más artículo, o sea supongamos que tienes muchos y que quieres entrar a editar, lo que tienes que hacer es darle clic aquí donde dice «Todas las entradas» y aquí te van a venir a absolutamente todos tus artículos de blog, aquí si le das clic tú vas a poder editar cualquiera de los que deseas, entonces bueno así es como se editan los artículos de blog, si nos vamos al link en donde vamos a ver los cambios de nuestra página y le damos click aquí donde dice «Blog», vamos a ver que ya se publicó nuestro artículo de blog con nuestra imagen destacada que es esta y así está el artículo También si le damos clic aquí al logo de nuestra página, nos va a llevar a la página principal y si nos vamos aquí abajo a la sección (un poquito más abajo de «Últimas Noticias») aquí vamos a ver que ya se puso nuestro artículo de blog De igual forma aquí se van a ir poniendo todos los artículos de blog conforme los vayas poniendo

Si quieres ocultarlo recuerda, te vas a «Personalizar», te vas a la sección y le puedes dar clic en «Ocultar», pero bueno así es como se pone el blog, lo siguiente que te voy a enseñar a hacer es cómo pones artículos para tu tienda Entonces aquí te voy a enseñar cómo le haces para poner productos que puedas vender en tu tienda online Entonces, para poder hacer esto vamos a entrar al editor de nuestra página y después nos vamos a ir aquí abajo en donde dice «Productos», le vamos a dar clic y después le vamos a dar clic en donde dice «Añadir producto», aquí tienes que seleccionar el nombre de tu producto, por ejemplo: supongamos que yo quiero vender audífonos, pondría «Audífonos», después aquí en la parte de abajo en donde dice «Descripción corta del producto» pega una breve descripción, por ejemplo: yo puse «Audífonos Beats, modelo «tatata», etc» Entonces pones una descripción, después aquí donde dice «Precio normal», por favor selecciona un precio, por ejemplo: supongamos que yo lo quiero vender en 399 pesos, entonces seleccionas un precio y después le tenemos que seleccionar una imagen aquí donde dice «Imagen del producto», entonces dale clic donde dice «Establecer imagen del producto» y después le vamos a dar clic en donde dice «Subir archivos», después «Seleccionar archivos», buscas la foto que tú quieras, por ejemplo esta y una vez que se cargue le vamos a dar clic aquí donde dice «Establecer imagen del producto» y como podemos ver ya se cargó la imagen de nuestro producto, entonces ya está todo listo, ahora le vamos a dar clic en donde dice «Publicar» y listo Una vez que se haya publicado si le damos clic aquí donde dice «Vista previa de los cambios», vamos a ver que nuestros audífonos, nuestro producto ya está publicado como podemos ver tiene el precio, la descripción, inclusive ya te viene aquí la opción de «Añadir a carrito»

Entonces, ¿Qué pasaría si tú quieres agregar más imágenes? O sea aparte de esa imagen quieres que te salgan aquí otras imágenes ¿Como le haces para agregar más imágenes? Bueno, vamos al editor de nuestro producto, después nos vamos aquí abajo les vamos a picar aquí donde dice «Galería del producto» y de igual forma vamos a subir los archivos que queramos, después le damos clic en «Seleccionar», selecciona las otras que tú quieras, por ejemplo esta, nos esperamos a que se cargue, le damos clic en «Añadir a la galería», como podemos ver se añadió Aquí tú puedes agregar las fotos que quieras y una vez que ya esté listo, que hayas agregado todas las fotos que quieras, le das clic en «Actualizar» Ahora, ¿Recuerdas el link que habíamos abierto?¿Este? Ciérralo y después le vuelves a dar clic en donde dice «Vista previa de los cambios» y cómo podemos ver aquí ya se cargó la otra imagen, de hecho si el usuario le da clic, les va a venir aquí la otra imagen, etc Entonces así es como tú puedes agregar, si tienes un producto que tiene muchas fotos, así agregas todos los productos

Ahora sí vamos a cerrar este que es donde estamos viendo el producto y en la página donde estamos viendo los cambios, bueno antes de eso también cierra los otros links que tengas, por ejemplo este y bueno, aquí en la página donde vamos a ver los cambios si le damos clic en «Tienda», vamos a ver que ya te entró y ya te aparece aquí nuestros productos, entonces cada vez que pongamos un producto aquí se van a cargar en «Tienda» Si no tea parece por alguna razón esta sección de «Tienda», entonces dale clic aquí al link que te aparece aquí abajo, ahí te enseña en ese link cómo lo pones correctamente para que te aparezca, pero bueno lo siguiente que vamos a hacer es: te voy a enseñar, bueno si ahorita le das clic en donde dice «Añadir a carrito», después le damos clic en «Ver carrito», podemos ver que aquí ya nos lleva a esta sección, en donde cada vez que el usuario ponga diferentes productos aquí se va a poner todo, después si le damos clic en «Finalizar compra», lo va a llevar a esta sección en donde ponen sus datos de compra y selecciona un método de pago Entonces, ¿Cómo le vamos a hacer para poner un método de pago? Bueno, ahora vamos a entrar al editor y después le vamos a dar clic aquí donde dice «WooCommerce», «Ajustes», después le vamos a dar clic aquí donde dice «Finalizar compra» y aquí en donde dice «Paypal» dale clic y asegúrate que esté esto seleccionado que dice «Activar Paypal estándar» y aquí tienes que poner tu cuenta de Paypal en donde vas a recibir todo el dinero Entonces cada vez que te compren algo, tú vas a recibir todo el dinero a tu cuenta de Paypal que es el procesador de pago que nosotros usamos Es súper importante que abras una cuenta de Paypal, es completamente gratis

Si no tienes una, puedes entrar a «Paypalcom», ahí puedes abrir tu cuenta y una vez que ya te paguen, ahí te van a llegar todos los fondos y ya lo puedes retirar desde tu cuenta de Paypal Entonces bueno, ya una vez que tengas tu cuenta de Paypal aquí la pones por favor, aquí también la pones y después le vamos a dar clic en donde dice «Guardar cambios», después supongamos que tú también quieres poner «Pago en establecimiento», lo que puedes hacer es: dale clic aquí donde dice «Pagos por cheque» y después le vamos a dar clic en donde dice «Permitir pagos con cheque» y aquí te va a dejar cambiar la descripción de lo que quieres que ponga, por ejemplo: si yo quiero que me paguen en el establecimiento, lo que tendría que poner sería «Pago en Establecimiento», pones «Pago en Establecimiento», después pones aquí «Por favor paga en nuestra sucursal» o lo que quieras y después, una vez que hayas puesto esto le has clic en donde dice «Guardar cambios» y si regresamos a la página en donde vemos los cambios, recuerda: nos fuimos aquí a «Carrito», después «Finalizar compra» y nos vamos hasta mero abajo, todo esto el usuario te lo va a llenar con sus datos, pero si nos vamos hasta mero abajo, vamos a ver que aparecen estas dos opciones, «Pago con Paypal» en el cual te pueden pagar directamente con su tarjeta de débito o de crédito o «Pago en establecimiento», que aquí es básicamente te pueden pagar y ya directamente cuando lleguen a tu local te dan el dinero en efectivo Esos son los dos los métodos de pago que podemos poner, si tú también por ejemplo, quisieras poner supongamos no sé, pagó en el Oxxo, lo que puedes hacer es: entras al editor, después nos vamos aquí donde dice «Transferencia bancaria» y después aquí pondrías en donde dice «Activar y desactivar» seleccionas «Activar» y en donde dice «Título» puedes poner «Pago en Oxxo», entonces pones «Pago en Oxxo» y luego aquí descripción lo que puedes hacer es poner algo así underline;»>como: «Realiza tu pago directamente en el Oxxo en nuestra cuenta de Banamex», pones el número de cuenta que sea y luego, le puedes poner algo así como: «Envía una copia de tu recibo al «[email protected]», esto es un ejemplo

O sea no se puede poner directamente que te paguen el Oxxo y que en automático se te refleje en tu cuenta de Paypal, pero lo que sí puedes poner es esto, entonces el usuario lo va a ver y ya una vez que pague te envía la copia del recibo a donde tú quieras, yo en mi caso puse esto Entonces bueno, si quieres ponerlo lo puedes poner así, después le das clic en «Guardar cambios», ojo: recuerda que aquí yo esto lo inventé, o sea aquí tú tendrías que poner tu cuenta de banco, chécate que sea compatible con el Oxxo, que te puedan hacer depósitos en el Oxxo y bueno, una vez que ya le hayas dado clic en «Guardar y publicar» si nos damos clic aquí en «Finalizar compra» y le damos clic en «Refrescar», podemos ver en la parte de abajo que ya se habilitó esto que dice «Pago en el Oxxo», que si le das click aquí te vienen exactamente los pasos, también «Pago en Establecimiento» y «Pago en Paypal», entonces así es cómo puedes poner tu método de pago y por último, lo último que te voy a enseñar es: entra el editor y después ya nada más tienes que asegurarte que aquí donde dice «WooCommerce», «Ajustes», dale clic en donde dice «General», aquí ya nada más asegúrate que aquí donde dice «Localización de tu negocio» esté donde estés y aquí también asegúrate que esté seleccionada la moneda, en mi caso yo seleccioné «Dólar» y por ejemplo, ¿Qué pasa si tú aparte quieres personalizar más tu página de Internet y quieres poner cosas como «Envío»? Bueno, aquí yo lo que te recomiendo es empieza a escarbarle aquí, aquí puedes ver que te vienen secciones de envío, también te viene por ejemplo: si quieres hacer cupones, aquí puedes hacer un cupón, le puede dar clic aquí donde dice «Añadir cupón» y puedes hacer un cupón, etc Si quieres personalizar más tu página de Internet, busca tutoriales así como «WooCommerce, cómo hacer cupones» y vas a encontrar cientos de tutoriales o «WooCommerce, cómo poner envío» y vas a encontrar cientos de tutoriales sobre «Envio», entonces tú puedes buscar en Internet y vas a encontrar más información sobre esto ¿En dónde vas a ver cuándo una vez que tus usuarios te compren? Bueno, una vez que el usuario te compre, en automático te va a llegar un correo a ti, también le va a llegar un correo a él y también si tú quieres ver todos tus pedidos entras al editor de tu página de «Internet» y si nos vamos aquí «WooCommerce», «Pedidos» aquí te van a venir todos los productos que te han hecho, te va a venir toda la información, qué pidieron, etc Entonces aquí vas a poder ver también todos los productos, entonces recuerda si quieres añadir producto, nos vamos aquí a «Producto», aquí vas a poder ver todos los productos, si quieres añadir uno nuevo le das clic en «Añadir producto» y por último, ya nada más te voy a enseñar cómo modificamos otra vez el menú, ya nada más para finalizar nuestra página de Internet

Si entramos ahorita a donde estamos viendo nuestros cambios (que es el nombre de nuestro dominio), podemos ver que así actualmente se ve nuestro menú, supongamos que queremos insertar una nueva cosita que diga algo así como «Contacto», entonces como recuerdas, entramos al editor de nuestra página, nos vamos aquí donde dice «Apariencia», después nos vamos a ir aquí donde dice «Menús» y aquí cómo recuerdas, aquí vas a poder editar tu menú Por ejemplo: si quisieras eliminar una sección, como por ejemplo esta de «Blog», puedes dar clic aquí en «Eliminar», si quieres agregar otras páginas las puedes añadir aquí y yo por ejemplo como quiero añadir una nueva seccioncita que diga «Contacto» que al darle clic nos lleve a la sección de «Contacto», underline;»>como recuerdan nos vamos aquí donde dice «Enlaces personalizados», después aquí voy a poner «Contacto» y aquí en URL siempre va a ser como ya hemos comentado «el nombre de tu dominiocom/» y sacamos el código, recuerdas que está en el tutorial, aquí checamos cuál es el código, que en mi caso yo quiero que me lleve a la sección de «Contacto», entonces copio este que es el código en verde, lo copias, lo pegamos aquí, le damos clic en «Añadir a menú», lo podemos ordenar como nosotros queremos, si queremos que sea antes de «Carrito» lo ordenamos aquí, si queremos que sea sub-menú lo podemos mover, entonces aquí tu juega como tú quieras con el menú y luego, una vez que ya esté tu menú listo, asegúrate que aquí diga «Menú principal» y después le das clic en «Guardar menú» y si nos vamos a la página donde vemos los cambios y le damos clic en «Refrescar» podemos ver que nuestra página ya está actualizada De hecho ya tiene aquí la sección de «Contacto», si le damos clic podemos ver que nos lleva abajo y ya está completamente finalizada Y bueno eso fue todo, espero que te haya gustado este tutorial