Saltar al contenido

How To Make A WordPress Website – Step By Step Tutorial

Hola, mi nombre es Marty y estoy aquí con LetsBuildWordPresscom, y he reunido este tutorial paso a paso video para mostrarle la forma más fácil que conozco de crear un sitio web

Va a ser construido en la misma plataforma utilizada por Forbes, Jay-Z y Katy Perry, y de lejos la mejor no necesita saber ningún código HTML o JavaScript ni nada por el estilo para construir el sitio web En lugar de solo hablar de eso, te mostraré el sitio web que estamos va a estar construyendo en este video tutorial paso a paso Este es el sitio exacto Voy a mostrarte cómo construir hoy paso a paso sin perderte nada estoy Vamos a mostrarle cómo agregar su propia imagen aquí arriba, esto se conoce como el encabezado Voy a mostrarte cómo agregar texto e imágenes a las páginas

Voy a mostrarte cómo para agregar una página con un video y el video se integrará desde YouTube Entonces tus los visitantes podrán venir aquí y mirar el video, luego debajo estarán capaz de hacer clic aquí y dejar una respuesta También voy a mostrarte cómo agregar una página con un formulario de contacto para que sus visitantes puedan completar su nombre, dirección de correo electrónico y mensaje Luego, cuando hagan clic en enviar, se enviará a su bandeja de entrada de correo electrónico También estoy va a mostrar cómo llenar la barra lateral con cosas como una barra de búsqueda, fotos y menús Voy a mostrarte cómo hacer todo esto ahora

De acuerdo, he preparado una lista de verificación de cosas que vamos a tener que hacer para obtener su sitio web funcionando y luciendo tan bien como ese sitio web que acabamos de ver También voy a cubrir el costo de cualquier cosa que no sea gratis Entonces, lo primero que debemos hacer para obtener su sitio web funcionando es obtener alojamiento El alojamiento es básicamente una computadora que se deja en 24 horas un día, 7 días a la semana, con su sitio web cargado, esto es para que las personas puedan acceder a su sitio web, incluso cuando su computadora está apagada El alojamiento es algo que haces requerirá si va a ejecutar un sitio web y generalmente costará alrededor de $ 7 por mes, aunque Voy a mostrarle una forma de obtener su primer mes de alojamiento por solo un centavo

El siguiente Lo que haremos para su sitio web es obtener un nombre de dominio, y un nombre de dominio es básicamente el título de su sitio web con www antes y después com Entonces, por ejemplo, Google nombre de dominio es wwwgoogle

com ese es su nombre de dominio y es algo que necesita para su sitio web Un nombre de dominio desde el que vamos a obtenerlo le costará $ 1295, solo que este no es un costo mensual, este es un costo anual Entonces estás pagando por tu hosting una vez al mes y pagará por su nombre de dominio una vez al año Lo siguiente que haremos estar haciendo es instalar WordPress, y la suerte para nosotros WordPress es gratis, así que eso no costará cualquier cosa para instalar Luego instalaremos un tema para el sitio web y el tema del sitio web lo usaremos también es gratis Luego, le mostraré cómo agregar páginas a su sitio web y esto incluirá una página con una imagen y una página con un video

Entonces Te mostraré cómo cambiar el encabezado, que es la imagen en la parte superior, mostraré cómo cambiar la imagen del encabezado para que sea tuyo Luego, también te mostraré cómo editar el pie de página texto, que es la prueba en la parte inferior, te mostraré cómo cambiar eso para decir lo que sea usted quiere También hay algunos otros pasos que te mostraré en el camino para obtener tu sitio web funcionando fluidamente Entonces, todos juntos para poner en marcha su sitio web va a costar menos de $ 13 cuando recuerdas que el primer mes de alojamiento solo va a costar un centavo

Esto es bastante sorprendente, especialmente cuando preguntamos alrededor y la cita más baja llegamos a tener un sitio web creado para nosotros fue de $ 500 Entonces, ser capaz de hacerlo tú mismo por $ 13 es bastante asombroso Lo primero que tenemos que hacer es obtener un nombre de dominio para el sitio web y obtener alojamiento para el sitio web Por suerte para nosotros, podemos obtener ambos de estos en el mismo lugar que es un sitio web llamado HostGatorcom

Así que abre tu navegador de Internet y vaya a HostGatorcom Cuando llegas a HostGator quieres hacer clic ya sea en el medio de la pantalla donde dice ver planes de alojamiento web, o en el arriba a la izquierda donde dice alojamiento web Aquí es donde verá el alojamiento web diferente planes que ofrecen, y para ser sincero, el plan de negocios aquí a la derecha probablemente tiene una toda la carga de extras adicionales que no necesitará en este momento en el tiempo, por lo que realmente se va entre el plan de crías y el plan de bebé Las únicas dos diferencias entre estos dos planes es que uno le da un solo dominio, y el otro le da un ilimitado dominios Entonces, ¿qué significa esto? El plan de crías le permitirá tener un sitio web, y el plan de bebé te permitirá tener sitios web ilimitados

Entonces esto podría ser cientos o miles de sitios web, todos en el mismo plan de alojamiento Si solo vas a tener un sitio web siga adelante y busque el plan de crías, pero si planea tener más de un sitio web ve por el plan de bebé Una vez que haya decidido cuál de estos dos desea, no hará una diferencia con el tutorial, una vez que haya elegido cuál quiere, querrá para elegir si desea pagar por ello todos los meses, cada seis meses, un año o puede incluso pagar por eso cada tres años Para este tutorial voy a ir por el neonato plan para un dominio, y voy a buscarlo mensualmente Una vez que has elegido qué plan que desea y con qué frecuencia desea pagar, simplemente haga clic en "ordenar ahora"

Una vez tú haga clic en el orden ahora que lo traerá aquí y le pedirá que registre el nuevo nombre de dominio para su página web Así que solo haga clic en este cuadro y escriba lo que le gustaría usar para su nuevo dominio Asegúrate de que aparezca y dile enhorabuena que está disponible, si viene y dice que no está disponible, tendrá que elegir otra cosa A la derecha del lado de la mano puede elegir algo diferente a com si lo desea, pero vamos a mantener nuestro como

