Transcripciones
1. Introducción al curso: Hola chicos, Es Marty aquí de vamos a construir WP.com. Y decidí hacer este tutorial de wordpress para principiantes para mostrarte todo lo que necesitarás saber con el fin de
construir un sitio web del que puedas estar orgulloso. No es necesario tener ninguna habilidad de diseño previa. No vamos a estar usando ninguna codificación y sólo nos
va a tardar unos 45 minutos en completarse. Entonces si necesitas un sitio web para un negocio en línea que estás empezando, o tal vez solo quieres construir un sitio web para divertirte. Así es como lo haces. Te voy a guiar por todo el proceso paso a paso y de una manera que cualquiera debería ser capaz de entender. Por lo que incluso si solo has usado tu computadora para enviar correos electrónicos y ver videos de gatos aleatorios, aún no
deberías tener problemas para construir este sitio web. Pero en lugar de solo hablar de ello, echemos un vistazo al
sitio web real que estaremos construyendo. Entonces les voy a mostrar cómo agregar un logotipo y una imagen de encabezado aquí en la parte superior, y cómo cambiar los colores de nuestro sitio. Entonces también cubriremos cómo crear diferentes páginas las cuales se agregarán a nuestro menú. Y estas páginas tendrán texto, imágenes y cualquier otra cosa que pudiéramos necesitar. También estaremos agregando un formulario a nuestra página de contacto
también para que nuestros visitantes puedan
enviarnos un mensaje si lo necesitan. Entonces el sitio web eran edificios también van a tener un blog donde nuestras publicaciones tendrán estas impresionantes imágenes destacadas. Y cuando pinchemos en ellas, tendremos nuestras imágenes de texto y cualquier otro contenido que agreguemos. Y luego aquí en la parte inferior también tendremos una sección de comentarios donde nuestros visitantes pueden dejarnos una respuesta. Entonces también estaremos cubriendo cómo
cambiar la barra lateral de WordPress, que es esta parte que corre por el lado derecho de nuestras páginas. Y podemos agregar cosas como imágenes,
texto, y listas de nuestros recientes posts de blog. Este sitio web también va a ser 100% amigable para móviles, lo
que significa que se va a quedar increíble en cualquier dispositivo. Entonces si solo hago que esta ventana sea un poco más pequeña, podemos ver cómo se ve nuestra página web en una tableta. Entonces si lo hacemos un poco más pequeño, de nuevo, así es como se va a ver nuestra página web al ser vista en un teléfono móvil. Entonces, no importa en qué dispositivo se esté viendo, siempre
se va a quedar genial. Sé que probablemente no vas a estar construyendo un sitio web sobre café como mi sitio de ejemplo. Pero no te preocupes, esto va a funcionar para casi cualquier tipo de negocio o sitios web que puedas necesitar. Entonces aquí está el sitio web del CMB con diferentes imágenes y branding para darte una idea de lo que quiero decir. Y como puedes ver, el sitio web casi siempre va a quedar genial.
2. Los 5 pasos principales: De acuerdo, entonces en la intro a este video, dije que no necesitarás ninguna habilidad de diseño previa y que no estaremos usando ninguna codificación para construir nuestro sitio web. Y eso es porque vamos a estar usando WordPress.org. Esta es la misma plataforma que utilizan empresas como Forbes, cnn, y Sunni, sólo el nombre de pocas. Y no sólo eso, sino que WordPress
también es súper fácil de usar. De hecho, sólo hay cinco pasos
principales que deberán seguir
para construir un sitio web profesional con WordPress. Por lo que lo primero que tenemos que hacer es configurar una cuenta de hosting web para nuestro sitio. Y aquí es básicamente donde los diferentes archivos que
conforman almacenarán
en línea
los diferentes archivos que
conformannuestro sitio web para que las personas puedan acceder a nuestro sitio incluso cuando nuestras propias computadoras se apagaron. El alojamiento web es algo que vamos a
requerir para poder ejecutar un sitio web, y por lo general nos costará alrededor de él los $12 al mes. Entonces lo siguiente que tenemos que hacer es registrar un nombre de dominio para nuestra página web. Un nombre de dominio es básicamente el título de nuestro sitio web con www dot antes que él, and.com después de él. Y es lo que escribimos en el navegador de Internet
DIR para visitar un sitio web específico. Por ejemplo, el nombre de dominio de google es www.google.com. Una vez más, un nombre de dominio es algo que vamos a requerir para poder ejecutar un sitio web y por lo general nos costará alrededor de $13 al año. Por lo que pagamos por nuestro hosting web una vez al mes, y luego pagamos por nuestro nombre de dominio una vez al año. Entonces una vez que tengamos nuestro nombre de dominio y hosting web, podemos pasar al siguiente paso que es instalar WordPress. Esto sólo tardará unos 60 segundos más o menos para que lo hagamos. Y como WordPress es software de código abierto, También es 100% gratuito para que lo utilicemos. Entonces una vez que
hayamos instalado WordPress, vamos a pasar al cuarto paso, que es elegir y personalizar un tema de WordPress. Esto va a cambiar todo el aspecto de nuestro sitio de WordPress y hacerlo más parecido al sitio web que estamos tratando de construir. Y entonces lo último que tenemos que hacer es agregar nuestro contenido diferente, que básicamente serán las páginas principales que conforman nuestro sitio web. Por lo que podrían ser cosas como una página sobre y una página de contacto. Ahora también cubriré algunos otros pedacitos y piezas así como vamos. Pero estos realmente son los cinco pasos
principales que debemos seguir
para construir un sitio web profesional de WordPress.
3. Registra el hospedado web y el nombre de tu dominio: Entonces como podemos ver, las primeras cosas que tenemos que hacer son configurar hosting
web y obtener un nombre de dominio para nuestro sitio web. Y suerte para nosotros, podemos conseguir ambos desde el mismo lugar, que es un sitio web llamado Host Gator.com. Y esta es una empresa que llevo
años usando sin ningún problema. Hay una gran empresa de hosting de bajo costo, que es exactamente lo que queremos. Y también están aquí que actualmente uso para hospedar, Vamos a construir WP.com. Entonces si vas a tomar mi recomendación, solo
necesitamos abrir nuestro navegador de Internet e ir a Host Gator.com. Una vez que lleguemos aquí, vamos a rondar sobre hosting en la parte superior y hacer clic en el hosting compartido. Y esto nos va a mostrar los tres diferentes planes de hosting que ofrece Host Gator. Noi para ser totalmente honesto contigo, el plan de negocios viene con toda una carga de extras añadidos probablemente no vas a necesitar uno solo de empezar, que realmente solo lo deja entre el plan de incubación y el Plan del Bebé. Y la única diferencia real entre estos dos planes es la cantidad de sitios web que podemos tener en cada uno. Entonces con el plan de incubación, podemos tener un solo sitio web. Y con el plan del bebé, podemos tener tantos sitios web como nos guste. Entonces como solo estoy haciendo esto para el tutorial, voy a ir por el plan de incubación. Y una vez
que hayamos decidido por qué plan vamos a ir, solo
podemos hacer click por ruido debajo. Eso nos va a traer aquí. Y aquí es donde vamos a registrar el nombre de dominio para nuestra nueva página web. Por lo que sólo necesitamos escribir nuestro dominio. Estamos queriendo registrarnos en esta casilla en la parte superior. Y por mi ejemplo, voy a escribir un sitio web sobre el café. Y luego a la derecha podemos elegir nuestra extensión de dominio. Y voy a choose.com, lo que significa que el nombre de dominio que estoy registrando en este ejemplo es un sitio web acatarse a coffee.com. Entonces, mientras los dominios estén disponibles, se va a decir dominio primario aquí. Pero si surge y dice que el dominio no está disponible, lamentablemente tendrá que elegir otra cosa. Entonces mientras el dominio que queremos esté disponible, podemos desplazarnos hacia abajo
hasta donde dice protección de privacidad de dominio. Este es un complemento opcional. Y normalmente solo desmarqué esta casilla yo mismo y no he tenido ningún problema. Pero si estás tratando de mantener tu sitio web en anonimato, solo deja esta casilla marcada y se agregará a tu factura. Entonces debajo dice Elige un plan de hosting. Y aquí solo queremos comprobar que nuestro tipo de paquete es correcto y elegir un ciclo de facturación. En este ejemplo, fui por el plan de incubación. Entonces esto es correcto. Y luego aquí a la derecha podemos elegir alto a menudo nos gustaría pagar por nuestro hosting. Ahora, esto va a depender cuánto dinero tengas que gastar en tu página web. Pero yo recomendaría fijar esto a 12 meses o más si puede. No sólo porque hay un gran descuento en comparación con la facturación mensual, sino que también obtenemos nuestro nombre de dominio de forma gratuita si vamos por 12 meses o más por adelantado. Entonces realmente es algo en lo que pensar. Y con eso dicho, voy a poner el mío a 12 meses. Entonces una vez que hayamos terminado aquí, podemos desplazarnos hacia abajo. Y aquí sólo vamos a ingresar nuestra dirección de correo electrónico y elegir una contraseña y un pin de seguridad para nuestra cuenta. Y luego bajo esto podemos ingresar nuestra información personal de facturación. Entonces cosas como nuestro nombre y dirección. Y a la derecha, podemos elegir cerdo quisiera pagar nuestro pedido. Y podemos elegir ya sea tarjeta de crédito o débito o PayPal. Entonces, una vez que hayamos terminado, podemos desplazarnos hacia abajo. Y aquí veremos que dice agregar servicios adicionales. Y estos son solo algunos extras añadidos que ofrece Host Gator. Normalmente solo desmarco estas casillas yo mismo, pero puedes tener una lectura a través de ellas. Y si quieres alguno de ellos, solo marca la casilla y ahí se agregará a tu factura. Entonces una vez que terminemos aquí, si nos
desplazamos hacia abajo, veremos que dice ingresar un código de cupón. Ahora yo, podría haber ya un cupón ingresado aquí con un valor de 20 o 25 por ciento de descuento. Pero si eliminamos esto y en
su lugar escribimos, construyamos WP. Cuando hacemos clic en Archivo en él y nos
desplazamos hacia abajo, veremos que el precio ahora es aún más barato. Y estamos obteniendo tanto nuestro hosting
web nombre de dominio por menos de $40. Y recuerda que esto es para todo el año y estas son las únicas cosas que necesitamos pagar cuatro, lo que significa que este sitio web nos va a costar menos 3.50 dólares al mes, lo cual es impresionante. Ahora yo antes de continuar, sólo
quisiera mencionar rápidamente
que recibiré una pequeña comisión de Host Gator si haces una compra a través mi enlace o usando mi código de cupón, esto no costará te cualquier cosa extra, y significa que puedo seguir haciendo estos tutoriales de forma gratuita. Así que gracias de antemano si
utilizas mi cupón e incluso si
no tienes todavía muy recomendable usar Host Gator para tu página web. Pero de todos modos, volvamos al tutorial. Entonces aquí en el fondo, sólo
queremos volver a revisar nuestros pedidos, ¿correcto? Y si miramos aquí a la izquierda, veremos que ofrecen 24,
7 teléfono, chat en vivo y soporte por correo electrónico. Y tienen una
garantía de devolución de dinero de 45 días por si cambiamos de opinión. Entonces una vez que estemos contentos con todo aquí, solo
necesitamos marcar esta casilla en la parte inferior, los aceptan sus términos, y luego hacer clic en el ruido de checkout. Entonces si estás siguiendo en casa, solo pausa este video mientras estás pagando tu pedido y luego regresa y pulsa play. Y seguiremos construyendo juntos tu página web.
4. Instalar WordPress (.org): Está bien. Entonces esa soy yo ahora vuelvo y cuando terminé de pagar mi pedido, me trajeron a una página diciendo gracias, ya terminé. Fui redirigido a la página de inicio. Entonces si estás siguiendo en casa, en este punto, podemos cerrar de Host Gator. Y en cambio queremos abrir nuestra bandeja de entrada de correo donde deberíamos encontrar algunos correos nuevos de Host Gator. Estos correos electrónicos contienen alguna información bastante importante, por lo que debemos mantenerlos a salvo. Pero por ahora, vamos a dar clic en el correo electrónico que dice que eres una información de conda. Y en este e-mail veremos
tenemos un enlace a su panel de control, que también se conoce como el panel C. Nuestro nombre de usuario y contraseña para iniciar sesión alguna otra información sobre nuestra cuenta. Aquí vamos a hacer clic en el enlace a su panel de control, que va a abrir la pantalla de inicio de sesión de cPanel en una nueva pestaña. Y ahora solo necesitamos copiar y P es estrella nombre de usuario y contraseña de este correo electrónico en la pantalla de inicio de sesión de cPanel. Entonces una vez que los tengamos, P es verdad, entonces podemos dar click login. Y esto vamos a estar iniciando sesión en el host gator ver pano, que es donde estaremos instalando WordPress. Ahora bien, esto podría parecer un poco abrumador al principio, pero en realidad es bastante fácil. Todo lo que necesitamos hacer es desplazarnos
hacia abajo hasta donde dice software. Y luego haga clic en Monitor de Wordpress. Entonces tenemos que dar clic en Instalar. Y esto va a abrir la pantalla de configuración de WordPress. Entonces aquí a la derecha, solo
queremos asegurarnos de que este primer cuadro diga HTTPS, y nuestro nuevo nombre de dominio esté seleccionado en el recuadro a su lado. Entonces bajo esto, podemos cambiar el título
y el lema de nuestro sitio usando estas dos cajas. Por lo que voy a escribir sitio web Café como título de mi sitio. Y luego para mi lema, voy a poner un sitio web todo sobre el café. A pesar de que no te preocupes demasiado por estos por ahora,
ya que siempre podemos cambiarlos de nuevo más tarde. Entonces bajo esto podemos crear el nombre de usuario y contraseña que queremos para iniciar sesión en el sitio DR. Y luego podemos actualizar nuestra dirección de correo electrónico bajo esta. Entonces una vez que
hayamos terminado aquí, podemos cambiar el idioma de nuestro sitio si es necesario. Pero voy a dejar la mía tal y como está. Entonces vamos a saltarnos los plugins y
temas opcionales que ofrecen ya que los
vamos a instalar más adelante. Y luego finalmente, solo tenemos que dar click Instalar en la parte inferior. Y host gator comenzará a instalar WordPress. Esto suele tardar menos de un minuto. Y una vez terminado que dirán,
felicitaciones, se instaló el software. En este punto podemos hacer clic en el enlace al lado donde dice admin URL, que abrirá el panel de WordPress en una nueva pestaña. Y aquí es donde podemos agregar cualquier contenido o realizar cualquier cambio a nuestro nuevo sitio web de WordPress, que por cierto es ahora un live online. Todo lo que necesitamos hacer para visitar nuestro sitio web es clic en el título de nuestro sitio en la parte superior izquierda. Y eso nos va a mostrar
cómo es WordPress cuando lo instalemos por primera vez. No, el tuyo podría verse un poco diferente y a veces cambian el tema predeterminado. Pero de cualquier manera, sólo vamos a ver algún contenido demo o no mucho más. Esto ya se ve bastante increíble, pero vamos a estar construyendo algo mucho mejor que esto.
5. Eliminar contenido de demo: Ahora que tenemos WordPress instalado, lo primero que vamos a hacer es eliminar todo
el contenido demo antes de empezar a añadir el nuestro propio. Para ello, solo necesitamos volver a nuestro tablero haciendo clic en el título de nuestro sitio en la parte superior. Y luego si hacemos clic en Pages y nuestro menú de panel izquierdo, esto nos va a mostrar cualquier página que tengamos en nuestro sitio, que por el momento es solo esta página de demostración. Para eliminarlo, solo tenemos que pasar el mouse sobre el título de la página y luego hacer clic en la papelera. Ahora básicamente vamos a hacer lo mismo para nuestra publicación de demo blog. Sólo en lugar de hacer clic en las páginas de la izquierda, vamos a hacer clic en las publicaciones. Después podemos pasar el cursor sobre el título de la publicación y hacer clic en Trash para eliminarlo. Y luego finalmente, vamos a desinstalar algunos plug-ins de demostración también. Y para ello, podemos hacer click en plugins de la izquierda. Y esto nos va a mostrar cualquier plugins que tengamos instalados. plugins son básicamente como extensiones o complementos para WordPress que o nos permiten añadir funcionalidad extra sitio web DER que WordPress no viene con por defecto. Entonces, por ejemplo, esto serían cosas como formularios de
contacto y botones de compartir social. Vamos a volver y cubrir cómo usar plug-ins más adelante en este video. Pero por ahora sólo vamos a quitar los que venían preinstalados. Por lo que para ello, simplemente marcamos la casilla en la parte superior para seleccionar todos los plug-ins de la lista. Después podemos seleccionar desactivar usando este menú desplegable y hacer clic en Aplicar. Entonces una vez que estos plugins hayan sido desactivados, los
vamos a eliminar y básicamente la forma CMB. Por lo que sólo tenemos que volver a marcar la casilla en la parte superior. Y luego en lugar de elegir desactivada, vamos a elegir Eliminar de esta lista desplegable y luego hacer clic en Aplicar. Wordpress entonces va a eliminar todos los plug-ins de nuestro sitio. Y por lo general sólo toma un par de segundos.
6. Instale el tema de WordPress: Y ahora que hemos borrado el contenido demo y eliminado todos los plug-ins. Si visitamos nuestro sitio haciendo clic en nuestro título de sitio en la parte superior, veremos que no es un completamente vacío y listo para que empecemos a personalizar. Entonces lo siguiente que vamos a hacer es cambiar nuestro tema de WordPress. Y esto va a cambiar todo
el aspecto de nuestro sitio y hacerlo más parecido al sitio web personalizado que estamos tratando de construir. Entonces para ello, vamos a volver a nuestro panel haciendo clic en el título de nuestro sitio en la parte superior izquierda. Entonces si hacemos clic en apariencia a la izquierda, esto nos va a mostrar todos los diferentes temas con los que WordPress viene preinstalado. Entonces como podemos ver, actualmente
tengo el tema 2019 activo en este ejemplo, ya que es el que dice activo debajo de él, entonces podemos cambiar a uno de estos otros temas también si nos gusta, por flotando son mi plata, el tema y haciendo clic en Activar. Pero en lugar de hacer eso, vamos a instalar un nuevo tema haciendo clic en agregar nuevo en la parte superior. Esto nos va a mostrar entonces los miles de diferentes temas gratuitos que WordPress tiene para ofrecer. Y podemos filtrar a través de estos temas en la parte superior por destacados, populares, y últimos. O si ya conocemos el nombre de un tema específico que estamos deseando ser instalado, podemos escribirlo en la barra de búsqueda en la parte superior derecha. En este ejemplo, voy a estar instalando un tema llamado imprimación, que es un tema impresionante que
funcionará para la mayoría de los tipos de sitios web. Y también es la que vimos al inicio de este video. Ahora, uh, obviamente puedes elegir un tema diferente si quieres, y los pasos serán más o menos los mismos. Pero si no estás seguro de qué tema usar, te
recomiendo este gusano. Además una de las
cosas impresionantes de WordPress es que podemos cambiar nuestro tema en cualquier momento sin afectar nuestro contenido. Entonces si elegimos este tema para el ruido, y luego resulta que no nos gusta. Tan solo necesitamos instalar uno nuevo. Pero por ahora, vamos a escribir la palabra primer en la barra de búsqueda en la parte superior derecha. Y luego cuando aparezca, solo
tenemos que dar clic en Instalar. Wordpress luego va a desempacar e instalar el tema para nosotros de inmediato. Y una vez hecho, podemos hacer clic en Activar. Y ahora si hacemos clic en nuestro título de sitio en la parte superior izquierda para visitar nuestro sitio, veremos que nuestro tema se ha actualizado y nuestros sitios web ahora se ven mucho mejor.
7. Identidad del sitio (título y logotipo): Entonces una vez que estemos contentos con el tema que hemos instalado, podemos empezar a personalizarlo. Y para ello, simplemente tenemos que dar click donde dice Personalizar en la parte superior. Esto va a abrir nuestras opciones temáticas a la izquierda, y veremos una vista previa en vivo de nuestra página web a la derecha. Entonces si hacemos clic en la primera opción la identidad del sitio etiquetado a la izquierda, podemos cambiar el título y el lema de nuestro sitio
cambiando el texto que aparece en estos dos cuadros. Entonces para este ejemplo, si cambio el título de mi sitio, sí dice la hora del café la izquierda verá que se actualiza de inmediato en la vista previa de la derecha. Entonces podemos hacer lo mismo por nuestro lema, que es la línea de texto que aparece debajo del título de nuestro sitio. Entonces sólo voy a escribir rápidamente algo aquí a la izquierda. Y una vez más, cuando hagamos esto, veremos que se actualiza a la derecha. Entonces si tenemos una imagen de logotipo que nos gustaría usar en su lugar, podemos hacer clic en Seleccionar logotipo en la parte superior y luego hacer clic en Subir archivos en el medio. Ahora sólo vamos a buscar la imagen en nuestra computadora. Y cuando encontremos la imagen que nos gustaría usar, solo
tenemos que dar click en ella y luego hacer clic en abrir el subido a nuestra página web. Una vez cargada la imagen, podemos hacer clic en seleccionar en la parte inferior derecha y luego recortar nuestra imagen si es necesario, o hacer clic en Saltar recorte. Cuando hagamos esto, veremos que ahora nuestro logotipo aparece en la vista previa de la derecha en lugar de nuestro título y lema del sitio. Entonces aquí a la izquierda, también
podemos cambiar nuestro texto de copyright de pie de página, que es este texto que aparece en la parte inferior de nuestra página web. Entonces solo voy a cambiar esto para decir la hora del
café en lugar de mi nuevo sitio web de la izquierda. Y cuando lo haga verá actualizaciones en la vista previa a la derecha. Entonces también podemos desmarcar esta casilla de
la izquierda que dice crédito de autor tema de exhibición. Y eso va a quitar el eslabón para ir papi de abajo. Entonces la última opción aquí de
la izquierda es donde podemos agregar un ícono del sitio, que es el pequeño ícono que aparece al lado nuestro título del sitio en nuestro navegador de Internet. Por lo que solo tenemos que dar clic en Seleccionar imagen de la izquierda. Después podemos hacer clic en subir archivos en la parte superior, seleccionar archivos en el medio. Y luego vamos a buscar la imagen en nuestra computadora. Cuando lo encontremos, solo tenemos que dar click en él y luego dar clic en Abrir. Entonces una vez que se haya subido nuestra imagen, podemos hacer clic en seleccionar en la parte inferior derecha y luego bien recortar la imagen si necesitamos hacer clic Saltar recorte. Y cuando hagamos esto, veremos que el icono de nuestro sitio ahora aparece al lado de nuestro título de sitio en nuestro navegador de Internet. Entonces una vez que estemos contentos con todo aquí, podemos dar click Publicar arriba en la parte superior para ver si nuestros cambios. Y luego haga clic en la flecha apuntando hacia atrás en la parte superior izquierda para volver a la lista de Opciones del tema.
8. Actualización de diseño, colores y fuentes: Ahora solo vamos a dar clic en la siguiente opción, que es el diseño. Y aquí podemos cambiar el diseño de nuestra página web para que sea fija o fluida. Y esto básicamente sólo se refiere a los márgenes de nuestro sitio. Entonces si cambiamos esto a fluido de la izquierda, podemos ver que el diseño solo
cambia realmente ligeramente a la derecha. personal, sólo voy a volver a ponerlo a arreglado. Pero si lo cambias, solo recuerda hacer clic en publicar en la parte superior para guardar tus cambios. Y luego podemos hacer clic en la flecha apuntando hacia atrás en la parte superior para volver atrás. Ahora. O podemos hacer click en la siguiente opción, que son los colores. Y aquí podemos cambiar los diferentes colores de nuestra página web. Entonces primero, si hacemos clic en esquemas de color, podemos elegir un esquema de color principal utilizando esta lista desplegable. Y cuando hagamos esto, veremos que los colores se actualizan a la derecha. Personalmente, creo que el esquema de color predeterminado se ve mejor con el color de mi logotipo, así que voy a mantenerlo como predeterminado. Entonces una vez que elegimos un esquema de color, podemos hacer clic en la flecha apuntando hacia atrás, y luego podemos cambiar cada uno de los colores individuales haciendo clic en estas diferentes secciones. Entonces si hacemos clic en encabezado, por ejemplo, podemos cambiar el color del título y el tagline de nuestro sitio. Si no estamos usando un logotipo, entonces también podemos cambiar nuestro color de fondo de encabezado también. Por lo que para ello, simplemente hacemos clic en Seleccionar color y luego elegir el color que estamos deseando DTU. Y como podemos ver cuando estamos eligiendo nuestro color, se actualiza en tiempo real a la derecha. Entonces si queremos volver al color original, solo
tenemos que hacer clic en el botón predeterminado. Una vez que estemos contentos con estos colores, podemos hacer clic en la flecha apuntando hacia atrás en la parte superior izquierda para volver atrás. Y luego podemos usar estos mismos pasos para cambiar los colores de nuestros menús, botones y cosas así. Y yo sólo voy a hacer esto en rápido avance para ahorrar tiempo. Entonces una vez que estemos contentos con nuestros colores de miras, solo
necesitamos hacer clic en publicar en la parte superior para ver si nuestros cambios. Y luego haga clic en la flecha apuntando Atrás para volver. Y ahora vamos a dar click en la siguiente sección, que son las fuentes. Entonces aquí podemos cambiar las fuentes por cosas como el título y el tagline de nuestro sitio, nuestros menús, encabezados de texto, y cosas por el estilo. Y todo lo que necesitamos hacer es elegir las fuentes que quisiéramos
usar para cada una de ellas utilizando estos menús desplegables. Entonces solo voy a cambiar rápidamente toda la mía por Fontan de carbono, este ejemplo. Pero obviamente puedes pasar un poco más de tiempo y experimentar con la lista completa de fuentes. Entonces, una vez que estemos contentos con nuestras nuevas fuentes, podemos hacer clic en Publicar en la parte superior para ver nuestros cambios, y luego hacer clic en la flecha apuntando hacia atrás para volver.
9. Actualización de imágenes de cabezero y fondo: Y ahora vamos a dar click en la siguiente sección que es head o media. Y aquí es donde podemos agregar una imagen de encabezado a nuestra página web. No, hay una opción deobda header video si nos gusta, pero la mayoría de las veces esto realmente no tendrá sentido y
a veces puede dar como resultado que nuestro sitio se cargue poco a poco. Pero si quieres tener un encabezado de video, solo
puedes publicar una URL de video de YouTube en este cuadro. Y WordPress lo hará por ti automáticamente. O si nos desplazamos hacia abajo, podemos subir una imagen de encabezado en su lugar. Todo lo que necesitamos hacer es hacer clic en agregar nueva imagen y luego
subirla de la misma manera que nuestras otras imágenes para ahorrar algún tiempo en este video, hay una imagen por defecto que tienen aquí para mostrarnos agua para lucir. Y yo sólo voy a usar este. Por lo que cuando hago clic en él, podemos ver que se actualiza a la derecha
no son elegir la nueva imagen como cabecera de nuestros sitios web. Y si queremos volver a eliminarlo, solo
tenemos que dar clic en Ocultar imagen. Entonces una vez que
terminemos aquí, solo vamos a desmarcar esta casilla en la parte superior que dice usar imagen destacada. Después podemos hacer clic en Publicar en la parte superior para ver si nuestros cambios y hacer clic en la flecha hacia atrás apuntando para volver atrás. No, la siguiente opción es imagen de
fondo y solo voy a saltarme esto yo mismo. Pero si quieres el subir uno, Puedes. Basta con hacer click en Seleccionar imagen y luego
podemos subir la imagen de la misma manera que antes. Solo recuerda hacer clic en publicar en la parte superior si cambias algo. Y luego podemos volver a la lista principal de opciones.
10. Crea menú navegación (agrega páginas principales): Ahora si hacemos clic y exigimos noticias de la izquierda, aquí es donde podemos crear las páginas principales estaban queriendo DR DR. Sitio web, así
como un rango o menú de navegación. Entonces primero solo tenemos que hacer click en crear menú a la izquierda. Y entonces aquí podemos dar nuestro menú y nombre, los nombres sólo para nuestra propia referencia y no va a aparecer en ningún lado. Y para esto, solo voy a llamar a la mía Menú Principal. Después podemos elegir menú primario y dar clic en Siguiente. Ahora o podemos hacer click donde dice Agregar artículos. Y luego solo queremos asegurarnos de que los PHs se seleccionen a la derecha. Entonces solo vamos a escribir los nombres para cualquier página
que quisieran el anuncio y luego hacer clic en el botón Agregar. Wordpress creará entonces las páginas para nosotros y las añadirá a nuestro menú. Entonces para este ejemplo, voy a añadir nuestra página de inicio llamada casa, una página de contacto llamada contacto, una página de blog llamada blog, y una página Acerca llamada barco. Nosotros sabemos,
obviamente puedes elegir las diferentes páginas o llamarlas algo diferente. Pero al menos recomendaría agregar nuestra página de inicio y una página de blog. Entonces, una vez que hayamos agregado las páginas que
queramos, podemos hacer clic en Reordenar a la izquierda y luego cambiar el orden de nuestro menú si es necesario. Entonces si muevo mi página de contacto a la parte inferior, veremos que ahora aparece en el lado derecho de mi menú. Entonces todo lo que pongamos en la parte superior de esta lista va a aparecer en el lado izquierdo de nuestro menú. Entonces todo lo que pongamos al final de la lista va a aparecer a la derecha. Entonces una vez que estemos contentos con el orden de nuestro menú, podemos dar click Done. Y ahora solo tenemos que hacer clic en
publicar en la parte superior para ver si nuestros cambios y luego hacer clic en la flecha apuntando hacia atrás para volver atrás. Ahora en este punto podemos dar click en nuestras diferentes páginas en la vista previa de la derecha. Y veremos que se han creado, pero todavía hay vacíos. Vamos a estar cubriendo cómo agregar contenido a estas páginas pronto. Pero por ahora solo vamos a dar clic en la siguiente opción aquí de la izquierda, que son los widgets.
11. Cambiar portada (Widgets) y ajustes de la página inicial: Entonces si hacemos clic en barra lateral, aquí es donde podemos cambiar lo que aparece en el lado derecho de nuestro sitio. Entonces como podemos ver aquí a la izquierda, dice búsqueda, publicaciones
recientes, Comentarios recientes, Archivos, Categorías, y materia. Y luego si miramos en nuestra barra lateral a la derecha, podemos ver que estos coinciden. Entonces primero podemos empezar por eliminar cualquier widget que no queramos. Y en este ejemplo, voy a eliminar todo aparte de esta barra de búsqueda y de la lista de publicaciones recientes. Y para eliminar un widget, simplemente
tenemos que hacer clic en él la izquierda y luego hacer clic en Eliminar. Entonces una vez que nos hayamos deshecho de cualquier widget que no
queramos, podemos iniciar el agregar otros nuevos haciendo clic en agregar un widget. Entonces digamos para este ejemplo
queríamos agregar una imagen a tu barra lateral. Basta con encontrar y dar click en el widget de imagen en esta lista. Entonces podemos darle un título si nos gusta. Y luego haga clic en el botón Agregar imagen. Entonces al igual que siempre, vamos a hacer clic en subir archivos en la parte superior, seleccionar archivos en el medio. Y luego vamos a buscar la imagen en nuestra computadora. Entonces cuando lo encontremos, solo
podemos dar click en él y dar clic en Abrir D, subirlo. Una vez cargada nuestra imagen, podemos elegir de qué tamaño queremos que sea usando este menú desplegable en la parte inferior derecha. Y luego podemos hacer click, agregar el widget. Y cuando hagamos esto, veremos ahora nuestra imagen aparece en la barra lateral de la derecha. Entonces más seguro, otro ejemplo, queríamos agregar algo de texto a nuestra barra lateral. Solo tenemos que hacer clic, agregar un widget y luego elegir el widget de texto de esta lista. Ahora a la izquierda podemos darle un título y luego escribir cualquier texto que estemos queriendo aparecer en esta caja o simplemente podemos pegarlo como voy a hacer. Entonces una vez que hayamos terminado, veremos que ahora nuestro impuesto aparece en nuestra barra lateral de la derecha debajo de nuestra imagen. Ahora puedes sentirte libre de añadir más widgets si quieres. Pero estos son los principales que creo que
necesitarás a la hora de empezar. Entonces una vez proporcionados los widgets que estamos queriendo en nuestra barra lateral, podemos dar click aquí a la izquierda donde dice Reordenar. Y luego podemos cambiar el orden de nuestros widgets de la misma manera que hicimos con nuestro menú. Entonces una vez que estemos contentos con el orden de todo, solo
necesitamos dar click hecho. Y luego podemos hacer clic en Publicar en la parte superior, cambia el CFR. Entonces solo vamos a hacer clic en la flecha hacia atrás apuntando en la parte superior izquierda. Después vuelve a hacer clic en él para volver a las opciones principales. Y ahora podemos hacer click en la siguiente sección, que es la configuración de la página de inicio. Por lo que por defecto, WordPress está configurado como un blog y está configurado para mostrar nuestras publicaciones de blog en la página de inicio. Pero el cambio esto, solo necesitamos seleccionar una página estática aquí a la izquierda. Y luego bajo la página de inicio vamos a seleccionar nuestro pH frío a quien. Y bajo posts PJ, vamos a seleccionar nuestro pH llamado blog. Cuando hagamos esto, se va a actualizar en tiempo real a la derecha. Y veremos que nuestra página de inicio es ahora nuestra página estática. Y si hacemos click en nuestra página de blog en el menú, debería decir Nothing find, y aquí es donde
aparecerán nuestras entradas de blog una vez que empecemos a añadirlas. Entonces, una vez que hayamos terminado aquí, podemos hacer clic en Publicar arriba en la parte superior para ver si nuestros cambios y luego hacer clic en la flecha apuntando hacia atrás para volver atrás. Ahora hay una última opción aquí en la parte inferior llamada CSS Adicional, pero sólo vamos a
saltarla ya que esto sólo sería si quisiéramos hacer cambios en nuestra página web, archivos
CSS y nosotros no lo hagas. Entonces eso significa que no hemos terminado de personalizar nuestro tema. Y mientras hayamos guardado nuestros cambios, solo
tenemos que hacer clic en la X en la parte superior izquierda para cerrar estas opciones. Eso va a traer nuestro sitio STR. Y aquí vamos a ver que todos
los cambios que hicimos no están vivos. Por lo que como podemos ver, tenemos nuestro logo en la parte superior. Si agregamos una y nuestras imágenes de encabezado, bueno, nuestros colores de miras se han cambiado y nuestras barras laterales se ven impresionantes. Entonces también tenemos nuestro menú en la parte superior con nuestras diferentes páginas que creamos. Y ahora lo siguiente que vamos a hacer es agregar algún contenido a estas páginas.
12. Añadir contenido a páginas (texto y imágenes): Entonces para ello, solo necesitamos
visitar la página que estamos deseando editar. Y para mí esa va a ser mi página de inicio. Después podemos hacer clic en Editar en la barra gris
corriendo por la parte superior para abrir el editor de página principal. Entonces aquí podemos cambiar el título si nos gusta en la parte superior. Y entonces solo podemos empezar a escribir cualquier texto que queramos sobre nuestro pH en esta caja debajo. Y engañado algún tiempo en este tutorial, sólo
voy a pegar en algún texto que ya he copiado. Entonces si tenemos algún subencabezamiento y nuestros textos como lo hago aquí, Simplemente
podemos hacer click en la línea de texto y luego hacer click en este símbolo de la izquierda que parece un P. al revés Ahora podemos elegir encabezamiento y luego elige uno de los tamaños de encabezamiento disponibles a la derecha. Y cuando hagamos esto, veremos que nuestro texto cambia de tamaño en el editor. Y entonces sólo voy a hacer lo mismo para mi segundo rumbo debajo. Entonces también podemos agregar imágenes a tus páginas también. Y para ello, solo necesitamos tomar una nueva línea donde quiera que estemos queriendo que aparezca la imagen. Y luego podemos hacer clic en el signo más a la izquierda. Entonces aquí vamos a elegir Imagen, click, Subir archivos en el medio, y luego buscar la imagen en nuestro equipo. Cuando lo encontremos, solo tenemos que dar click en él y hacer clic en Abrir el subido. Y cuando hagamos esto, veremos que ahora aparece
nuestra imagen en el editor. Entonces si en algún momento queremos ver
cómo se ven los RPGs hasta ahora, podemos dar click donde dice Preview en el lado derecho. Y eso va a abrir una vista previa en vivo en una nueva pestaña. Ahora solo estoy haciendo todo esto bastante rápido para mostrarte cómo se hace. Por lo que probablemente tus páginas se verán mucho mejor que las mías. Entonces una vez que estemos contentos con nuestra página, podemos cerrar la vista previa. Entonces solo tenemos que dar click en actualizar a la derecha para publicarlo. Ahora, podemos hacer clic en Visitar página en la parte superior y veremos que nuestros cambios no están en vivo. Y ahora que sabemos alto está hecho, sólo
necesitamos hacer lo mismo para nuestras otras páginas. Entonces para mí esa es mi página sobre. Y sólo voy a añadir una imagen, algún texto y algunos subtítulos. Entonces también tengo mi página de contacto también. Y para esto voy a añadir una imagen y algún texto para el ruido. Y luego vamos a volver y añadir pronto
un formulario de contacto. Y luego finalmente tenemos nuestra página de blog. Vamos a estar agregando algunas entradas de blog aquí en un segundo. Pero justo rápidamente antes de eso, vamos a cambiar lo que se conoce como nuestros sitios permalink. Y solo para explicar cuáles son estas, si visitamos una de nuestras páginas y miramos el nombre de dominio en la parte superior, veremos que después de nuestro nombre de dominio, hay una barra hacia delante y luego
unas letras aleatorias y números. Y estas letras y números son las páginas permalink. Pero en lugar de estas letras y números aleatorios, vamos a cambiar para que elija en su lugar
el nombre de la página. Entonces, para hacer esto, simplemente necesitamos volver a nuestro tablero haciendo clic en el título de nuestro sitio en la parte superior. Después podemos pasar el cursor sobre los ajustes de la izquierda y hacer clic en permalink. Ahora sólo vamos a elegir el nombre del puesto. Y luego podemos desplazarnos hacia abajo hasta la parte inferior y hacer clic en Guardar cambios. Entonces una vez que se haya actualizado, podemos visitar nuestro sitio y hacer clic en una de nuestras páginas. Y veremos que nuestras tintas permanentes se han actualizado en la parte superior bajo ruido mostrando los nombres de las páginas en lugar de las letras y números aleatorios. Y ahora que tenemos nuestro permalink cambiado, podemos empezar en unas pocas entradas de blog sitio DER.
13. Crea y publica publicaciones en el blog: Por lo que el add a blog post en WordPress, simplemente
tenemos que hacer clic en nuestro título del sitio en la parte superior para volver a nuestro panel de control. Y luego podemos pasar el rato sobre donde dice posts a la izquierda y dar clic en Añadir nuevo. Esto se va a abrir entonces el editor de Post, que es básicamente el mismo que al agregar páginas. Para que podamos darle a nuestro post ese título en la parte superior. Y voy a llamar a la mía como hacer una gran taza de café en casa. Entonces podemos agregar cualquier texto que nos guste escribiéndolo en el cuadro debajo, o podemos pegarlo en. Si ya tienes una mecanografiada. Entonces podemos agregar cualquier subencabezamiento que tengamos en nuestro post. Y luego finalmente, también podemos agregar imágenes de la misma manera también. Entonces célula arma sabe que esto ha sido exactamente lo mismo que al agregar páginas, pero aquí es donde empieza a ser un poco diferente. Entonces si miramos en el lado derecho, podemos ver que dice categorías y etiquetas. Y estos son los que podemos usar para ayudar a organizar nuestros diferentes puestos. Por lo que papá se postean una nueva categoría. Simplemente tenemos que dar click en añadir nuevo tipo de categoría lo que queremos
usar en este cuadro y luego hacer clic en el botón Agregar categoría. O si vamos a utilizar una categoría que ya
hemos creado, podremos elegirla aquí. Entonces para este ejemplo, como mi entrada de blog trata de hacer una taza de café, voy a crear una nueva categoría llamada Café. Entonces una vez que
hayamos agregado nuestra categoría, podemos hacer lo mismo por nuestras etiquetas debajo. Entonces para este post, voy a agregar tutorial de café, cómo hacer café y café casero brew. Entonces una vez que hayamos agregado nuestras categorías y etiquetas, también veremos debajo dice agregar una imagen destacada. Y esta es la imagen que va a aparecer en nuestra lista de publicaciones en nuestra página de blog, así
como en la parte superior de la propia entrada de blog. Ahora son la imagen destacada es totalmente opcional, pero definitivamente recomiendo agregar una cuando sea posible. Después para añadirlo, simplemente tenemos que hacer clic en set featured image. Y luego como siempre, vamos a hacer clic en subir archivos en la parte superior, seleccionar archivos en el medio, y luego buscar la imagen en nuestro equipo. Cuando encontremos la imagen, podemos dar click sobre ella y hacer clic en Abrir. Y luego una vez que se haya diluido, solo
tenemos que hacer clic en set featured image en la parte inferior derecha. Y cuando hagamos esto, veremos ahora
la imagen aparece en el editor. Y eso es básicamente todo lo que hay para crear entradas de blog en WordPress. Una vez que hayamos terminado de añadir nuestro contenido, solo
tenemos que hacer clic en el botón Publicar la derecha para que nuestras publicaciones se pongan en marcha. Y luego una vez que se haya publicado, podemos hacer clic en View Post en la parte superior para verlo. Entonces como podemos ver, tenemos nuestra imagen destacada en la parte superior. Después tenemos nuestro título del post, la fecha de publicación, y el autor del post debajo. Entonces si nos desplazamos hacia abajo, tenemos nuestro contenido principal como nuestro texto, imágenes y cualquier otra cosa que agregamos. Aquí en la parte inferior podemos ver la categoría y cualquier etiqueta estamos a DR Post. Y luego finalmente tenemos nuestra sección de comentarios donde nuestros visitantes pueden dejar una respuesta o hacer preguntas de seguimiento. Y en este punto, si hacemos click en nuestra página de blog en el menú, veremos que ahora nuestra entrada de blog aparece aquí junto con nuestra imagen destacada y un botón que dice continuar leyendo. Entonces también podemos ver nuestra publicación aparece en nuestra barra lateral también bajo nuestra lista de publicaciones recientes. Y ningún otro que sepamos alto está hecho. Simplemente podemos repetir el proceso para cualquier nuevo post. Nosotros queremos. Otra palabra al respecto, algunas publicaciones de blog. Lo último que vamos a hacer es agregar un formulario de contacto sitio web de DER.
14. Añade el formulario de contacto a la página de contacto: Lo último que vamos a hacer es agregar un formulario de contacto sitio web de DER. De esta forma nuestros visitantes pueden ponerse en contacto con nosotros si lo necesitan. Saber WordPress no viene con una opción D formularios de contacto
impares por defecto. Entonces en cambio vamos a instalar un plugin gratuito que nos permitirá agregarlos. Por lo que para ello, solo necesitamos hacer clic en título de
nuestro sitio en la parte superior para visitar nuestro panel de control. Y luego podemos pasar el mouse sobre donde dice plugins a la izquierda y hacer clic en Agregar nuevo. Simplemente vamos a escribir el formulario de contacto de palabras en la barra de búsqueda en la parte superior derecha. Y luego instala este plugin por WP Forms. Y luego una vez instalados los plugins, solo
necesitamos hacer clic en Activar. Ahora yo, una de las cosas impresionantes del plugin WP forms es que viene con un formulario ya creado para nosotros en DR. este formulario, solo
necesitamos pasar el cursor sobre donde dice formularios
WP y nuestra izquierda y, a continuación, haga clic en Agregar nuevo. Entonces aquí en la parte superior podemos dar nuestra forma y nombre. Y yo sólo voy a llamar a mi forma principal. Y luego una vez que le hayamos dado un nombre, podemos elegir formulario de contacto simple aquí en la parte inferior. Esto se va a abrir entonces los principales formateados son. Y aquí podemos dar click en cada una de las diferentes secciones para cambiar la información si es necesario. Entonces si hacemos clic en la sección de nombres, por ejemplo, podemos cambiar la etiqueta si nos gusta. Y luego usando esta lista desplegable, podemos cambiarla. Por lo que el formulario solo pide a los usuarios FirstName y personal primero y último. Entonces si hacemos clic en el botón de la parte inferior, podemos cambiar el texto del botón también en el cuadro etiquetado enviar texto del botón. Entonces, una vez que estemos contentos con nuestro formulario, solo
tenemos que hacer clic en Guardar en la parte superior derecha y luego hacer clic en Incrustar. Ahora vamos a resaltar, hacer clic derecho y copiar esta línea de texto, que se conoce como los foros código corto. Y esto es lo que usaremos papá el formulario DRP páginas. Entonces una vez que tengamos nuestro código corto copiado, podemos cerrar nuestro a esto y luego hacer clic en la X en la parte superior derecha. Ahora solo necesitamos visitar nuestro sitio haciendo
clic en el título de nuestro sitio en la parte superior. Y luego podemos visitar la página que
estamos deseando agregar nuestro formulario. Entonces para mí, esta es mi página de contacto. Entonces una vez que lleguemos aquí, podemos hacer clic en Editar en la parte superior. ¿ Se abre el editor? Sé que solo necesitamos pegar nuestro código corto donde sea del pH que estamos deseando que aparezca nuestra forma. Y para mí eso está justo al fondo. Entonces una vez que hayamos pegado en nuestro código corto, podemos actualizar nuestro pH aquí a la derecha. Sé que cuando visitemos la página, veremos que nuestro formulario de contacto ahora está vivo en nuestro sitio. Y solo para demostrar que funciona, si lleno mi nombre,
mi dirección de correo electrónico, un mensaje rápido, y hago clic en Enviar. Si abro mi bandeja de entrada de correo verá que he recibido los cuatro mantri como correo electrónico.
15. Curso de Outro: Y eso es lo que sabemos al final de este tutorial, que significa que lo único que queda por hacer es felicitarte porque acabas de terminar de construir tu propio sitio web profesional con WordPress. Por lo que tenemos nuestro logo y nuestra imagen de cabecera en la parte superior. Si los agregamos y estamos usando los
colores personalizados que elegimos, entonces tenemos nuestro menú con nuestras diferentes páginas, como nuestra página sobre y nuestra página de contacto. Entonces también tenemos nuestro formulario de contacto para que nuestros visitantes puedan enviarnos un mensaje. Y nuestra barra lateral se ve impresionante con nuestra imagen, cualquier texto que añadimos y nuestra lista de publicaciones recientes. Entonces también tenemos nuestra página de blog
así con nuestras diferentes entradas de blog. Y sin que necesitemos hacer nada extra o sitios web también 100% amigable para móviles. Entonces, si solo cambiamos el tamaño de la ventana y nuestro navegador de Internet, veremos que todo nuestro contenido cambia de tamaño y se mueve, por lo que se ve lo mejor que pueda. Por lo que realmente espero que te guste tu nuevo sitio web y que te haya parecido útil este video. Una vez más, mi nombre es Marty de vamos a construir WP.com. Y muchas gracias por ver mi video.
Martie, Teaching WordPress online since 2013.