com Si ya ha registrado un nombre de dominio en otro lugar, puede verificarlo aquí, y luego escriba el nombre de dominio en el cuadro Pero debido a que estamos comprando el nuestro desde HostGator lo dejaremos marcado como registrar un nuevo dominio Debajo de eso te dará algunas opciones diferentes si le gustaría comprar algunos otros dominios también Entonces puedes comprar el

net o el org así como también el com, pero solo queremos el com así que dejaremos estos cajas sin marcar Debajo, solo asegúrate de que el tipo de paquete y el ciclo de facturación usted seleccionó es correcto, elegimos el plan de cría y mensualmente, así que esto es correcto

Debajo que le pedirá que elija un nombre de usuario y un pin de seguridad para el sitio web, e ingrese su información general de facturación Aquí es donde puede elegir pagar con PayPal o crédito tarjeta Debajo hay algunas opciones diferentes para cosas como seguridad del sitio o sitio copia de seguridad, pero no creemos que sean necesarios, así que simplemente desmarcamos estos cuadros Tu puedes tener una lectura de estos y si cree que son necesarios, o cree que le gustaría solo marca la casilla y agrégalos al carrito Debajo de eso, verá un código de cupón tal vez ingresado que vale un 20% de descuento, pero como prometimos, vamos a mostrarte cómo obtener tu primer mes hosting por solo un centavo

Entonces, quiere ingresar el código de cupón WORDPRESS1HOST y luego haga clic en validar y vea que el primer mes de alojamiento es solo un centavo Todos juntos para tu hosting y su nombre de dominio para comenzar, va a ser $ 1296 Recuerde que este es el único costo del sitio web, estas son las únicas cosas que tenemos que pagar Entonces realmente estás recibiendo su sitio web en funcionamiento por $ 12

96 Para hacerlo aún mejor, viene con HostGator's Garantía de devolución de dinero por 45 días y acceso a su teléfono, chat en vivo y soporte por correo electrónico 24 horas al día, 7 días a la semana Entonces, si por algún motivo hay algún problema, puedes solo póngase en contacto con ellos y lo arreglarán por usted Una vez que estés contento con todo esto solo verificar dónde dice que he leído y acepto los términos y condiciones de uso, y luego haga clic aquí donde dice crear cuenta Una vez que cree su cuenta, lo traerán a una página que le agradece su pedido, y luego será redirigido a la página de inicio

En este punto, puede cerrar este sitio, y querrá ir a su bandeja de entrada de correo electrónico y busque su nuevo correo electrónico desde HostGator Este es un correo electrónico realmente importante, así que desea anotar la información que está en ella o imprimirla si puede Pero para ahora solo desea hacer clic en el enlace al lado de donde dice su panel de control, y luego desea copiar y pegar el nombre de usuario y la contraseña en esa pantalla de inicio de sesión de cPanel Asi que simplemente copie y pegue el nombre de usuario y la contraseña, y luego haga clic en iniciar sesión

Una vez que haya iniciado sesión solo quiere desplazarse hacia abajo hasta casi la parte inferior donde dice software / servicios aquí y luego haga clic en instalación rápida Si compró su nombre de dominio en otro lugar, es posible que desee haga clic en Fantastico Deluxe, pero como compramos el nuestro desde HostGator vamos a hacer clic rápidamente instalar Luego desea hacer clic en el lado izquierdo donde dice WordPress y luego haga clic en continuar Solo asegúrese de que su nuevo nombre de dominio esté seleccionado en este menú desplegable y esta caja se deja en blanco También asegúrese de que esta casilla esté marcada al lado de donde dice habilitar actualizaciones automáticas

Para el correo electrónico de administrador, solo ingrese la dirección de correo electrónico que desea asociar con su nuevo sitio web, y para el título del blog, este es solo el nombre de su sitio web No te preocupes el nombre del sitio web se puede cambiar más adelante si desea cambiarlo Para el usuario administrador acaba de poner el nombre que desea usar para su nombre de usuario, pero tenga en cuenta que esto aparece en algunos lugares en su sitio web Así que normalmente solo uso admin e ingreso tu nombre y tu apellido, y haga clic en instalar ahora Normalmente esto solo toma unos segundos para instalar, una vez que lo haya hecho, debería ver que dice enhorabuena que su instalación está lista, puedes acceder ahora yendo aquí

Entonces aquí está su nombre de usuario y su contraseña Ahora dice que está listo de inmediato, pero esto no siempre es correcto, especialmente cuando es nuevo cuenta de alojamiento que has configurado A veces puede tomar hasta cuatro horas estar listo, así que lo que voy a hacer es detener este video y luego reiniciaré el video cuando el mío esté listo y podamos continuar con el tutorial Entonces, una vez que pueda hacer clic aquí en tu pantalla y muestra tu sitio web, solo reinicia el tutorial y te mostraré A dónde ir desde allí Ese soy yo ahora y espero haberlo dejado el tiempo suficiente cuando hago clic aquí mi sitio web estará listo, y lo tengo

Así que aquí está el aspecto de su sitio web cuando acaba de instalar WordPress Eso viene con este tema básico con algunos menús y cosas a un lado, y una página de muestra para que pueda ver cómo sería si estuviera usando este tema Pero no vamos a, vamos a utilizar un tema diferente, pero para cambiar el tema necesitamos iniciar sesión lo que se conoce como el tablero de WordPress, también conocido como el back-end de su sitio web A inicie sesión en la parte posterior de su sitio web o en el tablero, debe ir a la parte superior barra aquí donde dice el nombre de su sitio web com o lo que sea que haya usado y luego / wp-admin y luego entrar Esto lo llevará a la pantalla de inicio de sesión de WordPress, y aquí es donde desea copiar y pegar el nombre de usuario de la pantalla de instalación rápida y también la contraseña

Si ha perdido el acceso a la pantalla de instalación rápida, no se preocupe, también se le enviará el misma información en un correo electrónico Simplemente copie y pegue el nombre de usuario y la contraseña aquí Una vez que haya hecho eso, simplemente haga clic en iniciar sesión, así que estamos ahora conectados al panel de WordPress por primera vez, aquí es donde realizarás cualquier edición o cambio en tu sitio web los Lo primero que me gusta hacer cuando inicio sesión en el tablero es cambiar mi contraseña, porque es poco probable que recuerde esta

Por lo tanto, para cambiar su contraseña desde el tablero en el lado izquierdo, simplemente haz clic donde dice usuarios Luego pasa el cursor sobre donde dice el nombre de usuario que acaba de configurar y este botón que dice editar aparecerá, simplemente haga clic allí y luego desplácese hasta la parte inferior de esta pantalla y verá dónde dice la nueva contraseña Simplemente ingrese la contraseña a la que desea cambiarla, ingrésela de nuevo y haga clic en Actualizar perfil Así que ahora hemos cambiado nuestra contraseña y para volver a la pantalla en la que estábamos originalmente, simplemente haga clic aquí arriba en la parte superior donde dice tablero de instrumentos Entonces ahora que hemos instalado WordPress y cambió nuestra contraseña con éxito, solo quiero volver a la lista de verificación y mira lo que todavía tenemos que hacer Así que obtenga el hosting que hemos hecho, obtenga un nombre de dominio que hemos hecho y también ahora hemos instalado WordPress

Entonces, lo siguiente que tenemos que hacer es instalar un tema, y lo hacemos desde el tablero de WordPress Desde el tablero del lado izquierdo solo quiero hacer clic donde dice apariencia El tema que vamos a utilizar hoy es llamado 2013 y probablemente encontrará que ya está instalado en su WordPress Así que si simplemente desplázate hacia abajo hasta que veas dónde dice 2013, este es aquí justo debajo si desea hacer clic donde dice activar Este es ahora el tema activado, pero si cualquiera sea la razón por la que no fue capaz de encontrarlo en esta lista, solo haga clic en la parte superior donde dice agregar nuevo

Luego solo busca usando la barra de búsqueda para el tema de los veintitrés y debajo de la mía permanece instalado, pero si es un tema que aún no ha instalado, encontrará que dice instalar ahora Entonces para ejemplo, instalaré este solo para mostrarle cómo se hace, por lo que hace clic en instalar ahora y luego haz clic en activar aquí Pero porque pude activarlo en la otra pantalla No necesito hacerlo aquí Una vez que haya instalado el tema y lo haya activado, querrá para visitar su sitio y ver cómo se ve Para visitar su sitio desde el tablero desde cualquier lugar en el tablero, simplemente coloque el cursor sobre la parte superior donde dice el nombre de su sitio web y luego haga clic en visitar el sitio

Como puede ver, todo el aspecto de su sitio web ahora ha cambiado y es Ya se ve mucho mejor Puede hacer clic aquí y echar un vistazo a la muestra página y solo tiene una idea general de cómo se verá el tema Ahora pasaremos a editándolo Me gustaría mencionar en este punto que la barra negra en la parte superior aquí, y en la parte inferior donde dice editar, estos solo son visibles para ti cuando estás conectado en el back-end o en el tablero de su sitio web Estos no son visibles para los visitantes, para que ningún visitante pueda entrar y editar cualquiera de sus páginas o publicaciones, o incluso ve a tu tablero o algo por el estilo Ellos solo podrán visitar tu páginas y los menús y cosas que pones en el sitio web

Así que una vez que hayas echado un vistazo y te guste el tema que estamos usando hoy, obtendremos a agregar nuestra primera página Para agregar una página a su sitio web, deberá hacerlo desde el panel de control, para llegar al panel desde su sitio web solo tiene que pasar el puntero sobre la parte superior donde dice el nombre de su sitio web, y luego haga clic en donde dice el tablero Desde el tablero de instrumentos en el lado izquierdo, solo quiere hacer clic donde dice páginas, luego en el arriba agregar nuevo La primera página que vamos a armar es una página estándar con texto y una imagen que usaremos para nuestra página de inicio Una página de inicio es básicamente la primera página que un visitante verá cuando lleguen a su sitio, por lo que desea que se vea bien

Así que aquí en la parte superior solo escribes lo que quieres llamar a la página, y vamos a llámalo bienvenido Luego debajo de aquí en este cuadro aquí, este es el contenido principal zona Aquí es donde coloca el texto o las imágenes que desea que aparezcan en la página He Ya tengo un texto escrito para ahorrar algo de tiempo en el tutorial, así que solo voy para copiar y pegar eso allí Una vez que haya recibido su mensaje de texto y esté satisfecho con donde es posible que desee poner una imagen, básicamente lo que hace es hacer clic donde quieres que aparezca la imagen Si está en el medio de algún texto, simplemente pulse regresar a un par de veces y luego haga clic en el medio, luego hasta aquí en la parte superior haga clic en agregar medios

aquí solo quiere hacer clic en seleccionar archivos y luego buscará la imagen en su computadora Una vez que haya encontrado la imagen que va a utilizar, sobre el lado derecho solo quiero elegir la alineación, así que si quieres que esté sobre la izquierda o en el centro o hacia la derecha Queremos que los nuestros estén en el centro y no queremos que se vincule con cualquier cosa Aquí puede elegir si desea que sea de un tamaño diferente, pero vamos a para mantener nuestro tamaño completo, cuando estés contento con todo, solo tienes que hacer clic en Insertar en la página Una vez que esté satisfecho con su texto y sus imágenes, puede hacer clic en publicar Ahora aquí puede hacer clic donde dice página de visualización y lo llevará a su sitio web para ver su página recién publicada

Como puede ver nuestra primera página ahora está en vivo en el sitio web y podemos ver nuestro texto y nuestra imagen, si nos desplazamos hacia abajo, realmente da tienes la opción de dejar una respuesta Las cosas están comenzando a unirse ahora pero como puedas mira, todavía tenemos nuestra página de muestra Así que ahora voy a mostrarte cómo eliminar una página o publicación de WordPress Entonces, debes ir al tablero de instrumentos, así que simplemente coloca el cursor sobre él el nombre de su sitio web en la parte superior y luego haga clic en donde dice tablero de instrumentos Ahora en la mano izquierda lado simplemente haga clic donde dice páginas, desplace el cursor sobre la página que desea eliminar y haga clic donde dice basura

Ahora vamos a hacer lo mismo para la publicación de muestra, así que simplemente haga clic en el lado izquierdo donde dice publicaciones y haga lo mismo Flotar sobre el título pasado y luego haz clic en basura Ahora si visitamos nuestro sitio web, veremos que la única página es la que acabamos de agregar No lo tenemos configurado como nuestra página de inicio por el momento, es por eso que no ves nada encontrado Pero si hacemos clic aquí donde dice Bienvenido, verá la página que hemos agregado

Ahora voy a mostrarte cómo hacer esto su página de inicio, para que ninguno de sus visitantes vea donde dice que nada encontró no existirá Entonces, para convertir una página específica en su página de inicio en WordPress, solo necesita ir a tu tablero Desplácese sobre el nombre de su sitio web y haga clic en el tablero Luego a la izquierda del lado de la mano que desea colocar sobre donde dice apariencia y luego haga clic en personalizar, aquí en el lado izquierdo en la parte inferior solo quiere hacer clic donde dice frente estático página En el momento verá que está configurado para sus últimas publicaciones, pero desea verificar donde dice una página estática Ahora debajo de donde dice la página frontal solo selecciona la página que quiere hacer su página de inicio, por lo que para nosotros es bienvenido

Ahora que lo hemos seleccionado, simplemente haga clic guarda y publica, ahora cuando cierres esto y visites tu sitio web verás que ya no dice nada encontrado, y está directamente en su página de inicio Ahora que hemos solucionado nuestra página de inicio y se ve bien, la siguiente página que estamos va a agregar a nuestro sitio web una página con un video, y vamos a estar incrustando el video de YouTube Lo mismo que antes vamos a agregar una página, por sobre el nombre de nuestro sitio web en la parte superior y haciendo clic en el tablero de instrumentos Luego en la mano izquierda lado simplemente haga clic donde dice páginas, y luego arriba en la parte superior, haga clic en agregar nuevo Solo quieres para escribir en la barra superior como va a llamar a la página, porque voy a para incrustar uno de nuestros otros videos enseñando a la gente cómo hacer un sitio web, voy a llama a esta página de video para hacer un sitio web

Una vez que haya agregado un título a su página, puede solo haga clic en el área de contenido principal, y puede escribir cualquier texto que desee que aparezca en la página antes de tu video Así que voy a escribir algo así como aquí hay un video que le enseñará cómo hacer un sitio web, paso a paso Luego, una vez que haya agregado el texto quieres aparecer antes de tu video, simplemente presiona "return" en tu teclado y luego en el En el lado derecho, debe hacer clic donde dice texto Ahora quieres ir a YouTube y encuentre un video que va a incrustar, no tiene que ser YouTube, la mayoría de los videos compartidos los sitios tienen la capacidad de insertar sus videos Pero porque el más popular es YouTube vamos a usar YouTube Este es el video que vamos a insertar en la página, y solo desea hacer clic aquí debajo del video donde dice compartir

Luego haz clic en el medio donde dice incrustar y copiar este código, quiere copiar este texto Luego regrese a su página y haga clic aquí justo después de esto, esto representa golpear retorno en su teclado y tomando un nuevo párrafo, simplemente haga clic después de esto y luego querrá pegar el texto que copiaste de YouTube Ahora cuando haces clic aquí en el lado derecho donde dice visual nuevamente, verás este tipo de caja de color rojo anaranjado y esto representa tu vídeo Una vez que esté contento con su texto y su video, solo presione publicar Ahora si haces clic en la parte superior de la página donde dice ver página, verá que nuestra página de video está ahora vivir

Entonces puede hacer clic aquí y el video comenzará a reproducirse Debajo usted también tiene la capacidad de dejar una respuesta, por lo que aquí es donde las personas pueden ver su video y luego Deja un comentario debajo Ahora que tenemos nuestra página de video reunida y todo se ve bien, solo quiero llamar su atención a la barra superior de su navegador de Internet Si nota después de su nombre de dominio, entonces después de co

uk o com o lo que sea que tenga, probablemente se dará cuenta de que tiene este texto aleatorio que dice id de la página es igual a 44 o algo así Ahora voy a mostrarte cómo cambiar esto para que sea el nombre de una página, por lo tanto, en lugar de este texto aleatorio, dirá el nombre de su sitio web / make-a-website o como sea que hayas llamado tu página de video Esto ayuda a los motores de búsqueda como Google find e indexe su sitio web, y hace que sea más fácil de encontrar para las personas Solo necesitas hacer esto una vez y funcionará para todas las páginas, entonces cuando lo haces no es como si fuera solo trabaje para la página de video, cualquier página que agregue dirá el nombre de su sitio web barra diagonal y luego el nombre de la página

Para hacer esto, solo tiene que regresar al tablero, al pasar el ratón sobre el nombre de su sitio web y haciendo clic en el tablero Luego en el lado izquierdo cerca de la parte inferior, solo quiere pasar el cursor sobre donde dice configuración y luego hacer clic donde dice enlaces permanentes Probablemente encontrará que aquí, en configuraciones comunes, está configurado de manera predeterminada, pero desea para verificar aquí donde dice el nombre del poste A continuación, desplácese hacia abajo y haga clic en guardar cambios, y ahora cuando visitamos nuestro sitio web y vamos a nuestra página de videos, verá en la parte superior que ahora dice hacer un sitio web en lugar de la codificación aleatoria También puede haber notado que arriba en la parte superior justo antes de su nombre de dominio, en realidad no hay www

, puede que le interese saber que en realidad no necesita escribir eso para encontrar ningún sitio web Entonces, por ejemplo, si eres yendo a YouTube, no necesita escribir en wwwyoutubecom, puede hacerlo si lo desea, pero realmente solo necesitas escribir en youtubecom

Es por eso que no hay www frente a tu dominio nombre, pero sé que algunas personas lo prefieren así que ahora voy a mostrar cómo agregarlo a tu nombre de dominio Para hacer esto una vez más, solo queremos hacer nuestro camino de regreso al tablero de instrumentos, colocando el cursor sobre el nombre de nuestro sitio web en la parte superior y haciendo clic en el tablero Luego en la mano izquierda lado cerca de la parte inferior que desea colocar sobre donde dice configuración y luego haga clic en general Aquí al lado de donde dice URL de la dirección de WordPress, solo quiere hacer clic después de los dos barras delanteras pero antes de su nombre de dominio y poner en www, luego lo mismo de nuevo en el cuadro al lado de donde dice URL de la dirección del sitio

Simplemente haga clic entre las dos barras diagonales y su nombre de dominio y tipo www, una vez que haya hecho eso simplemente desplácese hacia abajo y haga clic en guardar cambios Una vez que hagas eso, WordPress te pedirá que vuelvas a iniciar sesión, así que simplemente escribe en tu contraseña que configuraste Ahora que hemos vuelto a iniciar sesión si solo mira el arriba notará que el www ahora está en frente de tu nombre de dominio En este momento, también me gustaría recordarle que ha registrado su sitio web, Para volver a la pantalla de inicio de sesión, solo necesita ir a su nombre de dominio / wp-admin y eso lo llevará de vuelta a la pantalla de inicio de sesión

Ahora lo siguiente que vamos a agregar a nuestro sitio web es una página de contacto con un formulario de contacto, para que nuestros visitantes puedan para enviarnos un mensaje Para agregar un formulario de contacto a nuestro sitio web de WordPress, tendremos que instalarlo plugin porque WordPress no viene con la capacidad de tener un formulario de contacto integrado Los complementos son básicamente cosas que puedes descargar desde WordPress, que agregan más funcionalidad a su sitio web El complemento que vamos a descargar se llama contacto formulario 7, y lo usaremos para agregar un formulario de contacto a nuestro sitio web Para agregar un complemento a su desde el panel del lado izquierdo, solo haga clic en complementos

Entonces quieres hacer clic en la parte superior donde dice agregar nuevo, y luego buscar el complemento, el complemento que vamos a usar estar buscando hoy se llama formulario de contacto 7 Entonces solo escríbalo en la búsqueda bar, formulario de contacto 7 y haga clic en los complementos de búsqueda Debería ser el mejor, siempre y cuando diga formulario de contacto 7 haga clic en instalar ahora Le preguntará si está seguro de que desea instalar el complemento, haga clic en Aceptar Una vez que el complemento se haya instalado correctamente, haga clic aquí, donde dice activar enchufar

Ahora que se ha activado este complemento, haga clic aquí en el lado izquierdo, donde ahora dice contacto Ahora, una de las mejores cosas de este plugin de formulario de contacto es que viene con un formulario de contacto ya configurado para nosotros, que pedirá el nombre del usuario, correo electrónico dirección, el título del asunto de su mensaje y su mensaje principal Entonces si solo literalmente copie esto, ahora le mostraré cómo agregar el formulario de contacto a una página Así que asegúrate de que ha copiado aquí, ha copiado este texto Ahora vamos a agregar la página que el contacto la forma va a continuar

Igual que antes vamos a hacer clic en el lado izquierdo donde dice páginas, y luego en la parte superior donde dice agregar nuevo Voy a llamar esto contáctenos, pero obviamente puede llamar a los suyos lo que quiera Una vez que agregas un título de la página simplemente haga clic aquí en el área de contenido principal, y puede escribir cualquier texto que quiere aparecer antes de su formulario de contacto Así que voy a escribir algo así como si tiene alguna pregunta o necesita contactarnos por cualquier motivo, solo complete el formulario a continuación y nos pondremos en contacto con usted lo antes posible Una vez que haya agregado el texto que desea que aparezca antes de tu formulario, simplemente presiona "return" en tu teclado y luego puedes pegar el texto copiamos desde el plugin Una vez que haya agregado su texto y pegado en el texto de la Formulario de contacto, simplemente en el lado derecho, haga clic en publicar

Ahora cuando visitamos en nuestra página verá que el complemento ha creado un formulario de contacto para nosotros, por lo que aquí es donde su el visitante completará su nombre, su dirección de correo electrónico, su asunto del mensaje y su mensaje principal Luego, cuando hagan clic en enviar, se enviará directamente a su bandeja de entrada de correo electrónico por lo tanto, la dirección de correo electrónico que registró al configurar su sitio web Ahora puedes notar que una vez más debajo de lo mismo que cada página hasta ahora, hay esto espacio aquí para dejar una respuesta para que tus visitantes comenten Obviamente esto no realmente tiene mucho sentido estar en la parte inferior de un formulario de contacto, así que ahora voy a mostrarle cómo elimine esta opción para dejar una respuesta desde una sola página

Para hacer esto solo necesitamos diríjase a nuestro tablero, al pasar el título de nuestro sitio web en la parte superior y hacer clic en el tablero Luego, en el lado izquierdo, haz clic en las páginas Ahora queremos eliminar la posibilidad de irnos comentarios de nuestra página de contacto, así que vamos a pasar el cursor sobre la página de contacto y haga clic en editar Ahora arriba en la parte superior del lado derecho donde dice opciones de pantalla, solo haga clic aquí y luego desea marcar la casilla junto a donde dice discusión Ahora si tu desplácese hacia abajo hasta la parte inferior de esta página verá que estos dos cuadros han aparecido y ambos son revisados

Desmarque ambos y luego puede hacer clic en actualizar Ahora cuando ver la página y desplazarse hacia abajo, notaremos que ya no existe la habilidad para dejar una respuesta Ahora voy a hacer lo mismo para mi página de inicio porque no quiero que las personas puedan dejar una respuesta allí tampoco Voy a mostrarte un diferente forma de hacerlo, por lo que si hace clic en la página que desea eliminar los comentarios desde, puede hacer clic aquí en la barra superior donde dice editar página Entonces lo mismo que antes simplemente haga clic arriba en la parte superior derecha donde dice opciones de pantalla, asegúrese que la casilla al lado de la discusión esté marcada y luego deslízate hacia abajo y debajo simplemente desmarque estas dos casillas y luego actualice la página

Luego, cuando veamos la página, ver la capacidad de dejar una respuesta ahora se ha ido Ahora que hemos eliminado la posibilidad de irnos una respuesta tanto de nuestra página de inicio como de nuestra página de contacto, ahora quiero llamar su atención a este menú Como puede ver nuestras páginas están aquí pero sin un orden en particular Si tu quieres para cambiar el orden de estos, por ejemplo, quiere que su página de inicio esté al inicio, y la página de contacto para estar al final, tendrá que crear un menú personalizado Estoy ahora le mostrará cómo crear un menú personalizado para su sitio web Para hacer esto tenemos que ir de vuelta a nuestro tablero, pasando el cursor sobre el nombre de nuestro sitio web en la parte superior y haciendo clic en el tablero

Luego, en el lado izquierdo, debe hacer clic donde dice apariencia, luego debajo de aún a la izquierda, quiere hacer clic en los menús Entonces, para este ejemplo, solo vamos a estar creando un nuevo menú, haga clic arriba en la parte superior donde dice crear un nuevo menú Sus voy a pedirte que le pongas un nombre a tu menú, para esto solo voy a llamar al mío principal menú Una vez que haya dado un nombre a su menú, haga clic aquí a la derecha donde dice crear menú Una vez que haya hecho eso aquí a la izquierda, simplemente marque las casillas al lado de cada una de las páginas que desea agregar a su nuevo menú

Queremos agregar todos ellos así que solo revise todos de ellos Una vez que haya hecho eso, haga clic aquí, donde dice agregar al menú, ahora desea haz clic y arrástralos a la posición que deseas que aparezcan en tu menú De a la parte inferior es de izquierda a derecha, por lo que queremos que nuestra página de bienvenida esté al inicio, y nuestro contacto página para estar al final Solo asegúrate de arrastrarlos para posicionarlos no terminan aquí y dice sub artículo, asegúrese de que estén completamente dentro del a la izquierda y no dice nada además del nombre de la página Una vez que estés satisfecho con la orden de tu menú solo asegúrate de marcar aquí donde dice el menú de navegación de las ubicaciones de los temas una vez que haya hecho eso, haga clic en guardar menú

Ahora cuando visitamos nuestro sitio web, veremos que nuestro el menú ahora está en el orden correcto Ahora que hemos agregado nuestro propio menú personalizado al sitio web, ahora voy a mostrar cómo agregar contenido en el área de la barra lateral aquí a la derecha, y haremos esto usando lo que se conoce como widgets En el aquí abajo, donde están los menús y la barra de búsqueda y las cosas de abajo, estos también son widgets y voy a mostrarte cómo eliminarlos En el sitio web que estábamos viendo, al comienzo del video no tenía nada aquí Puedes poner tus propias cosas y Voy a mostrarte cómo hacerlo en un minuto, pero en este tutorial vamos a eliminar estos agregan algo a este lado aquí

Para editar los widgets solo necesitamos Regrese a nuestro tablero colocando el cursor sobre el nombre de nuestro sitio web en la parte superior y haciendo clic en el tablero Luego, en el lado izquierdo, simplemente haz clic donde dice apariencia, luego sigue a la izquierda justo debajo de ese clic donde dice widgets Entonces, los widgets son básicamente cosas diferentes como menús personalizados o texto que puede agregar a su barra lateral oa lo largo de la parte inferior de su sitio web He abierto el sitio web en una nueva ventana solo para que pueda mostrarte lo que estoy hablando acerca de Aquí dice que el área del widget principal aparece en la sección de pie de página del sitio, todo eso está aquí aquí, esta es la parte inferior del sitio web y como pueden ver hay una barra de búsqueda y aquí dice meta

Luego, en este área de widgets, verá la barra de búsqueda aquí y meta Así que simplemente haga clic en estos para expandirlos y puede cambiar las cosas, o De lo contrario, puede hacer clic y arrastrarlos a un orden diferente al de su menú Para deshacerse de algo que haces clic y lo arrastras todo junto, así que nos vamos a deshacer de todo en el área de widgets principal, porque no queremos que aparezca nada aquí Eran simplemente va a hacer clic y arrastrar todo fuera de aquí, y ahora cuando vamos a nuestro sitio web y actualiza la página, verás que ahora no hay nada en la parte inferior Ahora vamos para agregar algunas cosas a nuestra barra lateral, por lo que si solo hace clic aquí donde dice secundario área de widget que expandirá este cuadro Ahora lo que vamos a hacer es hacer clic y arrastrar un algunas cosas diferentes aquí, así que aparecen en la barra lateral

Lo primero que quiero Agregar a mi barra lateral es un cuadro de búsqueda, por lo que cuando un visitante llega a mi sitio puede escriba una palabra clave y busque lo que está buscando Para hacer esto, solo voy a haga clic y arrastre el widget de búsqueda al área del segundo widget Luego te pide que des es un título pero no es necesario, para esto voy a llamarlo a buscar en nuestro sitio Una vez le has dado un título solo haz clic en guardar y luego, si volvemos a nuestro sitio, lo haremos ver que la barra de búsqueda está ahora en el lado derecho Entonces los visitantes podrán venir aquí y escriba algo en esta casilla y busque en su sitio web

Ahora estamos Vamos a agregar algunas otras cosas, así que vamos a regresar al área de widgets Puede hacer clic aquí para cerrarlo y facilitar el arrastre de otras cosas, el Lo siguiente que vamos a agregar a nuestro área de widgets en nuestra barra lateral, es un texto sobre nuestro sitio web Simplemente haga clic y arrastre el widget de texto al área del segundo widget y suéltelo debajo de la barra de búsqueda Le daremos un título nuevamente como antes, esto voy a llame cosas interesantes sobre nuestro sitio Luego solo haga clic en el área de contenido principal a continuación y escribe cualquier texto que quieras que aparezca en tu barra lateral, solo voy a escribir esto es un cuadro de texto de widget donde puedes escribir algunas cosas interesantes sobre tu sitio o solo algún texto

Una vez que esté satisfecho con lo que ha escrito, debajo simplemente haga clic donde dice salvar Ahora si visitamos nuestro sitio web y actualizamos la página, veremos que el texto ahora apareció debajo de la barra de búsqueda en el lado derecho Ahora vamos a agregar un menú a nuestra barra lateral, para hacer esto solo volvemos al área de widgets y buscamos el widget que está llamado menú personalizado Entonces, podemos hacer clic aquí para cerrar esto y facilitarlo para arrastrarlo Así que simplemente arrastre el menú personalizado al área del widget secundario y suelte en el widget de texto

Te pregunta si quieres darle un título una vez más, y voy a llamar a este menú principal Si tiene más de un menú creado, puede seleccionar aquí en el menú desplegable, pero como solo tenemos uno creado, es el único disponible Una vez que le ha dado un título y ha seleccionado el menú, puede hacer clic en Guardar Ahora si nos dirigimos de regreso a nuestro sitio y actualizar la página, veremos que debajo del texto hay nuestro menú Solo quiero mostrarte aquí que si hacemos clic en una página diferente también aparecer allí

Entonces, la barra lateral es visible desde todas las páginas, no solo desde la página de bienvenida Ahora estaría de acuerdo contigo si dijeras que la barra lateral parecía un poco aburrida, así que estoy ahora te mostrará dos formas diferentes de agregar una imagen a tu barra lateral, o a cualquier widget zona La primera forma de hacerlo es agregar una imagen a una página y luego usar la página para cambiar la imagen en HTML, luego agregamos la codificación HTML en un widget de texto Para hacer esto, tenemos que ir a nuestro tablero colocando el cursor sobre el nombre de nuestro sitio web en la parte superior y haciendo clic en el tablero

Luego, en el lado izquierdo solo quiere hacer clic en las páginas, y luego agregar nuevo Para que no tenga que preocuparse por agregar un título a esta página, vamos a eliminarlo en un minuto Simplemente haga clic en el área de contenido principal y luego haga clic aquí donde dice agregar medios Simplemente haga clic en cargar archivos y luego seleccione archivos, busque la imagen que desea utilizar desde su computadora y haga clic en abrir Luego en el lado derecho solo quiero asegurarme de que la alineación esté centrada y que no haya ningún enlace, mantenga el tamaño establecido en tamaño completo porque cualquier área de widgets cambiará automáticamente el tamaño de la imagen para que se vea bien Una vez tú tener todo listo solo haga clic en Insertar en la página, luego en el lado derecho en la parte superior solo haga clic en el texto

Ahora quiere copiar este código y luego podemos eliminar esta página haciendo clic Mover a la papelera Ahora queremos ir al área de widgets haciendo clic en la apariencia de la izquierda lado de la mano, y luego debajo de los widgets Ahora haga clic para expandir el área del widget secundario porque esta es nuestra barra lateral Ahora desea encontrar el widget de texto aquí y arrastrarlo a donde quiera que la imagen aparezca en su barra lateral Quiero que el mío aparezca entre medio la barra de búsqueda y el texto sobre nuestro sitio, así que ahí es donde voy a soltarlo Tú puede agregar un título pero para este ejemplo no voy a hacerlo

Simplemente haga clic en el contenido principal área y luego pegue el código que copiamos de la página que ahora se ha eliminado Una vez ha pegado la codificación HTML simplemente haga clic en guardar Si vamos a nuestro sitio web, veremos el La imagen está ahora en nuestra barra lateral, y aunque la imagen era mucho más grande que esto, tiene se redujo para encajar en esta barra lateral Ahora que tenemos ese aspecto bueno, voy a para mostrarle una segunda y mucho más fácil forma de agregar imágenes a sus áreas de widgets Entonces para este método vamos a necesitar instalar un complemento, por lo que antes simplemente coloca el cursor sobre el nombre de nuestro sitio web y vaya al tablero de instrumentos

Luego en el lado izquierdo simplemente haga clic donde dice complementos, luego arriba agrega nuevos El complemento que estamos buscando esta vez es llamado Widget TinyMCE, así que simplemente escríbalo en la barra de búsqueda, TinyMCE que es todo palabra y luego widget Una vez que haya escrito eso simplemente haga clic en los complementos de búsqueda y debería ser el mejor llamado Black Studio TinyMCE Widget Una vez que encuentres eso solo haz clic aquí donde dice instalar ahora, aparecerá y le preguntará si está seguro, simplemente haga clic en Aceptar Una vez que se haya instalado correctamente, solo haga clic aquí, donde dice el complemento activado

Ahora si hacemos clic aquí a la izquierda donde dice apariencia, y luego debajo de donde dice widgets Ahora verá que este nuevo widget apareció llamado Black Studio TinyMCE Este es el widget vamos a usar para agregar imágenes a nuestras áreas de widgets, así que para hacer esto solo necesitamos haga clic y expanda el área del widget que vamos a usar Para nosotros es el secundario área del widget porque queremos agregar la imagen a nuestra barra lateral Ahora solo haz clic y arrastra Black Studio donde desee que aparezca la imagen en su área de widgets yo quiero el mío para aparecer abajo en la parte inferior, así que ahí es donde voy a soltarlo

Ahora el negro El widget de Studio se ve muy similar al área de contenido principal cuando agrega una página, por lo que puede agregar básicamente todo lo que pueda agregar a su página que ahora puede agregar a sus widgets Puedes darle un título si quieres pero una vez más para este ejemplo no voy a hacerlo Sólo haga clic en el área de contenido principal, pero en lugar de pegar en la codificación HTML, esta vez solo haga clic en agregar medios Luego, simplemente elija la imagen que desea agregar o búsquela en su computadora haciendo clic en cargar archivos, luego en el lado derecho solo asegúrese de alinear es centro, enlace a ninguno y tamaño completo Una vez que haya ordenado todo, solo haga clic inserte en la publicación, y luego podemos hacer clic en guardar aquí en la parte inferior

Ahora cuando visitamos nuestro sitio web veremos que la imagen ahora debería estar donde lo colocamos en el área de widgets, por lo que Aquí puede ver que ahora está en la parte inferior del menú donde lo coloqué en el área de widgets Estas son las dos formas diferentes en que puede usar para agregar imágenes a su barra lateral en WordPress Ahora voy a mostrarle cómo cambiar el nombre del sitio web en la parte superior si lo desea, pero si Si no desea cambiar el nombre, al menos querrá cambiar esta línea en la parte inferior, donde dice solo otro sitio de WordPress Esto se conoce como tu lema y ahora estoy le mostrará cómo cambiar el título y el eslogan en su sitio web Para hacer esto, solo tiene que volver al tablero colocando el cursor sobre el nombre de nuestro sitio web en la parte superior y haciendo clic tablero

Luego, en el lado izquierdo, quiere hacer clic donde dice apariencia, luego debajo de eso todavía en el lado izquierdo personaliza Una vez que hagas clic en personalizar irá para traerlo aquí, y solo desea hacer clic en el título del sitio y el lema Eso es va a expandir este cuadro y aquí está el título de su sitio y su eslogan Esta es tu título del sitio aquí y este es su lema Puedes literalmente borrar este texto y agrega lo que quieras, solo escribiré algo interesante sobre este sitio

Asi que como puede ver, ahora ha aparecido aquí, y si hacemos clic en guardar y publicar eso será ahora cambió También puede eliminar esto y simplemente hacer que sea solo el nombre de su sitio web, pero queremos el lema, así que lo traeremos de vuelta y haremos clic en guardar y publicar Ahora podemos cierre esto y cuando visitemos nuestro sitio web veremos que los cambios se han actualizado y nuestro lema ahora ha cambiado Ahora que hemos cambiado nuestro eslogan, simplemente Me gusta volver a nuestra lista de verificación y ver lo que aún tenemos que hacer Así que ahora hemos instalado nuestro tema así que está hecho, hemos agregado páginas así que agregamos una página con una imagen, agregué una página con un video incrustado desde YouTube, y también agregamos una página de contacto con nosotros con un formulario de contacto, así que eso ya está hecho Las dos últimas cosas que tenemos que hacer son cambiar el encabezado que es esta imagen aquí detrás del nombre de su sitio web y lema, y luego edite el texto del pie de página que es este texto aquí en la parte inferior que dice con orgullo impulsado por WordPress

Para cambiar el encabezado necesitamos ir a nuestro tablero de instrumentos para que el mismo como siempre, simplemente coloque el cursor sobre el nombre del sitio web en la parte superior y haga clic en el tablero Entonces en el El lado izquierdo simplemente hace clic donde dice apariencia, y luego debajo del que aún está en el clic izquierdo encabezamiento Lo único que realmente necesita hacer para asegurarse de que su imagen va a verse bien una vez que ha sido cargado en su sitio web, se asegura de que sea exactamente 1,600 píxeles de ancho y 230 píxeles de alto Esto asegurará que WordPress use su imagen como es y hacer que se vea tan bien en su sitio web como lo hace en su computadora La primera cosa tendrá que decidir si desea que aparezca o no el nombre y el lema de su sitio web en la parte superior de la imagen, y si haces qué color quieres que sea

Entonces para cambiar el color del texto, solo tiene que desplazarse hacia abajo y hacer clic donde dice seleccionar color A continuación, puede mover este círculo para elegir el color que le gustaría ser, y si te desplazas hacia arriba puedes comprobar cómo se ve Una vez que estés feliz con el cambio de color, solo desplácese hacia abajo hasta la parte inferior y haga clic en guardar cambios Ahora cuando visitemos nuestro sitio veremos que el color del texto ahora ha cambiado por este ejemplo, no queremos que ningún texto esté en nuestra imagen de encabezado, y vamos a para cambiar esta imagen Para hacer eso, solo tenemos que regresar a nuestro tablero moviéndonos sobre el nombre de nuestro sitio web en la parte superior y haciendo clic en el tablero

Luego lo mismo que antes a la izquierda lado de la mano simplemente haga clic en apariencia, y luego debajo de ese encabezado Para eliminar el texto desde la imagen del encabezado, solo tiene que desplazarse hacia abajo hasta la parte inferior y desmarcar la casilla al lado de donde dice mostrar el texto del encabezado con su imagen Ahora si nos desplazamos hacia arriba veremos que el texto se ha ido completamente y solo tenemos que desplazarnos hacia abajo para guardar los cambios Ahora para cambiar la imagen de esta a otra cosa, solo tenemos que hacer clic aquí donde dice elegir archivo, luego solo busca la imagen en tu computadora, una vez lo has encontrado, haz clic en abrir Luego, en el lado derecho simplemente haga clic en el botón que dice subir

No necesita guardarlo una vez que haya subido la imagen, puede hacer clic aquí donde dice visitar su sitio para ver cómo se ve Entonces, como pueden ver nuestra imagen de encabezado ahora se ha actualizado y todo el sitio parece mucho más personalizado Ahora que hemos actualizado nuestra imagen de encabezado, lo único que tenemos que hacer ahora es editar el texto del pie de página, así que podemos cambiar esto ahora a hecho, y ahora voy a mostrar cómo para cambiar el texto del pie de página que se encuentra en la parte inferior, donde dice que funciona con WordPress Ahora vamos a cambiar eso y para hacer esto, solo tenemos que ir a nuestro panel de control sobre el nombre de nuestro sitio web en la parte superior y haga clic en el tablero Luego en el lado izquierdo solo quiero hacer clic donde dice apariencia y luego debajo de ese editor de clic

Luego encendido En el lado derecho, querrá desplazarse hacia abajo y hacer clic donde dice pie de página Ahora esto El texto aquí es lo que hace que esto suceda en nuestro sitio web, por lo que aquí se dice que funciona con WordPress, puedes ver que dice con orgullo accionado por aquí y WordPress aquí Ahora sí quieres tenga mucho cuidado cuando edite este texto, porque corre el riesgo de corrompiendo tu sitio web Lo que desea hacer para editar el texto del pie de página aquí, es eliminar entre aquí y aquí Entonces, desde donde dice el signo de interrogación, haga una acción que quiera eliminar esto, y quieres eliminar hasta que veas una barra diagonal a y luego esto Asi que desea eliminar todo esto y luego presionar regresar en su teclado

Ahora lo que sea que escriba aquí va a aparecer en el texto de su pie de página, así que voy a escribir en Vamos a construir WordPress juntos Una vez que haya escrito el texto, simplemente presione regresar nuevamente y luego podrá haga clic en el archivo de actualización Ahora si volvemos a nuestro sitio web y nos desplazamos hacia abajo, veremos que el texto del pie de página ahora se ha cambiado y ahora dice Construyamos WordPress juntos o lo que sea has escrito Pero ahora que hemos editado nuestro texto de pie de página, si volvemos a nuestro control lista veremos que ya hemos terminado, no hemos construido con éxito nuestro propio sitio web usando WordPress Hemos cambiado el encabezado aquí, hemos cambiado el pie de página en el abajo, hemos agregado una página con texto y una imagen, hemos agregado nuestro video página con nuestro video incrustado desde YouTube, hemos agregado nuestra página de contacto con un contacto formar en él para que nuestros visitantes puedan enviarnos un mensaje, y también hemos llenado la barra lateral con diferentes cosas como una barra de búsqueda y un menú

Solo me gustaría decir gracias por mirar nuestro tutorial paso a paso en el sitio web, si lo ha encontrado útil, como el video y compártelo con tus amigos Recuerde visitar wwwletsbuildwordpresscom para obtener más información videos tutoriales como este

Una vez más mi nombre es Marty y gracias por mirar