Diseño web con WordPress: todo, desde principio a fin

1. Elige tu plataforma: la diferencia entre WordPress.com y WordPress.org: Muy bien, hablemos de WordPress ahora. Hay una buena posibilidad de que hayas hecho un poco de investigación por tu cuenta, pero quiero empezar desde cero solo para ponerte en marcha y tipo de ayuda. Entiendes la diferencia, especialmente entre wordpress dot com, que vemos a la izquierda aquí, y wordpress dot org, que tenemos a la derecha. ¿ Cuál es la diferencia? Bueno, hablemos. Hablemos de WordPress. Es un trozo de código. Se trata de un montón de archivos que conforman esta fundación para construir sitios web. Entonces, con wordpress dot com, están hospedando ese trozo de códigos y archivos para ti. Se encargan de todo, y todo es regalo envuelto en bonito y ordenado en wordpress dot org. Obtienes todos esos archivos tú mismo, pero eres el responsable de instalarlos en un servidor. Ahora muchos de ustedes saben lo que es un servidor. Pero para aquellos de ustedes que no lo hacen, todo el servidor es una computadora de lujo. Es sólo esto. Simplemente piénsalo como una computadora que siempre está encendida en algún lugar que sirva a tus archivos. Tu página web Piensa en un archivo es como un doc de palabras o algo así. Pero en este caso, es un archivo HTML que tu navegador de sitio web puede mostrar. Entonces tienes el servidor, esta computadora que siempre está encendida. Entonces cuando alguien va a tu página web, dice: Oh, aquí tienes. Aquí tienes el archivo que estás buscando. Entonces lo que estamos haciendo con wordpress dot org por aquí a la derecha es que estamos tomando esa base ese paquete de archivos y poniéndolos en tu propia computadora. Básicamente, estás rentando espacio a un anfitrión alguien como Go Daddy o Blue Host. Hay un montón de ellos. Hablaremos de eso en un segundo con wordpress dot com. Piénsalo más como Facebook o cualquier otro sitio. Podrías iniciar sesión en donde manejan todo. Creas tu propia cuenta, pero ellos se encargan de todo lo demás. Hablemos de pros y contras. Una de las prosa más grande es que puedes crear una cuenta y estar en funcionamiento casi al instante con wordpress dot com. Eso es sobresaliente. Si solo estás tratando de patear las llantas y quieres ver si este es el ajuste adecuado para ti. No obstante, notarás muy rápidamente que hay algunas limitaciones con wordpress dot com. Vamos a echar un vistazo ese camino rápido, voy a dar clic en esta pestaña de precios. Y más que probable, si fueras a saltar con el plan libre, aquí te presentamos algunas de las limitaciones que quiero traer a tu atención de inmediato. El primero es que vas a tener un nombre de dominio wordpress dot com. Entonces digamos que usted nombró a su sitio. Sería cualquiera que sea tu nombre sea dot wordpress dot com en la ventana de tu navegador. Eso está bien por jugar como negocio o profesional. Eso no va a funcionar tan inmediatamente. Vas a querer hacer el nombre de dominio personalizado, que te pone arriba en el plan anual de construcción de $4 al mes. Eso no es gran cosa que sea bastante barata, sobre todo para empezar. También vas a ganar un poco más de almacenamiento aquí abajo, lo que de nuevo es genial. Pero seis gigs no es tanto. Si vas a hacer algo con video o fotos o algo más que solo,ya sabes, ya sabes, blogs de texto, también eliminará los anuncios de wordpress dot com, lo cual es genial porque en el plan gratuito, hay va a ser anuncios mostrados en su sitio web de nuevo. No tan genial si esto va a ser algo que estás usando para tu portafolio o manera profesional en absoluto. Entonces saltemos un poco más allá al plan premium. Esto es genial. Agrega más espacio para nosotros. Elimina esos anuncios. También puedes monetizar tu sitio, y da soporte de video prensa. Para ser totalmente honesto, nunca los he usado, así que no puedo hablar con lo que eso significa. Saltemos un poco más allá, sin embargo, Así que por 25 dólares al mes, obtenemos mucho más. Podemos instalar enchufes y subir temas, y quiero señalarlo para los extremos inferiores y enchufes Salling y subir temas. Por lo que un plug in es un paquete de código que te permite condenar o con tu sitio. Hay muchos enchufes. Por ejemplo. A lo mejor quieres una galería para lucir tus imágenes. Puedes instalar un plug in y luego tener de inmediato funcionalidad para crear una galería o tal vez crear una tienda o cualquier número de cosas que vas a querer hacer. Te vas a descifrar muy rápido a medida que te vayas, vas a querer agregar más a tu página web, también con temas. Ahora bien, si estás pagando la prima, esto es nuevo. Puedes subir equipos antes de que no podías hacer para emparejar, tenías que escoger entre sus temas y hay alrededor de 320 lo que parecería genial. Pero probablemente te vas a meter en ello y quieras modificar las cosas aquí y allá. Y a menos que estés pagando por este plan más avanzado, no puedes personalizar nada. Entonces si eres alguien a quien le gusta tener, a alguien le gusta saber que estás seguro, que tus sitios dicen si tienes gente que te ayude. Si te encuentras con problemas, wordpress dot com podría ser una gran opción para ti, sobre todo porque te estás levantando y corriendo. No obstante, si vas a estar haciendo cualquier tipo de personalización o agregando más a tu sitio que solo páginas para un blawg, te recomiendo encarecidamente que te sumerjas con wordpress dot org, que es exactamente lo que vamos para mostrarte en este curso. Es toda la razón por la que te has apuntado aquí. La otra cosa es, digamos que estás haciendo esto por un amigo o por tu negocio de padres o por tu negocio, o quieres iniciar una carrera como desarrollador Web y diseñador Web. También podrías sumergirte en el ecosistema de wordpress dot org porque puedes hacer lo que quieras. Se descarga el trozo de archivos que la carpeta Zip con todos los archivos que hacen WordPress y es tuyo para hacer con lo que quieras. Puedes actualizarlo. Se puede modificar. Tienes acceso a cada línea de código. Entonces a medida que avanzas como quieres agregar más o personalizarlo, o a medida que continúas aprendiendo, tienes control completo, lo cual es un enorme bono. El otro es, si estás trabajando para alguien más y ellos tienen una idea. Si estás en wordpress dot com, tu capacidad para cambiar las cosas va a ser muy limitada, y te puedo garantizar si estás trabajando para otra persona, siempre están en tener ideas o van a querer hacer cosas que estar en dot o Dios te dará la libertad para hacerlo. Espero haber respondido cualquier pregunta que pudiera haber tenido entre wordpress dot com y wordpress dot org. Esto te da la visión general básica, y seguirás aprendiendo más a medida que avanzamos en este curso, pero ojalá esto te deje claro a dónde debes ir. Entonces en el siguiente video, vamos a hablar de cómo levantarse y correr rápidamente para que puedas empezar a patear las llantas . 2. Desarrollo local vs. . desarrollo remoto y el desarrollo remoto y el estático y los sitios dinámicos: todo bien. Antes de seguir adelante, quería encontrar dos términos para ti. El primero es estático y luego dinámico. Y cómo eso se relaciona con lo que estamos a punto de hacer es que estamos construyendo un sitio web dinámico. Lo que eso significa es que tenemos la base siendo WordPress, pero cada vez que cargas una página, habla dinámicamente con el servidor. Recuerda, ese servidor es solo una computadora de la que estás rentando espacio, como go papi, tu anfitrión azul o alguien. Por lo que su sitio web solicita información al servidor para construir el sitio. Entonces digamos que estás agregando una tienda o un blawg. Tu sitio es dinámico en cuanto a que podrías escribir tu post en bloque y está arriba en el sitio web. Y luego dependiendo de lo que le hayas dicho que haga, que ese trozo de código se construirá por sí mismo. Se irá al servidor y dirá: Hey, Hey, necesito este post. Necesito esta imagen y todo esto sucede en una fracción de segundo. Pero eso es lo que llamamos dinámico versus, digamos, un sitio estático. Si eres diseñador gráfico, tal vez has jugado con Adobe Muse. Hay un puñado de otros, o tal vez de vuelta en el día yo Web si eres ah usuario de Mac. Pero estos son todos sitios HTML estáticos que básicamente son como son. No pasa nada entre tu Tu sitio web no está hablando con la base de datos. Entonces cuando tenemos WordPress, tenemos nuestros principales archivos core. Pero entonces también tenemos lo que se llama la base de datos y piénsalo como una hoja de cálculo de Excel está llena de datos que se conecta a tus archivos de WordPress ya que se solicita el sitio web. Entonces lo que tenemos que hacer para que este trabajo funcione es o bien poner los archivos de WordPress en un servidor. Hablaremos de eso en videos posteriores, pero solo para ponernos en marcha ahora mismo, subiendo y funcionando rápidamente, vamos a descargar algún software que fingirá que es un anfitrión. Se trata de un servidor virtual que se ejecuta en tu propia computadora, así que esto es algo que realmente es beneficioso por un par de razones. El primero es que es rápido porque no estamos esperando en una conexión a Internet para construir tu sitio web a medida que construyes tu sitio. Los cambios ocurrirán de inmediato. Esto es realmente importante para los desarrolladores ya que estás trabajando a través de las cosas, pero la estafa es porque no está en un servidor real. Nadie fuera de tu red, tu computadora frente a ti, podremos verlo. Entonces si tienes un cliente que quiere ver tu trabajo, no lo pueden ver hasta que ya sea les envíes capturas de pantalla o lo compartas con ellos de otra manera , o tal vez te pongas en persona para verlo. El segundo beneficio de construir de esta manera es que en realidad es más seguro porque WordPress es dinámico y está haciendo solicitudes al servidor. Se puede hackear, y eso sucede bastante, en realidad. Por lo que también cubriremos la seguridad y cómo protegerte. Pero mientras estás construyendo tu sitio web ahora porque solo está en tu computadora y no está disponible 24 7 para que los hackers intenten entrar y hacer cosas, es más seguro construir de esta manera. Entonces ahora que ya conoces el día entre estático y dinámico, vamos a saltar con la siguiente conferencia y descargamos una aplicación para ayudar a poner en marcha tu sitio web 3. ¡Configurar, conectar, configura y crear! (WordPress en local con volantes): bien, Esta es la mejor parte de todo este curso. Vamos a hacer un sitio de WordPress y lo vamos a hacer de locos rápido. Entonces cuando todo esté dicho y hecho, esto es lo que va a poder pasar. Podrías abrir esta app que albergará tus sitios web. A nivel local, harás click. Crea un nuevo sitio y le darás un nombre. Continuar Continuar. Seguiremos adelante y agregaremos el sitio. Y así como eso se abrió, Ponga en mi contraseña admin real rapido. Esta aplicación construirá su sitio web local y ahora haga clic en ver sitio. Y Boehm, ahí está mi nuevo sitio web de WordPress literalmente así de rápido. Puedo volver a esa app y hacer clic en el botón admin aquí y me llevará directo a esa página web que acabamos de hacer Ok. Y ahora estoy dentro de mi sitio web WordPress que funciona plenamente y eso fue en cuestión de segundos. puede ver que es mi sitio dot Dev es el nombre de dominio. Hablaremos más de eso en un segundo. Pero de nuevo, lo que quiero enfatizar aquí es que literalmente tomó unos segundos. Entonces te estoy mostrando esto ahora porque quiero que entiendas cuando saltamos por algunos de estos aros para que suceda. Por qué estamos haciendo esto. Entonces ahora que sabes que podemos hacer déjame dar un paso atrás sólo unas cuantas cosas aquí muy rápido. Yo quiero mostrarte. De acuerdo, Así que cuando empecé a construir mis sitios web de WordPress, usé señora. Señora es una aplicación gratuita que hace básicamente lo que acabamos de hacer. Está un poco más involucrado, pero es gratis y funciona muy bien. Es lo que solía usar hasta, como, como, literalmente hace una semana cuando descubrí esta otra aplicación. Man Pro es la versión profesional. En realidad, esto es lo que utilicé porque podía albergar múltiples sitios y tenía muchas más campanas y silbatos bajo el capó. Si estás en Windows o Mac, puedes usar cualquiera de estos y son geniales. De acuerdo, entonces lo siguiente que comencé a usar fue el servidor de escritorio desde la prensa del servidor. Se descarga la app y no hace mucho lo mismo otra vez. Gran app. Incluso más rápido que señora para mí. Me gustaron mucho algunas de las cosas al respecto. Y ahora acabo de descubrir local por volante en realidad descubro esto estaba investigando para este curso, quería mostrarles algo que fuera simple y fácil de usar. Y me encanta esto. Entonces lo que quiero que hagas es ir al punto local get flywheel dot com y lo que vamos a hacer es click a este gran botón de descarga gratuita. Ahora, la descarga es de alrededor de 500 megs. Así que entra aquí, haz clic en el botón, elige si estás en un Mac o Windows, dale tu nombre y envía por correo electrónico toda la información y haz clic. Consíguelo. Ahora, el resto es bastante sencillo. Si alguna vez has instalado alguna, ten una aplicación. Así que sólo pasa por eso, levántalo y corriendo dedo del pie donde ahora tienes la opción de correr este local por volante. Así que adelante y haz eso ahora mismo. Prepárense todo, y luego en la siguiente lección, vamos a hacer lo que acabo de hacer en realidad fueron pisoteados y creamos un sitio de WordPress. Pero te mostraré más de las opciones y Maurer de las preferencias a las que vas a querer poner atención. Entonces está bien, adelante y descarga eso ahora, y ya veremos en la siguiente lección 4. Revisar las preferencias para acelerar tu flujo de trabajo en "localidad por volante".: todo bien. Espero que tengas local por volante instalado y listo para salir. De hecho, si eres como yo, probablemente ya hayas creado un sitio web y ya has empezado a hacer clic en botones y hacer tus propias cosas, y ya ni siquiera me necesitas. Pero sigamos adelante y echemos un vistazo muy rápido a algunas de las preferencias. Solo quiero mostrarte un poco más sobre este programa para ayudar a agilizar tu flujo de trabajo Entonces lo primero que quiero mostrarte son tus preferencias. . Entonces sube aquí al título. Local por volante. Haga clic en Preferencias. Eso si estás en un Mac. Si estás en un PC, creo que toca editar a las preferencias. No lo sé. Lo siento. Estás como por tu cuenta si estás en un PC. Ha sido para siempre, desde que he usado un PC de todos modos, Así que en mis preferencias tenemos nuestros nuevos predeterminados del sitio. Entonces cada vez que haces un nuevo sitio web, esta es la información que va a usar y donde la va a guardar. Entonces, desde este entorno, lo que esto significa es ¿qué tipo de codificación, lenguaje y versiones de base de datos estás usando? No te preocupes aún por esto. Este es un tema avanzado. Simplemente lo vamos a dejar como preferida. Y lo que eso va a hacer es, siempre y cuando tu aplicación esté actualizada, solo va a configurar todo para ti de forma predeterminada. Entonces en este momento tenemos este entorno por defecto. Estamos usando esta versión de PHP y esta mi versión de secuela. Y otra vez, simplemente nos dejaría solos. No te preocupes por ello ahora mismo ya que te pones mejor a medida que te metes en desarrollador mawr. Y tal vez esto nunca será para ti, pero podrás escoger a medida cómo se ve eso. De acuerdo, a continuación tu nombre de usuario administrador, asegúrate de que no sea admin. Eso es lo peor que podrías hacer. Es muy fácil que te hackeen si pones eso en tu página web. Así que adelante y tómate el tiempo para hacer de tu nombre de usuario algo único. Tal vez incluso añadir algunos números y símbolos y esas cosas. Lo mismo con tu contraseña. Tómate el tiempo para asegurarte de que tienes una contraseña segura. Adelante y pon la dirección de correo que te gustaría usar. Esto viene muy bien si alguna vez olvidas tu contraseña. Cuando migre esto, puedes hacer que WordPress envíe el enlace de restablecimiento de contraseña a tu correo electrónico. Así que adelante y pon tu email de administrador ahí y luego la ruta de los sitios por defecto. Aquí es justo donde viven los archivos. Entonces si las cejas ahora mismo, pone todos los archivos del sitio, En realidad, van a estar debajo de mi carpeta raíz debajo de los sitios locales, y luego cada nuevo sitio web va a tener su propia carpeta que va a tener toda la Archivos de WordPress dentro de ella. Entonces esto es sólo decirle dónde guardar esos archivos. Puedes ponerlo donde quieras, pero dondequiera que lo pongas, asegúrate de no moverlo después del hecho porque puede romper vínculos y causar muchos otros problemas. Entonces eso va a ser bueno por ahora. Ve y deja el modo de desarrollo encendido. Tengo Como dije, soy bastante nuevo en esta aplicación, así que ni siquiera he podido usar esto lo suficiente para saber si encendido o apagado va a hacer mucha diferencia. Los formularios que leo básicamente acaban de decir, dejarlo encendido y olvídalo. Entonces eso es lo que voy a hacer. Tenemos algunas otras opciones por aquí para exportar planos avanzados y agregar ons. Honestamente, todas las cosas ahora mismo están bien para ir. Este es el escenario principal que quería mostrarles. ¿ Son estos nuevos predeterminados del sitio? Entonces voy a dar click en esta X por aquí en la parte superior, derecha para cerrar mis preferencias. Y ahora estoy de vuelta en mi ventana principal de sitios locales. Puedo hacer click en el sitio que ya hemos creado, y podemos dar un paso y mirar Atmore de estas opciones. Estas son cosas en las que volverán a entrar en una fecha posterior. Simplemente sepan que bajo la base de datos, recuerden esa diapositiva que les mostré donde tenemos la primera diapositiva que mostró el curso esos archivos core. Y luego mostré la base de datos y la base de datos es básicamente las agallas de tu sitio web. Es Es la hoja de cálculo de Excel que tiene todos los datos dentro de ella para construir tu sitio web. Bueno, pinchando aquí puedo dar click en agregar menor, y este es mi archivo de base de datos. Entonces por aquí en la parte superior izquierda, puedo hacer clic en exportar, y puedo exportar toda la información de mi base de datos. Súper sencillo de hacer Así. Esto va a ser útil más tarde cuando vayamos a mover esto y hacer otras cosas. También contamos con utilidades RSS l y R. Después haga clic en el sitio web de administración o en realidad podemos ver el sitio. OK, así que esto es yo sé que me apunto a través de esto, pero la razón es porque no tenemos que preocuparnos por esto todavía. Solo quiero mostrarte que puedes dar click por aquí para especie de ver esto más características de tu sitio web. También podemos hacer clic en esta pequeña flecha de aquí arriba, y eso nos va a pasar justo a nuestra carpeta raíz para el sitio web. De acuerdo, todo esto está bien lo estamos consiguiendo Nos estamos levantando y corriendo. Nos estamos preparando para irnos aquí. Lo último que quiero mostrarles antes de seguir adelante es este botón de enlace en vivo. Esto también es enorme porque en ese video anterior donde mencioné los pros y contras de una compilación local de WordPress, este es uno de los enormes contras es no poder mostrar a los clientes sobre todo si tus clientes no están en la misma ciudad, ¿ es usted? Es difícil subir el archivo. En primer lugar, tienes que exportar toda tu base de datos y tienes que subir los archivos core y subir la base de datos y actualizar los enlaces y hacer mucho trabajo solo para que lo vean. Y luego si hay algún cambio que no quieras trabajar en el sitio remoto, tienes que tirarlo hacia abajo y simplemente hacer mucho trabajo. Entonces lo que podemos hacer aquí con este botón de enlace en vivo si hago clic en habilitarlo me da un enlace. Entonces esto está encendido ahora mismo en mi computadora. Si fueras a ir a este enlace, podrías ver este sitio web en vivo ahora mismo. Ahora bien, si lo intentas, no va a funcionar, porque siempre que probablemente vayas a este enlace, soy mi computadora podría no estar encendida, y esta app podría no estar abierta. Entonces para que esto funcione, tu aplicación realmente tiene que estar encendida y funcionando. Entonces aquí mismo este es un sitio funcionando. Tiene el poco verde al lado. Eso significa que el servidor virtual se está ejecutando. Puedo detenerlo haciendo clic en ese signo de stop, y va a apagar el servidor y todo lo demás que necesita para ejecutar. Y qué va a pasar si vengo aquí a ese enlace y lo refresco. No funciona, así que esto es más probable, más probable es lo que vas a estar viendo si visitas ese enlace. No obstante, si lo estuvieras, digamos que eras mi cliente y quería mostrarte Oye, aquí está la página web en la que estoy trabajando y así es como se ve. Encendería ese enlace, me aseguraría de que mi sitio estuviera funcionando. Entonces da click en ese pequeño botón de aquí, un poco de jugada. Pero ahora mi sitio tiene un círculo verde junto a él, diciéndome que está en los poderes en su funcionamiento. Y si actualizo esta página ahora, funciona. Entonces ahora podría llamar a mi cliente y podríamos tener o si se trata de un rato de Google o de una llamada de Skype o una llamada telefónica o algo así, y podríamos caminar por el sitio web juntos y ver el progreso. Por lo que esta es una nueva característica impresionante y súper fácil de hacer. Podrías hacer esto con Mam, y podría haber sido capaz de hacerlo con esa versión de prensa del servidor también. Para ser honesto, realidad nunca hice eso con esos, así que sí recuerdo que Mam era un poco más difícil. No podías simplemente encenderlo así. Por lo que este es un enorme cambiador de juegos por poder trabajar localmente, tener esta velocidad mientras estás desarrollando, pero luego también tener la flexibilidad para compartirlo así como una seguridad. Entonces cuando desactivo esto ahora, tendría que preocuparme de que mi sitio sea hackeado o cualquier cosa extraña que le pase antes de que esté lista para encenderlo e irme a vivir tan, muy cool características aquí. Lo que quiero hacer ahora es solo mostrarte rápidamente. Ahora bien, si quieres hacer otro sitio, tenemos este funcionando. Puedo hacer clic en este botón más abajo aquí en la parte inferior izquierda y simplemente agregar otro sitio. Sea lo que sea que quieras que sea. Podría continuar y de nuevo podría continuar porque no me preocupa hacer ninguna configuración personalizada. Y entonces esto jalará esas opciones predeterminadas que establecí en esas preferencias. Haga clic en agregar sitio. Entonces ahora tengo otro lado por aquí, y es tan fácil. Es super cool. Ve y tómate el tiempo para jugar con un poco, y lo que vamos a hacer en el siguiente video es en realidad empezar a explorar WordPress 5. Ingresar en un sitio web de WordPress en WordPress y de: Echemos un vistazo a cómo iniciar sesión en tu sitio de WordPress. Ahora ya estoy conectado de la lección anterior. Entonces lo que voy a hacer es venir a la parte superior derecha sobre mi nombre y luego bajar y hacer clic en Cerrar sesión. Ahora que estoy desconectado, hay algunas maneras en que podrías volver a entrar. Si estás usando el local by fly will app. En realidad es realmente sencillo. Basta con dar click en el sitio en el que quieres iniciar sesión, luego por aquí hacia la derecha. Tenemos este gran botón de administración y haré clic en eso y me llevará directamente a mi página de inicio de sesión para safaris de WordPress, recordando mi contraseña. Por lo que voy a dar clic en eso y se inicia sesión y estoy de vuelta en el panel de control. No podría ser mucho más sencillo que eso. Ahora, si estás intentando iniciar sesión en un sitio remoto, digamos, digamos, en Go Daddy o Blue host o alguna otra plataforma de hosting, todo lo que tienes que hacer es ir a la dirección del sitio web, así que en este caso es mi sitio dot dev. Puedo golpear, regresar y ver el sitio en vivo ahora porque ya he ingresado en esta ventana se acuerda de eso y tiene esta cabeza arriba opciones de visualización barra en la parte superior. Ahora, si estuviera realmente cerrado la sesión bien, mucho tiempo de nuevo y volveremos a mi sitio dot Dev, simplemente veríamos el sitio web sin esa barra de opciones en la parte superior. Entonces lo que vamos a hacer es hacer click en la dirección Web y al final de ella en una barra inclinada tipo Esa es la que tiene el signo de interrogación en ella. Inicia sesión y pulsa Return. Ahora esto funciona. Esto funciona la mayor parte del tiempo, pero habrá algunas instancias en las que por razones de seguridad o alguna otra razón para pagar y la versión de WordPress o el software que se ejecuta en su servidor, eso podría no funcionar siempre. Entonces cuando golpeo Log in y golpeo Return, realidad me redirigió a este WP dash log in dot link PHP. Es sólo un poco más difícil de recordar, pero si vas a eso para empezar, vas al mismo lugar y luego dura. Si fuimos a mi sitio dot Deb slash forward Debbie P dash admin light return, y eso nos llevará allí también. Entonces Como puedes ver, hay muchas formas diferentes de llegar a tu página de inicio de sesión. Mi favorito, por supuesto, como dije, es solo escribir ese Ford slash y luego iniciar sesión al final. Entonces solo para recapitular, podemos hacer clic en el botón admin en local por volante. Podemos ir a la dirección Web y al final tipo Ford slash iniciar sesión. Podríamos escribir barra hacia delante WP dash admin o podríamos escribir en barra hacia delante WP dash log in dot PHP. 6. Configuración de la configuración de la configuración de la configuración de WordPress: es hora de enrollarnos las mangas y en realidad empezar a trabajar con WordPress. Entonces voy a saltar de nuevo a mi vista. Volveremos al lodge en proceso del que acabamos de enterarnos en el video anterior, y solo te voy a mostrar un breve resumen del panel de WordPress y luego algunos de los ajustes principales que hago cada vez. Entonces estamos en Wordpress. Enhorabuena por llegar hasta aquí. Espero que estés emocionado por lo que has aprendido hasta ahora, y entonces te ha ido bien. Ahora lo que vamos a hacer es pasar por un par de cosas rápidas en la parte superior izquierda. Tenemos cualquiera que sea el título del sitio, usted nombró a su sitio. Entonces ahora mismo, porque yo llamo a eso mi vista. Este enlace dice mi vista. Pero si lo llamaras mi cartera impresionante, eso diría mi impresionante cartera. Esto siempre estará aquí cuando estés conectado para que podamos dar click en la casa o en el texto, y se hablará. Ve de ida y vuelta entre tu sitio en vivo y tu tablero de instrumentos, así que ese es un lugar seguro para poder saltar de ida y vuelta. También podría hacer clic en este botón de visita del sitio. Hace exactamente lo mismo, sin embargo. Está bien. Entonces en nuestro panel de control por este lado izquierdo, tenemos un montón de cosas diferentes que debes revisar. Ahora, ten en cuenta si rompes algo. Bueno, por una parte, va a ser difícil romper algo tan temprano. Pero si lo haces, no te preocupes en absoluto. Porque como has aprendido, configurar un nuevo sitio es muy, muy fácil. Si te preocupa, subes aquí y haz click derecho en tu sitio y haz clic en el botón de clon y hará una copia de tu sitio web para que no tengas que preocuparte por romper nada ahora mismo. En realidad, mientras estoy aquí, voy a hacer algo de limpieza de casa y haga clic en eliminar eliminará esto. Otro sitio que hice como muestra. También voy a hacer que mueva estos archivos del sitio a la basura. De esa manera no tengo ningún desorden en mi computadora. Cuando todo esto está dicho y hecho Ahora de nuevo en el tablero, solo quiero correr a través de algunas configuraciones de las que debes estar al tanto. Eso cambio con cada sitio web que construyo Entonces lo que voy a hacer es bajar por el lado izquierdo hacia abajo. Tenemos este enlace para configuraciones. Yo puedo dar click en eso. Y ahora veo todas las subpestañas de configuración que se enumeran a continuación. Vamos a empezar en la pestaña General y podemos ver el título de nuestro sitio. Puedes cambiar a lo que quieras. Y cuando hagas eso, se actualizará en esta pestaña de menú arriba aquí, así como dependiendo del tema que estés usando, también actualizará el tema. Entonces, por ejemplo, cuando voy a comando haga clic en este icono de inicio en un clic de control de PC, lo que eso va a hacer es abrir una nueva pestaña. Y de esa manera puedo hacer clic aquí y especie de ver qué está pasando sin perder mi lugar en el tablero. Entonces ya estoy en esta ficha y verás este título. Dice mi vista. Sólo otro sitio de WordPress. Por lo que algunos temas apoyarán este otros esto podría estar oculto, y podría estar reservado para una imagen para tu logo. Simplemente depende del tema saltando de nuevo a mi configuración. Este lema es algo que me tomaría el tiempo para crear algo que sea significativo para tu sitio web. El motivo es que, aunque el tema no muestre este texto o lo tienes apagado en el back end de tu sitio web, este texto seguirá ahí, y Google y cualquier otro motor de búsqueda lo verán. Por lo que esto ayuda con la optimización de tu motor de búsqueda. No es gran cosa, pero es algo que ayuda. Por lo que el resto de esto se ve bastante bien. Lo que voy a hacer ahora es realmente asegurarme de que esta dirección de correo electrónico sea una que me gustaría recibir notificaciones con fines de administración. Entonces en cualquier momento haya un nuevo usuario, o tal vez haya una actualización disponible para el software o cualquier cosa por el estilo que esté relacionada con el sitio web, esto se enviará a cualquier dirección de correo electrónico que pongas aquí. Otra cosa que cambio es la zona horaria. Entonces en este momento estamos en UTC más cero. Voy a cambios a UTC menos siete porque estoy en la zona horaria estándar de montaña. Y de esa manera, si tengo alguna publicación de blawg o alguna actualización que salga en vivo o alguna publicación programada, se publicarán en base a mi zona horaria. Si quieres averiguar qué horarios en tu en, sólo tienes que abrir una nueva ventana del navegador y Google en qué zona horaria UTC m I en. Y luego a partir de ahí, deberías poder ver. Por ejemplo, estoy en la montaña Zona Horaria Estándar y dice UTC menos siete. Entonces así es como me di cuenta de eso. Cuando termine con esos cambios aquí abajo en la parte inferior, tenemos el botón azul guardar cambios, así que asegúrate de hacer clic en eso antes de navegar fuera de esta página o perderás tu configuración. Voy a ir a la pestaña de escritura, y todo aquí está bien. Por lo general no cambio nada aquí. Ahora da click en la pestaña de lectura, y esto es algo sobre lo que aprenderemos más en futuras lecciones. Pero quiero que sepas que aquí es donde puedes establecer tu página principal. Por lo que actualmente están las homepages dinámicamente configuradas para ser nuestras últimas publicaciones. Entonces si vuelvo a la página web y un desplazamiento hacia abajo, lo verás en la página principal. Esta publicación hola Mundo es lo que aparece aquí, por lo que sea que sea la publicación más reciente se presentará en la página web y saltará a la cima. Podemos cambiar eso y convertirlo en una página estática. Podría hacer clic en esto, y si tuviera alguna página creada, daría clic en eso y luego seleccionaría ¿qué página es mi página principal? Eso va a ser realmente útil en el camino cuando establezcamos aún más nuestro sitio web. La otra cosa que podrías considerar que hago a menudo es desalentado a los motores de búsqueda de indexar este sitio. Entonces en este momento estamos construyendo localmente. Esto no importa demasiado. Pero si estuviera trabajando en un servidor y publicara esto, no quiero que Google tome una instantánea de una obra en curso. Y entonces tal vez por el camino, una vez que tenga mi sitio riel arriba, podría estar mostrando contenido anticuado gente en los resultados de búsqueda. Entonces trato de dejar eso encendido hasta que sepa que todo es exactamente como lo quiero. Voy a seguir adelante y hacer clic, guardar los cambios aquí y luego bajo discusión. Debido a que WordPress fue desarrollado para ser un constructor de sitios web de blogs, tiene una gran configuración de discusión y grandes opciones de comentarios, lo cual es genial si tienes un sitio web que quieres que eso suceda. No obstante, si tienes un sitio que es un sitio estático o tu sitio de portafolio, y realmente no quieres un montón de comentarios de spam. Lo que puedes hacer es entrar aquí y apagar la opción para permitir que la gente publique comentarios en nuevos artículos, así que lo apagaré y en realidad apagaré estas dos opciones está bien, y luego bajaré aquí por si acaso me pasa tener páginas que ya están arriba que podría no estar al tanto de eso tienen eso ya encendido. A lo mejor eso pasó. Antes de apagar estos ajustes, enciendo el comentario. Debe demostrarse manualmente así. Por lo menos, nada se resbala sin que yo lo vea para que se publiquen en la página web. Voy a desplazarme hacia abajo y hacer clic, volver a guardar los cambios. Iré a esta pestaña de medios solo para que lo veas. Nunca he hecho ningún cambio a esto siempre y cuando esto esté configurado para organizar mis subidas en carpetas basadas en mes y año. Para mí, mantiene las cosas limpias y organizadas en el servidor. Pero de nuevo, todo esto debe ser exactamente como lo necesitas. No me preocuparía demasiado por esto todavía y luego último es Perma links. Los enlaces de Perma son básicamente la estructura de enlaces. Entonces, ¿esta es tu página web? Tú eres l mi lado, Doc Dev. Por defecto, probablemente se verá algo así. Sería esta burda pregunta. Mark p igual a 123 Y lo que es, Es decir cargar lo que sea esta páginas y cada página que hagas en wordpress en realidad tiene un número, pero para los humanos es difícil recordar lo que es eso. Por lo que me gusta usar la opción de nombre del puesto. Entonces si hago clic en eso, cualquiera que sea mi nombre de página, eso es lo que aparecerá. Entonces por ejemplo, mi página sobre diría mi sitio dot dev ford slash sobre Así que eso es lo que voy a hacer aquí es dejarlo como Post Name se desplazará hacia abajo y golpeará guardar cambios. Y ahora se han actualizado mis enlaces de permisos. Esos son los cambios más grandes que hago para cada sitio de WordPress que hago cuando creé por primera vez . Entonces lo que voy a hacer ahora es ir adelante y pausar video, y luego la siguiente lección vamos a aprender un poco más sobre cómo crear páginas y más contenido en tu sitio de WordPress. 7. Páginas en la categoría en WordPress en WordPress: en este video, vamos a echar un vistazo a la creación de páginas y WordPress antes de que lo hagamos. Yo sólo quiero señalar algo muy rápido. En el último video te hice poner tus enlaces Perma a Post Name, pero noté que a través de este índice punto PHP ahí también. Pero eso no queremos. Voy a dar clic en estructura personalizada y simplemente eliminar esta porción justo aquí, este índice punto PHP y en la barra que elimino. Y ahora solo tiene una barra por ciento nombre del post por ciento barra. Adelante y haz eso y luego presiona guardar cambios. De esa manera nuestros vínculos avanzando serán mucho más limpios y sencillos. De acuerdo, con eso hecho, saltemos y echemos un vistazo a las páginas y WordPress. Voy a subir aquí en la barra lateral y hacer clic en las páginas, y verás que tenemos una página de muestra por defecto. Ah, click en el título, que es lo mismo que hacer clic en este enlace de edición nos llevará al mismo lugar exacto. Y puedes ver tenemos nuestro título de página. Podemos ver cuál será nuestro enlace de Perma. Y esa es esa estructura. Literalmente acabamos de cambiar Así que ahora, en lugar de decir mi sitio dot dev ford slash index dot La última página de muestra de PHP Ford Simplemente tiene esa página de muestra de slash. Puedo cambiar este enlace en cualquier momento. Y donde esto es realmente útil es si estás haciendo una promoción. Por lo que tengo muchos clientes que harán cosas diferentes, como mismo correo fuera de postal que podría decir algo como venta de octubre o venta flash o algún tipo de evento o cualquier cosa que se te ocurra. Entonces lo que puedes hacer es resaltar este texto, sea cual sea esta página, y puedes hacer el enlace lo que quieras. Entonces en este caso, tal vez queremos decir venderlo. De acuerdo, Y ahora, cuando termine, todo pulsa este botón de actualización, y lo que eso hará es actualizar esta página en el sitio web. Por lo que si hago clic en este enlace, puedo ver el enlace real sería mi sitio dot dep ford slash sale. Por lo que esto es realmente útil cuando estás haciendo una promoción impresa o algún tipo de anuncio en línea. Puedes controlar cuál es ese enlace, y eso es realmente útil para una marca consistente. Voy a saltar de nuevo a esa página. Dejaré eso en paz. Yo sólo quiero señalar un par de cosas más. Entonces ahora mismo tenemos este editor visual aquí, por lo que nuestro texto se ve mejor. Es el estilo que se puede ver. Tiene aplicado el estilo de párrafo. Podemos hacerlo audaz. Podría agregar encabezamiento a la parte superior de esto. A lo mejor, uh, mi rumbo aquí, click en el desplegable y darle un rumbo apropiado para ese estilo y empezar a formarse a mi impuesto. Puedo agregar listas con boletas. Tengo cotizaciones, una línea, lo en enlaces podemos leer mawr. Puedo incluso ta ir la opción de barra de herramientas, lo que me da más opciones como colores y cosas así. Todo esto es genial solo poder teclear cualquier cosa que quieras y ver exactamente qué es . También podemos agregar medios aquí mismo. Entonces si quisiera agregar una imagen en esta página, podría simplemente presionar return, clic en add media, y luego seleccionar un archivo para mi computadora y nos vamos a meter en agregar medios más adelante. Entonces vamos a volver a eso. Si estoy en el texto de tu opción aquí, puedes ver ese hielo. Puedo ver el marcado HTML. Entonces si estás familiarizado con HTML, entonces esto es genial. Puedes sumergirte, enrollarte las mangas y realmente lucha de brazos el código para ser exactamente lo que quieres. Pero lo más probable es que si eres diseñador gráfico, esto te parece bastante extraño. Por lo que vas a querer asegurarte de que pases el rato en esta pestaña visual. Por ahora, eso es todo lo que realmente quiero enfocarme en alguien hit update. Voy a volver aquí arriba y lo que quiero mostrarles es que hay múltiples formas de agregar nuevas páginas hacia la prensa. Entonces vamos a probar el centro comercial. Entonces ahora mismo voy a añadir una nueva página haciendo clic en este botón en la parte superior. Voy a llamar a este hogar. Diré mi página de inicio. Ahora, por aquí a la derecha, voy a dar clic en Publicar otra forma de crear unas nuevas páginas en la parte superior. Tenemos este nuevo bajar a la página y hacer clic en la página, y esta es otra forma de agregar una nueva página. Vamos a llamar a éste sobre, y podría guardar esto como un borrador si quisiera volver a él más tarde. De esa manera en realidad no publica en la página web en vivo. Digamos que estás haciendo algo y aún no estabas listo para enviarlo en vivo. Podrías simplemente guardarlo como borrador. Cuando vuelvo a mis páginas, se podía ver que es su borrador. Justo al lado. Puedo hacer click de edición rápida. Y en lugar de abrir toda la página de la página, abrirá este menú de edición rápida donde puedo cambiar el estado de borrador de Toe publicado en una actualización de clics. Y ahora esa página también estará en vivo. Otra forma de agregar una nueva página es debajo de esta pestaña de páginas hacia abajo para agregar nuevas para que puedas ver hay algunas maneras diferentes de lograr lo mismo. Voy a llamar a este contacto de página, y esta vez voy a golpear vista previa. Lo que eso va a hacer es mostrarme una vista previa de cómo se verá el sitio sin realmente hacer un cambio al sitio. Esto es útil si estás haciendo cambios de texto o haciendo cambios en tu página, pero no quieres que todos los demás lo vean todavía. Voy a pegarle a publicar. Voy a volver a todas mis páginas y puedes ver que tengo sobre contacto home y una página de muestra. Ahora, si voy a mi página web, voy a dar clic aquí mismo en el título. Te darás cuenta cuando me desplace hacia abajo. No puedo ver nada de eso. No hay menús. No hay nada que me muestre esas páginas que acabo de hacer. Por lo que en el siguiente video, vamos a echar un vistazo a cómo crear un menú personalizado para tu sitio web. 8. Crea un menú de navegación personalizada: Entonces ahora que hemos creado algunas páginas de muestra y tenemos nuestra configuración marcada, echemos un vistazo a la creación de un menú personalizado en esta conferencia. Vamos a añadir un menú a esto para que realmente podamos navegar entre todas las páginas que acabamos hacer. Empecemos por volver a mi tablero y bajaremos a la apariencia y los menús Ahora que estás aquí, sigamos adelante y creamos un nuevo menú. Por lo que en la parte superior, dice, crear nuevo menú dará clic en eso, y tenemos este nombre del menú. Yo solo llamo a la mía May Knave o Main menu realmente no importa. Esto es solo para que sepas en qué menú es en el que estás trabajando. Una vez que tenga ese nombre aquí, haré clic en crear menú. Ahora podemos decirle a WordPress dónde poner este menú. El motivo por el que esto podría ser útil depende del tema que estés usando. Podrías tener varias ubicaciones para que este menú vaya, Por ejemplo, podrías tener un menú de pie de página donde pongas cosas como un F a Q o cosas diferentes que verías en un sitio web de comercio electrónico como tus términos y política y cosas como que para devoluciones quizá de envío, etcétera. También podemos poner esto en nuestro menú principal de arriba. Este títulos aquí mismo. Esta ubicación de visualización va a controlar dónde aparece esto. No todos los temas tienen las mismas ubicaciones y no Ember. Cada tema lo llama las mismas cosas. Vas a tener que usar tu mejor juicio ahora mismo. Queremos que este sea nuestro menú superior. Esto lo va a poner como nuestro menú principal en todo el sitio. También verás con este tema tenemos el menú de enlaces sociales y eso va a poner el menú en un lugar diferente. Esto sería si estuvieras tratando de poner, digamos, instagram Twitter enlazado o cosas así como tus enlaces sociales para que pudieras crear un menú solo para eso. Entonces ahora que tengo seleccionada la ubicación, iba a golpear guardar menú muy rápido, y hasta ahora no tenemos ningún elemento de menú agregado todavía. Bueno, por aquí a la izquierda, se pueden ver las cosas más recientes que hemos creado, y el sitio aún no es muy grande, así que esto muestra más o menos cada página que hemos creado. También puedes hacer clic en ver todo para ver todas las páginas que se encuentran en nuestro sitio. Y si este era un sitio grande, es posible que necesites buscar para poder hacer clic en el cuadro de búsqueda y en realidad escribir en la página que estás buscando. He encontrado que normalmente dejarlo en la pestaña más reciente funciona. Genial, porque lo que acabo de crear es lo que más probable estoy tratando de agregar al menú y aparecerá aquí mismo. Ahora, puedo hacer esto de uno a la vez, o en este caso, quiero agregar todo a este menú. Daré clic en agregar al menú. Y ahora tengo mis enlaces de menú. Si guardo esto y ahora salto a mi sitio y refresco la página. Se puede ver que esos enlaces aparecen por la parte superior. Esto es genial. Ya tenemos un buen comienzo. Noté que la página de muestra está por aquí en la parte superior izquierda. No quiero mostrarle la página de muestra todo y mis páginas de inicio aquí a la derecha, y prefiero que esté aquí en su primera posición. Voy a saltar de nuevo a mi pestaña de menú o a hacer un par de cosas. Entonces voy a hacer clic en este pequeño giro flecha hacia abajo en el costado de la página de muestra y voy a dar clic. Quitar eso lo eliminará para mi menú. Pero no eliminará la página de WordPress, por lo que esa página aún existe. Si tienes un enlace con él en algún lugar a tu vista, eso seguiría funcionando. Pero por ahora, simplemente no aparecerá en nuestro menú. Ahora voy a hacer es hacer click y arrastrar este enlace de inicio hasta la posición superior. Y último. Lo que quiero mostrarles es que en realidad se pueden anidar elementos de menú. Entonces digamos que tenía el sobre Tab y quería, digamos contacto y todo un montón de otras cosas enumeradas debajo de él. Puedo arrastrar esto hacia la derecha y ahora para ser un subítem. A veces es difícil ponerlo justo donde lo quieres para que puedas volver a hacer clic en ese giro hacia abajo , y puedes hacer clic físicamente en esto hacia arriba o hacia fuera desde abajo enlace que lo hará manualmente sin tratar de deslizarlo hacia justo a la derecha posición. La otra cosa que puedes hacer es, digamos, en lugar de solo decir contacto. A lo mejor quieres algo más creativo como decir hola. Se puede hacer la etiqueta de navegación. Y ese es solo el título del enlace. Lo que quieras, realidad no cambiará la página. Nombra ese enlace que pusimos en la página o en el título de la página. Esto sólo cambiará la etiqueta en la navegación. Con esos cambios hechos, voy a golpear menú de guardar. Voy a venir a mi otra pestaña y golpear Refresh. Y ahora se puede ver que se han aplicado esos cambios. Tenemos casa en primera posición. Página de muestra ha sido eliminada y la pestaña sobre ahora tiene nuestra página sobre. Si hago click en eso así como nuestro saludo, página de contacto anidada debajo. Voy a seguir adelante y un nido que por ahora Y una cosa más que quiero mostrarles es que tenemos otras opciones también. Así que digamos a medida que tu sitio se vuelve más robusto, puedes agregar diferentes publicaciones a tu navegación. Se pueden agregar enlaces personalizados. Entonces digamos que tienes un sitio web específico. Quieres un enlace, Teoh o y podemos poner ese texto aquí también. Agrega eso al menú. También podemos agregar diferentes categorías. Entonces digamos que tienes diferentes publicaciones blawg o portafolio. O tal vez sus productos como Camisetas, etcétera. También puedes agregar toda la categoría al menú. Golpeo, guardar menú y una vez más vendrá aquí y mira esto refrescará la página. Y ahora aparecen esos enlaces. Tenemos nuestro post hola mundo. Contamos con nuestro enlace externo que actualmente reemplaza a lo que acabamos de hacer click. Si vas a enviar a alguien a un sitio externo, lo que podrías querer considerar volverá a este rápido enlace de flujo de trabajo que ponemos ahí y no vemos las opciones en este momento. Entonces voy a hacer desplazamiento a la parte superior y ver esta pequeña pestaña de opciones de pantalla. Voy a dar click en ese desplegable. Voy a agregar enlace target y también puedes agregar algunas otras cosas aquí también. Entonces, medida que se avanza más, se pueden agregar clases CSS para tal vez cambiar ciertos enlaces que, digamos, un enlace. ¿ Quieres ser realmente odioso? A lo mejor es un fondo rojo o algo así. Puedes agregar clases CSS a eso para ayudar a dar estilo a los enlaces individuales. Entonces otra vez. Eso está en esta pestaña de opciones de pantalla. Haga clic hacia abajo en eso y activé Enlace objetivo. Por lo que ahora puedo volver a mi enlace y puedo hacer clic en abrir enlace en nueva pestaña, guardar mi menú volverá a esta otra a nuestra página web principal. Voy a refrescar esta página. Y ahora cuando hago clic en ese enlace, realidad lo abre en un nuevo navegador. Muy bien, volviendo a mi menú. Voy a seguir adelante y quitar este enlace. Voy a quitar mi post hola mundo, y voy a dejar estos tres como están. Voy a guardar el menú. Y lo último que quiero mostrarles es que si quisieran tener su enlace a través de la parte superior y la inferior, podría poner esto en ambos lugares con sólo tener a los dos seleccionados light save menu. Y ahora veamos dónde lo pone este tema. Voy a refrescar la página y me desplazaré hacia abajo solo para ver y puedes ver que tenemos estos enlaces sociales en cada uno de estos. Apuesto yo. Déjame solo hacer clic en eso, correlacionar con la cosa a los tres de la parte superior. Por lo que veremos cómo darle estilo a estos más adelante con los logotipos reales y las plataformas de redes sociales con las que podrían estar relacionados. Pero al menos puedes ver cómo puedes asignar tu menú a diferentes lugares de tu tema. Muy bien, En el siguiente video, vamos a echar un vistazo a los enchufes y cómo puedes agregar aún más funcionalidad personalizada a tu sitio web. 9. Introducción a los plugins: De acuerdo, es hora de divertirse con enchufes como lo he mencionado en videos anteriores. Plug ins ayudan a extender la funcionalidad de tu sitio web Así que fuera de la puerta WordPress puede hacer muchas cosas geniales y ya has visto algo de eso, como crear páginas. Hacer menús personalizados rápidamente conseguir un sitio web en funcionamiento sin tener que codificar nada que sea todo impresionante. Pero, ¿qué pasa cuando estás listo para más? Sigamos adelante y saltemos a nuestra página de enchufes aquí. Entonces en nuestra barra lateral irá a enchufes, y aquí es donde vivirán todos tus enchufes una vez que los tengamos instalados. Actualmente, ya verás que no tenemos ninguno. Entonces sigamos adelante y vamos a buscar algunos. Voy a dar click en esto. Agrega nuevo botón en la parte superior, y estos son todos los enchufes destacados, así que no estoy seguro de quién lo inventa. Pero estos son todos los enchufes que WordPress quiere contar y para que lo veas, así que este es un gran lugar para empezar. Un lugar aún mejor para empezar sería hacer clic en esta popular pestaña, y la razón por la que se basa en lo que los enchufes son populares en el momento en que estás viendo este video, esto podría cambiar. Entonces ahora mismo tenemos contacto Formulario siete. Este es un increíble plug in para crear un formulario de contacto en tu sitio web. ¿ En serio? Básico consigue el trabajo hecho. Yost s CEO es un gran enchufe de WordPress en que ayudará a la optimización de su motor de búsqueda. Te dirá si tus sitios funcionan bien y cómo podrías agregar más palabras clave para que se encuentren mejor. Jetpack es otro gran plug in. Eso agrega mucha funcionalidad a tu sitio web. Básicamente creas un nombre de usuario wordpress dot com para hundir esto con tu sitio web, y hace todo tipo de cosas relacionadas con posts, optimización de motores de búsqueda, compartir social. Protegerá tu sitio web. Podría hacer copias de seguridad y muchas otras cosas. Definitivamente vale la pena echarle un vistazo. Aquí hay mucho más que el comercio es uno genial. Si vas a construir algo que tenga que ver con el comercio electrónico, ya sea que sea vender bienes digitales o productos físicos como camisetas, etcétera, este es el enchufe y definitivamente quieres usar, y hay mucho más. El otro que quiero señalar es palabra respiraderos seguridad. Yo uso esto en todos mis sitios, y realmente te ayuda a protegerte de hackers o de diferentes cosas que le pueden pasar a tu sitio web. Entonces hay mucho Maurin aquí. De hecho, hay más de 1000 páginas más de 43,000 enchufes diferentes entre los que puedes elegir. Entonces en un estanque así de grande, ¿cómo eliges lo que es adecuado para tu página web? ¿ Cómo se empieza siquiera a saber dónde buscar? Bueno, lo que he encontrado es que puedes hacerte una idea bastante buena para si es un buen enchufe, basado en su calificación, cuántas calificaciones tiene y con qué tan reciente se actualizó. Algunos enchufes como este Yost plug in se actualizó hace sólo seis días. Al momento de esta grabación, algunos de ellos podrían ser semanas, y algunos de ellos podrían ser hace años. Por lo que definitivamente estado hacia enchufes que se han actualizado recientemente y tienen calificaciones más altas . Entonces lo que vamos a hacer ahora es empezar a agregar algunos enchufes. Nos preocuparemos por formatear y configurarlos más adelante. Pero por ahora, lo que quiero hacer es solo instalar, si va a instalar este formulario de contacto instalará el Yost. Si tienes curiosidad por una Web Ah, enchufa y quieres saber qué hace, todo lo que tienes que hacer es dar click en este enlace más detalles, y una pequeña ventana emergente te mostrará la descripción del enchufe en cómo instalarlo. Cualquier pregunta frecuente al respecto. El registro de cambios en cuanto a lo que se ha hecho, lo que se ha actualizado a lo largo del tiempo con cada revisión, capturas de pantalla y revisiones. Entonces esta es una manera realmente buena de tener una buena sensación, pues si esto es un plug in, quieres usar o no, estamos dentro. Instala esta palabra respiraderos seguridad y sigamos adelante y desplázate hacia abajo y solo a ver si hay algo más que queremos ponernos aquí por ahora mismo. Creo que eso es bueno por ahora. Entonces qué, vamos a dio mostrarte una cosa más que puedes hacer cuando estés listo para agregar más enchufes aquí arriba en la parte superior, ¿ verdad? Debilitar la búsqueda. Entonces digamos que estás listo para agregar una galería de fotos o tal vez incluso feed de instagram a tu sitio web debilita tipo en cualquier cosa que puedas imaginar, y probablemente habrá un enchufe para eso. Entonces ahora lo que podría hacer un scroll a través y solo tener una comprensión de qué plug in podría satisfacer mis necesidades. Entonces si quisiera mostrar mi feed de instagram en una página, podría mirar a través y encontrar el gin play adecuado y mi elección se va a basar de nuevo en la calificación más alta, que todo el mundo tiene más instalaciones y cuál se actualizó más reciente. Entonces a medida que me desplaza, veo que hay bastante opciones. Entonces en este momento, esto es un poco más allá de lo que quiero mostrarles en esta conferencia, pero quería ayudarte a entender dónde encontrar enchufes. De esa manera, si quieres una especie de saltar al estanque por tu cuenta e instalar unos enchufes, puedes tener en ello. Entonces ahora lo que voy a hacer es volver a hacer clic en este enlace de enchufes instalados en mi barra lateral. Si no ves eso da clic en la pestaña de enchufes y luego se va por defecto a esta página de enchufes instalados . Por lo que ahora podemos ver qué enchufes se han instalado en su sitio cuáles están activos, y si hay alguna actualización, se vería un enlace para actualizar el plug in. Si alguna vez descubres que quieres deshacerte de un tapón, es un simple como eliminarlo. O puedes masificar, eliminar o cambiar. Por lo que puedo hacer click múltiple a la vez, ven aparecer a acciones masivas y que querían mantenerlas alrededor pero solo desactivarlo . Por lo que actualmente no se están ejecutando en mi página web. Podría hacer clic, desactivar y luego pulsar Aplicar. Por ahora. Vamos a seguir adelante y hacer click. Activa justo en esta palabra valla seguridad plug in porque no estoy listo para hacer nada con los demás todavía. Y en cuanto haga eso, verás tengo esta opción de upgrade a premium y puedo ver detalles. Pero la opción premium. Obtienes más campanas y silbatos, como autenticación de dos factores, Entonces lo que eso hará es cuando vayas a iniciar sesión en tu sitio de WordPress, te enviará un dedo del pie código especial. Cualquiera que sea el celular o dispositivo móvil que especifique con un código secundario para iniciar sesión. Esa es una gran manera de evitar que tu sitio sea hackeado es actualizando este servicio premium . Creo que son unos 40 dólares al año. No me cites en eso. Ha pasado un tiempo. Yo personalmente no uso premium. Simplemente uso la versión básica y hace un gran trabajo. Está bien. Ahora, cuando enciendes o activas un enchufe de nuevo, estos aire no activo aún sus archivos aire sentado en mi servidor en una carpeta. Pero para que realmente se enciendan y trabajen con el sitio web e integren a ese código, lo activas. Por lo que acabamos de activar valla de palabras, y muchas veces, cuando actives el plug in, pondrá un menú en la barra lateral. Entonces, por ejemplo, tenemos este menú de valla de palabras en mi barra lateral ahora, y puedo ver que hay un montón de cosas diferentes Weilen Configurar aquí es Bueno, solo voy a hacer clic en ese título de valla de palabras, y puedes hacer el recorrido y me paso a través de todas las características. Te recomiendo hacer eso o simplemente hacer clic y el recorrido, y puedes pasar y comprobarlo todo por tu cuenta. Por lo que activamos valla de palabras, definitivamente pasamos y echamos un vistazo a todo lo que está pasando aquí por ahora, La configuración predeterminada aire genial. Estamos bien para ir allí. La otra cosa a la que prestar atención es a veces cuando configuras un plug in, sus ajustes podrían entrar dentro de este menú de ajustes. Entonces ahora mismo, si paso el cursor sobre la configuración, verás que tenemos cabalgatas en general,discusión de lectura, discusión de lectura, medios de comunicación y enlaces de permisos. En ocasiones esas configuraciones podrían agregarse a este menú. A veces los tiran en el menú de herramientas, y a veces lo vamos a meter por todo el lugar donde como que tienes que cavar y sólo ver a dónde va. Todo desarrollador de enchufes lo maneja de manera diferente. Vas a tener que intentar leer la documentación, dependiendo de los enchufes que utilices. Y a medida que pasamos por este curso y te muestro lo que uso para mis clientes, obtendrás una mejor comprensión de dónde buscar. Eso es todo para enchufes. En este momento, a medida que seguimos construyendo MAWR, sitios web avanzados a lo largo de este curso caminarán por algunos ajustes de plug in diferentes y cómo usarlos a detalle 10. Introducción a los widgets: Muy bien, aprendamos un poco sobre widgets en esta conferencia. Así que adelante, ve al tablero y luego baja a la apariencia y luego widgets en tu barra lateral. Aquí haremos clic en eso, y se puede ver que tenemos la barra lateral de un blog. Tenemos pie o uno y pie o dos. Estos son los widgets predeterminados que estoy viendo con el tema actual que estamos usando. Y por aquí en el lado izquierdo, podemos ver widgets disponibles, así que hay un montón de cosas con las que podemos trabajar ahora. Esta opción podría verse diferente para ti, en función del tema que estés usando. Y si has instalado algún otro plug ins que pudiera haber agregado widgets adicionales a esto , por ejemplo, habíamos instalado ese widget de instagram? Lo siento. enchufe de Instagram en el widget podría haber mostrado aquí donde podríamos arrastrar y soltar esto en nuestras áreas de barra lateral o pie de página. Entonces echemos un vistazo a cómo realmente funciona esto. Si voy a mi sitio web principal y estoy en la página principal, lo puedo ver. Mis publicaciones aún se están cargando actualmente, y así esta es técnicamente una página de blawg y cada página de blawg en este sitio. En la barra lateral se tendrán estos elementos para que busquen publicaciones recientes, comentarios recientes y etcétera. Echemos un vistazo aquí y podrás ver todos aquellos en formato de trabajo. Por ejemplo, esto se hizo en zona donde podemos iniciar sesión, cerrar sesión y revisar otras cosas. Volvamos a saltar de nuevo aquí. Si hago clic en el giro hacia abajo en Mehta y lo elimino, inmediatamente aparecerá por aquí cuando actualice la página. Entonces ahora que hizo un área se ha ido por completo. Donde los widgets son geniales es que puedes hacer un cambio en un solo spot aquí en esta página de widgets, y esto actualizará dinámicamente cada página de tu sitio web. Entonces, en lugar de tener que pasar por cada página actualmente en el sitio web para cambiar el área de pie de página, puedes hacerlo en un solo lugar aquí, y hará ese cambio en todo el sitio. Entonces, por ejemplo, digamos que quería agregar mi logotipo al área de barra lateral del blog. Podría arrastrar y soltar el widget de imagen. Puedo agregar una imagen haciendo clic en este botón de imagen del anuncio, y tengo mi logo por aquí. Puedes seleccionar un archivo desde tu computadora o simplemente Dragon Drop pasa el cursor sobre esa ventana. Deja ir, y subirá el logotipo a tu mediateca. Voy a hacer clic Añadir widget de dedo aquí abajo y voy a dar clic, guardar. Y ahora, cuando refresco esta página y cada otra página de blawg que visito, mi logo ahora se sienta en la parte superior. Otro gran spot es el pie de página. Podrías agregar un menú personalizado. Vamos a hacer clic y arrastrar este widget de menú personalizado. Puedo agregar un título como mi menú Pie de página personalizado y luego seleccionar el menú. Ahora. Hicimos un menú personalizado algunos videos atrás, pero podrías agregar otro menú personalizado solo para este pie de página. A lo mejor no es para tus vínculos sociales. A lo mejor este es algo un poco diferente. Seleccionarías ese menú. Es guardar. Y entonces en el momento que guardes esto, va a estar en vivo en tu sitio web para que no tengas que gustarte, en nuestro caso, ya tener esta ventana abierta, así que tengo que actualizarla para ver el cambio. Pero cualquiera que venga a su sitio después de haber hecho clic en ese botón Guardar verá inmediatamente esos cambios. Entonces aquí está mi pie o menú personalizado con ese menú que creamos para la navegación principal. Por lo que volviendo a nuestro menú de widgets, voy a eliminar esto también y solo te voy a mostrar, si alguna vez has querido decir, guarda algo, pero cámbialo temporalmente como, digamos que no quiero este logo en aquí Por ahora, podría girarlo cerrado, hacer clic y arrastrar, y Aiken lo escondería aquí abajo en el área de widgets inactivos, así que eso lo mantendrá alejado de tu sitio web. Pero seguirá configurada de la misma manera, conservando esos ajustes. De esa manera, si alguna vez quieres traerlo de vuelta a tu sitio, puedes. Si tienes un montón de estos apilados y estás listo para limpiar la casa, puedes hacer clic en borrar widgets inactivos, y los eliminará de esta lista y eliminará todos los ajustes. Y eso es más o menos para widgets. Ahora mismo. Nuevamente quiero decirles que esto cambiará dependiendo del fémur que use y los enchufes que tenga instalados. Lo más que quieren señalar es, si instalas la valla de palabras, podría estar recibiendo esta notificación para hacer clic aquí, para configurar o despedir. Si no has pasado y te has tomado el tiempo para pasar por todos esos ajustes, sigue adelante y configura que de lo contrario solo siéntate, despide por ahora, y eso desaparecerá para esta sesión. Está bien, eso es todo para widgets. Entonces en la siguiente lección, echemos un vistazo a los temas. 11. Introducción a los temas: en este video. Quiero echar un vistazo rápido a los temas y darte una breve introducción. Así que adelante y ve a tu barra lateral y bajo apariencia. Haga clic en los temas, y si lo has estado siguiendo hasta ahora, dependiendo de cuándo veas esto, más probable es que tu tema predeterminado sea 2017. Puedo hacer clic, personalizar y personalizar las opciones dentro de este tema, como ¿Qué? Mis imágenes de cabecera. Si tiene un fondo de video, puedo hacer clic en esta flecha hacia atrás y seleccionar el menú que está usando. También puedo cambiar si las portadas una portada estática o, en este caso, mis últimos posts, mis últimos posts, y notarás alguna redundancia estos ajustes de aire que originalmente hemos retrocedido en el área principal de ajustes de WordPress. Dependiendo del tema que tengas instalado, todas estas opciones para personalizar tu tema cambiarán con el tema 2017. Puedo desplazarme hacia abajo y hacer clic en la herramienta lápiz, que me llevará derecho a ese elemento de menú en mi barra lateral. Por ahora, voy a x fuera de este personalizador y volveré a mi página Temas. Entonces tenemos un par de temas más que se han instalado en mi instalación de WordPress , pero en realidad no están activos. Entonces si quisiera, podría hacer clic en Life Preview para ver cómo eso cambiaría el aspecto de mi página web. Si me gusta, puedo hacer click, guardar, guardar, inactivar Y se dieron cuenta de que cuando llegue a mi sitio principal en vivo y actualice la página, habrá cambiado. Voy a volver a saltar a mi página Temas y digamos que no querías que el de ahí y otra vez. Me gusta mantener las cosas lo más limpias posible para que puedas dar click en esa página de detalles y aquí abajo en la parte inferior, derecha, haces click en eliminar, y en realidad eliminará y eliminará todos esos archivos de tema de tu sitio web. Entonces ahora solo tengo este tema de 2017, pero digamos que quieres pasar a algo que se parezca más a ti y a tu marca. Lo que puedes hacer es aquí arriba. Tenemos la opción de agregar un nuevo tema, dará clic en eso, y hay muchos temas destacados por los que puedes pasar y echar un vistazo además temas populares. Esta es otra gran manera, igual que buscamos enchufes para ver qué es popular, qué es tendencia, qué otras personas han usado o lo último que ha sido el último lanzamiento de diferentes temas. La parte bonita de la última área es que lo más probable es que encuentres los estilos de diseño más tendientes y actuales en las últimas características. Ahora, una cosa en la que te asesoraría con cualquiera de estos temas es que hay una buena probabilidad que vayan a ser bastante buenos. No obstante, ser que son gratuitos, es posible que no tengas el soporte para las actualizaciones que te gustaría tener. Entonces, si te comprometes con uno de estos temas a lo largo del tiempo, podrían quedar anticuados, y podrían no tener tantas actualizaciones de seguridad como lo haría un tema premium. Entonces lo que voy a hacer es saltar de nuevo al popular área de Temas y simplemente desplázate un poco hacia abajo . Y solo para mostrarte cómo puedes instalar uno de estos por tu cuenta, solo voy a desplazarse y veo este tema primario. Voy a seguir adelante y hacer clic en instalar, así que es instalar todos los archivos en mi servidor, básicamente en una carpeta. Todas las imágenes y trozos de código que necesita para construir este tema al igual que los enchufes, aunque en realidad no lo encendió todavía. Para que pueda hacer clic en vivo, previsualizar y ver cómo sería ese tema en mi sitio. Pero actualmente no está activo todavía. Desde aquí, puedo cambiar diferentes configuraciones antes de encenderla para asegurarme de que haya una cantidad limitada de tiempo de inactividad en mi sitio sea posible. O simplemente podría hacer clic, guardar inactivar y el tema se activará de inmediato. Por lo que esta acaba de ser una breve introducción básica a los temas, en su mayoría para que puedas ver dónde están y cómo cambiar el aspecto de tu sitio web. Está bien. A partir de aquí, tienes una bastante buena comprensión de cómo configurar WordPress cómo agregar páginas, enchufes, widgets, temas y todo tipo de cosas para llevarte bastante lejos en tu sitio de WordPress. Ahora lo que vamos a hacer es cambiar un poco las marchas. Quiero mostrarte cómo utilizaría todas estas diferentes herramientas y elementos que te he mostrado para crear sitios web para mis clientes en la siguiente sección. Vamos a echar un vistazo más avanzado al diseño de temas y el diseño de páginas. 12. Temas recomendados con WordPress: dónde encontrarlos y cómo elegir lo que mejor: Tengo mucho terreno que cubrir en esta conferencia. Vamos a hablar de temas, pero hay mucho que saber y mucho que considerar a la hora de elegir tu tema de WordPress. Como ya has visto en la conferencia anterior, puedes descargar muchas opciones diferentes que son gratuitas. Encontré, sin embargo, que vas a tener mejor apoyo y típicamente mejor experiencia con más temas premium y comprar premium. Sí quiero decir que sí tienes que pagar por ellos, así que no espero que tengas que comprar nada para este curso. Pero sí quiero mostrarles exactamente lo que uso en mi flujo de trabajo con el que realmente construyo proyectos riel para clientes reales con. Entonces si esto es algo que alguna vez quieres hacer más que solo como pasatiempo o desde más que solo tu propio sitio web personal, aquí te dejamos algunas cosas a considerar. En primer lugar, suelo comprar temas de freír en tema bosque dot net. He probado muchos temas diferentes. He probado muchos mercados diferentes, pero los que estoy usando actualmente todos vienen de aquí. Entonces si vas al tema force dot net, tienes esta pestaña aquí para WordPress Y si haces clic en artículos populares, esta página se actualiza constantemente y normalmente ordena por lo que es el tema de WordPress más popular y más vendido para la semana. Por lo que puedes ver ahora mismo Número uno es avada. Esto ha colgado en el número uno desde hace mucho tiempo. Durante años, probablemente esté el tema X, y luego aquí abajo es sobresaliente. Estos son los tres que he utilizado y con amplia experiencia. Y solo quiero señalar que el solo porque los use no significa que vayan a estar bien para ti. Son solo unos que he usado mucho, y porque los uso mucho, soy rápido con ellos. Sé donde los desarrolladores han puesto toda su configuración. Recuerda cómo mencioné que no todo el mundo utiliza el mismo tipo de ajustes y las cosas pueden quedar enterradas. Por lo que trato de encontrar los mismos temas para la mayoría de mis sitios web porque acelera mi flujo porque no tengo que intentar adivinar cómo hacer cambios. Por lo tanto, siéntete libre de echar un vistazo. Hay un montón de grandes temas que están subiendo y viniendo. Lo que voy a hacer muy rápido es mantener presionada mi tecla de comando en la PC de nuevo. Podrías mantener presionada la tecla de control, y voy a dar click en estos tres temas Nevada X y en Salient Solo para que podamos echar un vistazo a estas opciones, te darás cuenta de inmediato el precio $0.60. Hay pros y contras en los que se podría pensar. Esto es como, Oh, Dios mío, 60 dólares. ¿ Por qué gastaría 60 dólares? O podrías pensar si tú o yo tuviéramos que tratar de desarrollar todo lo que hace este tema desde cero. Probablemente tendrías que gastar un par de 100 mil dólares, tal vez 20 de los grandes. No lo sé. Un par 100 podría ser un poco empinado, pero sería mucho dinero solo para intentar desarrollar toda la funcionalidad que estas cosas empaquetan. Entonces tenemos el tema Avada, y si quieres ver cómo se ve, podemos dar click en este botón de vista previa de la vida. Se abrirá una nueva ventana del navegador y podrás desplazarte y consultar algunas de las diferentes configuraciones. Podrás echar un vistazo a todos los diferentes diseños que tiene y lo único que notarás de inmediato . Cuando te metes en estos temas más robustos, premium allí casi exageran. Hay mucho código. Los sitios pueden ser más lentos con la animación, y han intentado dar cuenta de todo bajo el sol que quizá quieras usar. Entonces por eso, los temas tienden a estar más hinchados. Entonces eso es algo a considerar si estás tratando de construir un sitio web lean que se cargue rápido, o si estás tratando de tener algo que tenga todo tipo de opciones para ti justo fuera de la puerta. Por lo que voy a saltar sobre el tema X y voy a dar clic en Vista previa en vivo. Ahora, una cosa que quiero decir sobre los desarrolladores del tema X. En realidad fui a una conferencia en Las Vegas y conocí a la gente detrás de este tema, y son grandes personas. Me encanta llegar a trabajar con ellos, y me encanta apoyar a una empresa cuando creo en lo que están haciendo. Entonces estos tipos son geniales. Tienen realmente buena atención al cliente, y eso es otra vez, algo que no vas a encontrar con el tema gratuito. Entonces si tienes una pregunta o te perturban, hay un mercado de miembros donde puedes hacer preguntas, y en su mayor parte, probablemente alguien ya haya hecho la misma pregunta. Y puedes encontrar soluciones en el formulario. Entonces, dicho eso, una de mis dos cosas favoritas sobre el tema X es este constructor de páginas Cornerstone. Entonces un constructor de páginas es algo donde literalmente puedes arrastrar y soltar los elementos en una página . Entonces, en lugar de intentar codificarlo, realidad puedes mirar la página y arrastrar y soltar y mover las cosas, y hablaremos de eso un poco más en el futuro. Pero esta es una gran ventaja para este tema así como demos, por lo que puedes hacer click aquí abajo en las demos, y tienen una tonelada de muestras para este tema. Lo que es incluso más fresco es una vez que tengamos esto cargado, puedes tenerlo automáticamente instale una demo de trabajo totalmente funcional. Y así su sitio web se puede construir de manera insanamente rápida. Entonces volveremos a ver algunas de estas en un rato. Pero algunas de estas demos, por ejemplo, si quería construir un sitio web de gimnasio, puedo hacer clic en Demo, y este es un sitio web de muestra que han construido, y cuando estás dentro de WordPress. Con tu sitio, tienes un tema instalado. Puedes hacer clic en instalar, y básicamente replicará este sitio web exacto en tu servidor. Entonces, a partir de ahí podrías bordear imágenes de carretera en tu propio texto, y estarías un largo camino por el camino y tener una hermosa página web la próxima vez que quiera buscar mostrarte es sobresaliente. Daremos click en Vista previa de la vida. Me gusta mucho este tema. Creo que es realmente esbelto. Se ve bien. Tiene algunos grandes elementos de animación, y en realidad es lo que uso en mi sitio Web personal. Entonces si voy a la red de puntos de garaje de Mitchell, este era el sitio web que usamos para nuestra agencia, y es bastante básico. Es decir, no mucho pasando, pero realmente disfruté trabajar con este porque era sencillo de usar. A mí me gusta lo mojado waas, y fue simplemente bastante básicamente, quiero decir, como diseñador gráfico, me gusta elegir cosas que se ven bien. Entonces así es como terminé con saliente. Ahora, una cosa que quiero señalar es con saliente. Viene con otro tipo de diseño de página a un llamado compositor visual No es del todo como yo no diría amigable de usar, pero con piedra angular con X, literalmente puedes ver exactamente en qué estás trabajando con Visual compositor. No es del todo tan intuitivo, pero sí me gusta el estilo de la misma. Entonces para ayudarte a darte una mejor comprensión de lo que hace un enchufe de diseño de página déjame mostrarte esto. Hace poco vi un comercial para divvy. Este es otro tema, y no tengo ninguna experiencia con todavía, pero esto se ve increíble, y quiero mostrarles algunas cosas aquí. En primer lugar, déjame reproducir este video para que puedas aprender un poco más al respecto. Construir un sitio web es como pintar una obra maestra, excepto que no es nada como pintar una obra maestra. Mira, cuando pintas algo, en realidad puedes ver lo que estás haciendo. Entonces cuando dibujas una casita, mira, hay una casita. Pero cuando estás construyendo un sitio web en WordPress, estás trabajando en el back-end con una interfaz que está construida para la creación de contenido, no para el diseño. Además, no tienes idea de cómo se verá realmente nada en este sitio. Difícil crear una obra maestra de distancia. Última pieza. Ahora está Devi, con Devi puedes crear tu sitio web de WordPress en el sitio web real en tiempo real, así que si quieres agregar un widget o texto, adelante. Todo es gota de dragón y forma totalmente personalizable, tamaño, color de fuente. Y con más de 40 elementos de contenido diferentes, no hay nada que no puedas agregar. Entonces ahora construir un sitio web realmente es como pintar una obra maestra, solo que mucho más fácil. Divvy la forma más rápida y fácil de construir hermosos sitios web. Está bien, así que parece que divvy es definitivamente un contendiente por algo que ayudaría a acelerar nuestro flujo de trabajo, y especialmente para aquellos de ustedes que no tienen experiencia en codificación. Entonces si te interesa jugar un poco más con él, puedes hacer click. Pruébalo gratis. Y cuando hagas eso, va a abrir una página de demostración donde literalmente puedes patear las llantas y ver exactamente cómo funciona. Entonces, a medida que pasas por encima de diferentes elementos, tienes diferentes opciones de cómo cambiar el tamaño de las cosas y hacer clic y arrastrar. Es realmente fácil. Puedo hacer clic en Rojo aquí y poner a mi nombre o lo que quiera hacer actualización y ver cómo va a funcionar esto para mí. Por lo que esta es una plataforma impresionante. Estoy realmente impresionado por ello. Pero de nuevo, no tengo ninguna experiencia con esto en el mundo real, trabajando para que un cliente sepa si va a satisfacer todas mis necesidades. Pero de nuevo, mirándolo, parece que va a ser impresionante. Puedo agregar rellenos de fondo realmente fácil click en cualquier claro quiero hit. OK, Y así así, la sección de fondo ha cambiado, así que definitivamente vale la pena patear las llantas. Ahora el inconveniente de esto. No sé dónde estás en el dinero, pero cobran 89 dólares al año, así que eso son más de 60 y obviamente es más que gratis. Pero creo que sí obtienes un enorme valor. Una cosa que quiero señalar por 90 dólares. Básicamente, puedes tener acceso a todos los temas elegantes, temas. Obtiene acceso a todos sus enchufes así como actualizaciones temáticas. Por lo que a medida que los cambios de código o los parches de seguridad vienen a través, obtienes acceso a todo eso así como soporte premium. Sueno como si fuera vendedor para ellos. Honestamente, no los conozco. No lo sé. Ya sabes que no tengo ninguna experiencia de primera mano para conocer esto. No me van a pagar para decirte esto. Solo estoy mirando lo que esto podría hacer potencialmente por ti. Y una cosa a la que quiero señalar es la razón por la que incluso estoy considerando esto es porque creo que es realmente importante dar un paso atrás como desarrollador o diseñador y seguir aprendiendo y educándose sobre las últimas tecnologías. Las tendencias cambiarán, y te apuesto en un año recomendaría algo diferente a divvy. Pero el punto es, siempre ha aprendido y trata de averiguar qué va a ser un buen ajuste para tu flujo de trabajo. Entonces otra vez, por 90 dólares digamos que uso este tema dos veces. Hubiera tenido que gastar $120 si utilizara el tema X, porque tienes que comprar una licencia para cada u. R L que usa el tema tan pronto como tengas a sitios donde básicamente hay $120 aquí. O como con Devi, podría comprar el tema o la suscripción por un año, y podría usar esto en 100 sitios web y solo gastar $90 por lo que es un gran trato Now. Si decides que no quieres renovar, puedes mantener activos todos los temas instalados en todos tus sitios antiguos. Simplemente ya no obtendrán soporte premium, y no obtendrán ningún parche actualizado a medida que salgan esos. Entonces, honestamente, creo que es mucho, y si puedes pagarlo, entonces definitivamente valdría la pena considerarlo y revisarlo. Ahora la otra cosa que quiero señalar con ex e incluso con Avada y creo con saliente, sí sé que la X parece tener más extensiones de todos modos. Se puede obtener extensión, por lo que una extensión. Simplemente piénsalo como un enchufe que se incluye con el software con el tema. Entonces, por ejemplo, igual que esta extensión de piedra angular, el enchufe de conversión. Lo que esto hace es que tienes una pequeña caja pop up para un opt inform. Se puede hacer el contenido, Doc, que hace algo parecido. Puedes hacer galerías y cuadrículas y en Google Analytics y la revolución Slider y un montón de cosas diferentes que vienen con el tema. Por lo que es un gran valor. Ahora esta última evolución. Déjame hablar de eso realmente rápido. Una cosa que quiero señalar Como estás mirando, qué tema elegir, Considera el hecho de que básicamente es una base para tus gráficos y tu texto. Por lo que esta revolución de letras es básicamente una enorme galería de imágenes o deslizador de imágenes que podría ir en tu página principal. Entonces aquí hay un ejemplo. Todo este gran lienzo aquí es la evolución de Slatter. Entonces imagina si usé el tema X o navegando entré Devi o cualquier otra cosa. ¿ En serio? Todo lo que estoy viendo en este momento en la página principal cuando llego aquí es solo la navegación. El resto de todo esto es la evolución de Slatter. Entonces tengo estas nubes animadas, thes montañas en capas y el texto, además de un botón sentado en la parte superior. Entonces eso es algo a considerar. Ahora me estoy metiendo en el archivo de tema real en este estilo en el diseño, así que ten en cuenta que solo porque te guste la forma en que algo se ve, saltemos aquí a Devi otra vez. Digamos que me estoy desplazando por este sitio y tal vez te guste todo, pero cuando llegue a esta sección aquí y diga: Oh, Oh, hombre me encanta eso. Si lo descomponemos y lo miramos honestamente, todos estos son Dragón dejó caer esta imagen por aquí. Es sólo una imagen. Entonces mientras miro a través de estas diferentes imágenes que vinieron de este sitio web, es una imagen hermosa. Ahí hay otra bella imagen. Entonces digamos que tomé estas tres fotos y las puse en cualquier otra plataforma. De repente va a verse exactamente igual. Entonces a medida que eliges tu tema, algo que piensa en lo que va en el back-end del mismo, qué tipo de extensiones obtienes y tal vez cómo se ve la navegación por defecto, así que no tienes que hacer mucho estilo con él. Por lo que saltando de vuelta aquí a la revolución del deslizador, aquí hay otra muestra otra vez. Este ocupa más o menos la pantalla completa cuando llegues ahí y hay un montón de otros ejemplos de uso que puedes ver. Entonces este video se está haciendo bastante largo, y no quiero abrumarte, pero supongo que lo que estoy tratando de mostrarte es que hay muchas cosas que puedes usar y seguir adelante. mejor Devi es un buen ajuste para ti. Voy a estar trabajando con los temas X y salientes solo porque tengo muchas muestras para mostrarte y podremos ponernos en marcha. Y luego a partir de ahí podré mostrarte la diferencia es para que puedas escoger lo que te funcione . 13. Introducción a los creadores de páginas: De acuerdo, Ahora que tienes una mejor comprensión de encontrar temas en el mercado y como que lo veas, quiero seguir adelante y mostrarte el back end de los temas que uso. Simplemente podrías tener una mejor idea de cómo sería si compraras estos. Entonces vamos a empezar con X con saliente, y luego compararé esos con divvy. Ahora, he encontrado que de todos los temas que he usado, el tema X parece ser el más fácil de usar para mis clientes. Entonces esto ha sido una gran cosa de usar cuando sé que voy a estar entregando las llaves a alguien más. Entonces si van a estar haciendo ediciones ellos mismos, déjame seguir adelante y mostrarte por qué. Entonces este es el tema X, y cuando vayas a editar una página, verás algo que se parece a esto. A esto se le llama Cornerstone en su constructor de páginas de los ex temas. Lo que quiero decir con eso es, cursor sobre cada elemento, literalmente puedes hacer clic y arrastrar y soltar para reorganizar o hacer clic dentro para editar el texto que verás en el lado izquierdo. Tenemos todos los ajustes diferentes para cada elemento. Puedo hacer clic en una sección aquí, y puedo controlar diferentes cosas como la alineación del texto o agregar imágenes de fondo. Incluso podría hacer clic en administrar diseño y hacer clic realmente fácilmente para cambiar cómo se dividen las filas en columnas con diseño de columnas. Parece que podría volver a la principalmente aquí afuera y ver estas secciones principales, y Dragon les dejó caer o golpear el botón del clon si quiero agregar una copia de algo para cambiarlo. Entonces para un cliente que no sabe construir nada con diseño Web, esto podría ser realmente fácil y familiar y amigable para ellos. Entonces es una gran opción. Siento que las plantillas que tiene son un poco limitadas, y creo que en general, sin embargo, ayudará a un cliente a ponerse en marcha porque no habrá una cantidad abrumadora de opciones. Ahora saltemos al tema saliente. Salient utiliza un constructor de páginas llamado Visual Composer, y si vas a editar una página, esto es como se ve aquí. Si hago clic atrás en el modo clásico, se puede ver que está usando un montón de códigos cortos, y esto no es súper intuitivo. Así que vuelve a la vista del constructor de páginas, y esto es por lo menos un poco mejor. Puedo hacer clic y arrastrar para reorganizar las cosas, pero realmente no tengo ningún concepto de cómo va a quedar esto en una página? Si golpeo los cambios de vista previa, se puede ver que en realidad es una página hermosa. Y eso es algo que me gusta mucho. Saliente ¿es? Es un tema de aspecto muy agudo, pero aquí hay un poco oculto Jim que hace de este probablemente mi favorito es este pequeño botón de plantilla . Al hacer clic en esto, Sailing tiene un montón de secciones pre construidas, muy bonitas de aspecto con las que se puede trabajar. Entonces, por ejemplo, digamos que quería agregar una sección de héroes. Puedo hacer click en esto por aquí, y hay un montón de básicamente a pantalla completa lo que llamamos un bloque de héroes. Entonces digamos que quiero agregar esta sección de acción mínima llamada dará clic allí, y la tiró hacia abajo en la parte inferior de la página para que pueda hacer clic y arrastrar para movernos de nuevo a la vista previa superior. Saltemos a esa página. Y ahora tengo una imagen de héroe lleno con altura completa, y eso fue realmente fácil para Dio. Volvamos atrás y agreguemos otra seccional. Ven a mi plantilla aquí arriba y vamos a añadir sólo tipo de desplazamiento a través en Siria. Rápido, lo que tenemos aquí. ¿ Qué tal una sección de biografía de pantalla completa hará clic en eso y la vista previa blanca de nuevo saltaría a esa página. A medida que me desplaza hacia abajo, se puede ver agregada todas estas imágenes a tamaño completo de esta cuadrícula y de nuevo, simplemente super lisas, hermosas animaciones realmente fáciles de trabajar. Entonces definitivamente, me gusta mucho saliente si fueras a estar trabajando en tu propia página web como un portafolio, algo donde querías lucir muy afilado y no te importa como que te enrolles un poco las mangas para descifrar algunos de esta loca de aquí. Ahora déjame saltar otra vez a divvy. No tengo una página web para mostrarte que he construido con Davey. Esto es bastante nuevo para mí, pero parece tener lo mejor de ambos mundos. A lo que quiero decir con eso es que puedes ver exactamente cómo va a quedar. Pero también puedo dar click aquí abajo. Esto estaría cerrado. Por lo general da clic en este pequeño botón morado aquí abajo y luego da clic en todo en este pequeño botón izquierdo y puedo mostrar la vista esquelética de esto si quería arrastrar y soltar en especie de reorganizar las cosas. Entonces siento que hace un trabajo bastante bueno. Um, no creo necesariamente que tenga las mejores plantillas, tiene algunas buenas plantillas, pero no como lo hace Celean. Simplemente hacemos clic en él y tira de todas estas hermosas plantillas pre construidas, que creo que son súper útiles ya que estás aprendiendo a construir un mejor diseño Web. Entonces esto es una especie de hacia lo que nos estamos acercando. Entonces lo que vamos a hacer en los próximos videos, quiero mostrarte cómo instalaría X, porque de nuevo, es una gran solución para los clientes por todos esos enchufes y extensiones que viene con, así como realmente fácil para los clientes de descifrar. Entonces lo que vamos a hacer es saltar por encima de dos salientes y echar un vistazo a cómo construir de nuevo una cartera estelar . Creo que saliente tiene mejores opciones de portafolio en todos los temas que he visto hasta ahora. Y luego a partir de ahí vamos a seguir aprendiendo más sobre la construcción de sitios en general con WordPress. 14. Instalación y activación de temas: en esta conferencia, les voy a mostrar exactamente cómo compraría un tema de Theme forest. No espero que lo sigas ni compres nada hoy. Solo te estoy mostrando esto porque esto es exactamente lo que haría si fuera a construir un sitio web para un cliente. Entonces, ante todo, necesitas crear una cuenta con tema forzado si aún no lo has hecho. Ya que ya tengo uno de los más que ha ingresado, sólo voy a bucear justo en. Así tema bosque dot net. Voy a venir aquí el WordPress y abajo a artículos populares porque el tema que quiero es casi siempre en esta fila superior. Es sólo rápido y fácil. Si no ves el tema X, podrías buscarlo arriba Aquí estaba X y golpeó retorno y en teoría, ahí está, justo en la parte superior. Entonces este es el tema que hoy quiero comprar. Voy a seguir adelante y dar click en ese enlace y puedo dar click. Compra licencia. Ya ves, son $59 Voy a dar click. Agregar al carrito. Ahora vamos a echar un vistazo y con el en Votto marketplace o bosque temático y cómo queremos Míralo. Es un poco diferente si solo echas un vistazo con poder de pago. En realidad te cobran una tarifa de manejo de $2, por lo que el total sería de $61. Ahora puedes usar una tarjeta de visa, y aplica lo mismo que te dará una tarifa de manejo de $2. O podrías hacer algo llamado en el crédito Votto. Ahora mismo, me quedan 3 dólares por comprar de esta manera en el pasado, pero lo que harías es subir a tu cuenta y bajar para agregar crédito, y luego puedes agregar una cantidad exacta. Ahora, por la razón que sea, es en empezar por $20 sube en incrementos de $10 para que puedas sumar 60 o 70 dólares a tu cuenta. Y entonces de esa manera no se te cobraría esa tarifa de manejo extra de $2. Pero vas a terminar como yo tengo con dólares extra en tu cuenta que tal vez no uses. Entonces, de todos modos, sea así como sea, sin embargo, quieres hacer un check out justo ahora, quieres hacer un check out justo ahora, puedes agregar crédito o puedes checar con esa tarifa de manejo de $2. Voy a volver a mi carrito y voy a dar click. Echa un vistazo ya, Una vez que esté todo listo para irme, voy a dar click. Check out con mi cuenta PayPal y la transacción estará completa. Entonces ya pasé por esto. Voy a ir a mi sección de descargas. Entonces una vez que hayas comprado un tema, verás todo lo que has comprado y puedes ver haber comprado múltiples copias del tema X en mi día. Y lo que puedes hacer es, una vez que tengas eso, esto siempre estará en tu cuenta. Entonces cuando estés listo para instalar este tema en tu página web, ven aquí a este gran botón de descarga verde y voy a dar clic en eso. Y tengo la opción de descargar todos los archivos y documentación. Y si haces eso, se va a ver así. Obtienes una carpeta zip y yo abriré esto y verás las extensiones. Y esos son todos del ábside en Lo sentimos, todos los enchufes que están emparedados con este tema. Ves el acuerdo de licencia, obtendrás un archivo XML con el contenido de demostración. Entonces así es como podemos importar todos esos sitios web totalmente terminados y totalmente funcionales. Obtendrás este archivo de documentación, que te muestra exactamente cómo instalarlo, cómo activarlo. Todos los add ons, básicamente tu manual de usuario. Si te apetece leerlo todo del dedo del pie, aprende a usar X. Y entonces, por supuesto, este zip extra es el archivo de tema real. Entonces si solo querías eso y ya estás listo para irte una vez que te vayas a saber cómo hacer esto en el futuro, solo puedes descargar la instalación de un archivo de Bill WordPress solamente, y eso va a descargar justo ese tema regular Zip carpeta. Está bien, eso es más o menos. Entonces hagámoslo. Lo que vamos a hacer es saltar a nuestro local por volante. Tengo mi sitio. Haga clic en admin para entrar en mi mira área de administración sobre dos apariciones y haré clic en temas. Ahora ya puedo hacer clic en agregar nuevo aquí arriba o tengo este gran signo add new plus. Simplemente voy a dar click en eso. Cualquiera de los dos funcionará muy bien. Y debido a que compramos este tema, en realidad vamos a subir la carpeta zip. Por lo que aquí arriba en la parte superior, tengo tema de subida y voy a dar clic ahí y luego puedo hacer click para elegir el archivo o al menos en un Mac. Puedo hacer click y arrastrar y simplemente soltarlo ahí mismo y voy a dar clic Instalar ahora. Una vez que el tema se haya terminado de instalar, o bien puedo hacer una vista previa de la vida. Puedo activarlo o no puedo hacer nada a cambio de la Página de Temas. Y eso es lo que vamos a hacer ahora mismo. Y mira esto. Todavía tenemos ese tema demo que estábamos jugando con Active, y ahora tenemos el tema X listo para activarse. Entonces lo que vamos a hacer ahora es ir adelante y hacer click. Activar, Está bien. Una vez que hayas activado el tema, va a agregar este elemento de menú en tu barra lateral y lo más probable es que te redirija a esta página . Y va a decir, Hey, ya casi terminas. Solo necesitas poner en tu código tu código de compra para demostrar que lo compraste así pero puedes hacer es ir al bosque temático, y dondequiera que hayas descargado ese tema, puedes hacer click en certificado de licencia y código de compra. Descarga eso y luego abre ese archivo de texto, y te va a mostrar quién tiene licencia a quién es el autor del tema lo que se compró y lo más importante, este código de compra de artículo. Para que pueda copiar este código y luego volver a mi tema y pegarlo aquí. Ahora, es posible que necesites administrar tus licencias directamente dentro de la cuenta de código de tema para que puedas clic en aprender mawr para realmente hacer un proceso de validación de producto. Pero una vez que todo esté hecho, ya no tendrás que preocuparte por ello. Y entonces tu sitio web se actualizará automáticamente y tendrás acceso a todas esas otras extensiones. Entonces lo que voy a hacer ahora es seguir adelante y acelerar ese código aquí y golpear retorno. Se va a verificar la licencia. Enhorabuena. Mi sitio ahora está validado y todas las cerraduras rojas ahora se vuelven verdes y tengo muchos bonos. Por lo que tengo todas mis actualizaciones automáticas listas para ir. Tengo acceso a la base de conocimientos. Si me quedo atascado, puedo hacer preguntas, tener su contenido demo. Por lo que puedo pasar rápidamente por aquí y agregar cualquiera de estos sitios a mi sitio web así como todas estas extensiones. Por lo que ahora que has instalado el tema X, estarías listo para salir. Ahora lo que vamos a hacer en el siguiente video es hablar de temas infantiles. Entonces sé que acabamos de instalar esta cosa, pero vamos a hacer una cosa más que nos ayude a dar la mayor flexibilidad a medida que avancemos . 15. Temas infantiles: Está bien, voy a tratar de explicar temas infantiles Si hago un trabajo terrible, lo siento, pero básicamente, esto es lo que estamos tratando de lograr. Tenemos el extremo principal que acabamos de instalar en nuestra página web, y ahora queremos poner un tema infantil. Básicamente es un contenedor en blanco donde vamos a poner todo lo que queramos anular en el tema. Por ejemplo, digamos que cambiamos el diseño de navegación o cambiamos los colores en el tema. Si los desarrolladores del tema X van alguna vez a lanzar una nueva versión del sitio, que hacen, lo que hacen,anularía todo nuestro estilo. Entonces lo que vamos a hacer es crear nuestro propio básicamente muchos temas que anularán su estilo. Por lo que de esa manera aún podemos actualizar los archivos X Corps, mantener todo actualizado pero no perder ninguno de ese estilo. Esperanza eso tiene sentido. Es mucho más fácil de lo que lo estoy haciendo sonar, estoy seguro. Así que vamos a seguir adelante y sumergirnos, así que voy a ir al tema dot co. Aquí es donde tendrías tu cuenta de miembros una vez hayas comprado el tema y hayas validado la licencia y creado tu cuenta por aquí, la parte superior de click en Apex. Y debido a que ya he iniciado sesión, debería llevarme derecho a mi panel de control. Por lo que una vez que hayas creado tu cuenta con tema Co, puedo descargar las versiones más actuales del tema X. Puedo comprar otra licencia o puedo desplazarme un poco hacia abajo y veo esta caja de temas infantiles . Voy a dar clic en eso y hacer clic en descargar tema infantil para que lo hagan realmente fácil volver a hacer . Probablemente suena aterrador ya que estoy tratando de explicarte esto, pero es bastante sencillo. Entonces voy a volver a mi área de administración de la mira. Voy a bajar a la aparición y temas Haz clic en eso y puedes ver que todavía tenemos el extremo activo y echar un vistazo a esto. Contamos con una versión actualizada. Así que si hubiera peinado todo esto y hubiera hecho clic en actualizar, habría perdido esos estilo. Entonces esto es exactamente por lo que estamos haciendo esto. Entonces voy a dar clic, agregar nuevo Voy a ir a subir tema y luego voy a arrastrar y soltar esta carpeta zip ex child acabamos de descargar y dar click Instalar Ahora, una vez que eso esté hecho, Amenah click, Activa y voy a volver y puedes ver En este momento todo se ve igual. Todo lo demás va a funcionar exactamente igual. Volveré a la aparición bajo temas y se puede ver ahora que el tema activo es este tema ex infantil y entonces tengo el extremo principal aquí. Ahora no puedes eliminar esto. Este tema infantil sólo tiene partes y piezas de este marco X principal. Por lo que esto aún tiene que estar en la carpeta de tu tema para que esto funcione. Si hubiéramos terminado con estos otros temas, por ejemplo, este tema principal puedo hacer clic en esto y golpear borrar y voy a dar clic en Aceptar, y eso estaría bien. Pero si fuera a borrar este tema ex, recibiría un gran mensaje de aire aterrador diciendo que esto ya no está funcionando. Entonces ahora que tenemos nuestro tema infantil hecho en el siguiente video, este va a ser un gran lugar para volver a nuestro local por ajustes de volante. Y quiero mostrarte algo que te ahorrará tiempo en el futuro 16. Crea un patrón local: acelera tu flujo de trabajo y elimina el trabajo redundante redundante redundante: hasta este punto, prácticamente acabamos de hacer mucho servicio de limpieza. Hemos instalado el tema. Hemos creado nuestra configuración general, añadido algunas páginas menores y creado un menú. Realmente no ha habido mucho que haya pasado todavía. Todas las cosas que hemos hecho hasta ahora van a ser más o menos universales, no importa lo que dio para cualquier sitio web. Por lo que este es un gran lugar para crear un plano en local por volantes. Entonces lo que vamos a hacer es básicamente crear una plantilla. Entonces de esa manera, cada vez que haces un nuevo sitio, todas estas cosas que acabamos de hacer ya están hechas por ti. Entonces, para hacer esto, en realidad es realmente simple. Todo lo que vamos a hacer es un clic derecho en su sitio y haga clic en Guardar como Blueprint. Una vez hecho eso, puedes crear un nombre de blueprint. Entonces este se llama mi vista. Simplemente llamaré a esto derricks Main blue print. Muy bien, bastante creativo. Está bien, guardar plano. Y ahora lo que está haciendo es crear un blueprint para que lo use en cualquier momento que gire un sitio web totalmente nuevo. Ahora quiero ir a hacer cualquier nueva webs. Todo lo que tengo que hacer es hacer click. El botón grande plus gigante hará que mi nuevo sitio web haga clic en las opciones avanzadas, y esa es la clave aquí mismo. Cuando hagamos uno nuevo para el blueprint y aquí mismo creamos sitio a partir de Blueprint, haré clic en este desplegable y escogeré el nombre del blueprint que acabo de crear y un clic crear sitio desde Blueprint. Ahora lo que va a hacer es realmente copiar todos los enchufes, todas las páginas, todos los temas. Cualquier cosa que le haya hecho a este sitio web será un clon exacto hasta este punto. Para que así pueda sumergirme directamente y empezar a personalizar el sitio para cada cliente. Vamos a echar un vistazo a esta nueva página web. Hacemos clic en ver sitio ahora Está en un nuevo sitio web dot Dev, y se puede ver el extremo está activo. Todo lo demás que hemos hecho hasta este punto, déjame iniciar sesión y podrás ver que tenemos la palabra valla enchufada, instalada y funcionando. Tenemos todas nuestras páginas que hemos creado los temas X ya instalados, y este blueprint está listo para salir. Está bien, así que asegúrate de tomarte el tiempo para crear un plano. Esto ayudará a agilizar tu flujo de trabajo a medida que continúas construyendo más sitios web. 17. Cómo rellenar una contraseña de planificado en local: este va a ser un video de actualización para mostrarte cómo recuperar tu nombre de usuario y contraseña . Si creaste un blueprint dentro de local, y entonces no puedes recordar qué es eso. Entonces, por ejemplo, en un video anterior a este curso, creamos un blueprint y abrimos una captura de pantalla aquí para que pueda ver sus ajustes. Por lo que el nombre de usuario administrador era Derek. Pero, ¿y si no recuerdas cuál era la contraseña? ¿ Y si ha pasado un poco y quieres establecer un reinicio? Bueno, lo otro que hicimos es configurar nuestro email admin como email de Dev Dash en flywheel dot local . Entonces, ¿cómo ni siquiera entrar a esa dirección de correo electrónico si quería restablecer la contraseña, así que te voy a mostrar cómo hacer eso a muy rápido. Sólo vamos a una especie de actualización rápida. Vamos a hacer un sitio de restablecimiento de contraseñas aquí. Sólo vamos a usar el plano para saliente que establecí antes. Voy a hacer clic en crear porque lo que va a pasar es que va a crear todo va a llamar en todo lo que configuramos, incluyendo el nombre de usuario y la contraseña, así que no tengo opción de poner algo nuevo ahí. Y así lo que pasa es que podrías ser, Ya sabes, podrías haber configurado múltiples planos con diferentes contraseñas o diferentes nombres de usuario y no poder recordar lo que usas. Adelante y cliqueemos. Crea sitio a partir de Blueprint y se va a extraer todo y conseguir que todos nos instalemos aquí . Y ahora vemos y nuestro panel de control para este sitio web. Vemos todos los ajustes y haga clic en ver sitio, y definitivamente clonó todo. Tengo el tema saliente en marcha y estoy listo para empezar a construir. Pero si fuera a hacer clic en el admin al sitio y me da otra vez la opción de ley, ¿y si no recuerdas nada? Voy a seguir adelante y dar clic en contraseña perdida. Se va a pedir el nombre de usuario o la dirección de correo electrónico. Entonces en este caso, resulta que recuerdo qué es eso. Pero vamos a escribir eso y voy a dar clic para obtener nueva contraseña. Bueno, el siguiente problema es Bueno, ¿a dónde llegó ese correo electrónico? ¿ Cómo accedo a ella? Si no fuera, ya sabes, mi correo electrónico actual al que tengo acceso. Entonces lo que vamos a hacer es volver aquí en el tablero y hacer clic derecho en utilidades. Vamos a abrir cerdito macho, y ahí mismo vemos el correo que vino de nuestro reset. Entonces esto es ah, básicamente una gran manera de obtener acceso a tu sitio si olvidaste cómo o si estás desarrollando tu sitio web y quieres poder probar formularios de contacto en diferentes cosas de correo electrónico así también. Entonces vamos a dar click en esto, y ahora puedo ver que tengo mi nombre de usuario y puedo hacer clic aquí para restablecer mi nombre de usuario y contraseña. Entonces sigamos adelante y hagamos eso. Sólo voy a usar lo que recomienda. Dará clic en restablecer contraseña, adelante y guárdela. O tal vez no lo que sea. Seguiremos adelante e iniciaremos sesión. No, no, es Derek. Y debería haber guardado la contraseña porque ahora no recuerdo lo que era, pero aprende de mi error, y así es como lo haces. Vamos a seguir adelante y probar eso una vez más. Volveremos aquí y pincharemos en Lost Your password. Turner, usando nombre de nuevo. Click did nueva contraseña y volveremos a macho cerdo. Vuelve a nuestra bandeja de entrada y tenemos una nueva de hace apenas unos segundos. O restablecerlo. Y esta vez voy a hacer las contraseñas de contraseña. De esa manera. No lo olvides. Nunca uses esa contraseña. Ustedes saben eso. Está bien, solo iniciemos sesión muy rápido y veamos si funcionó. Perfecto. De acuerdo, Ahora estamos en nuestro blueprint que acabamos de crear, y ahora podemos empezar a hacer cambios en nuestro sitio. Muy bien, chicos, espero que eso haya ayudado a aclarar algunas cosas. Algunas de las preguntas que tuvimos sobre cómo entrar en tus sitios web de blueprint. Y si pudieras hacer cambios. Otra cosa, quiero señalar que no puedes crear ni editar tus planos Lo que necesitas hacer. Si vamos a subir aquí a las preferencias abajo a los planos, puedo borrar un blueprint, pero no puedo hacer cambios. Entonces lo que tienes que hacer es realmente hacer los cambios a tu sitio que quieres dio. Y luego una vez que hayas terminado y contento con ello, luego vuelve a entrar a sentarte en la app local. y crear un nuevo plano basado en esos cambios. Entonces espero que eso tenga sentido. Chicos, gracias por mirar, y lo veremos en la siguiente lección. 18. Instalación de contenido de demostración: Así que sigamos adelante y usemos el tema X para instalar uno de esos sitios de demostración. Voy a seguir adelante y crear un nuevo sitio, y vamos a llamar a este one x demo. Iremos a mis opciones avanzadas y usaremos ese blueprint principal. Entraré al área de administración del sitio, y ahora lo que puedo hacer es ir al área de configuración X principal, bajar al contenido de demostración y vamos a seguir adelante y jugar con ese sitio Jim. Daré clic en configurar contenido de demostración. Sí, procedan. Esto va a hacerse cargo de todo aquí, y va a descargar todas las imágenes y ponerlas dentro de tu carpeta de medios y configurarlo todo para ti para que pudiera tomar un poco de tiempo para que todas las imágenes se descarguen . Pero una vez que lo hagan, podemos seguir adelante y volver a dar clic en mi sitio, y se puede ver que tenemos esta página web del gimnasio todo configurada. Se instalaron las navegaciones. Incluso hay un logotipo. Todo el texto funciona. Todos los enlaces funcionan, e incluso hay publicaciones personalizadas. Ya se han preparado todo tipo de cosas para ti, así que esto tiene una manera increíble de levantarse y correr y poder patear las llantas y revisar todo bien. Y seamos honestos, acabamos de construir un sitio web totalmente funcional y altamente dinámico en menos de dos minutos. Eso es una locura. Sé que nos llevó un tiempo llegar a este punto. Pero digamos que pudiste convertir esto en una carrera y vender sitios web con otros clientes . Estos sitios web que estaban creando valen en cualquier lugar desde 2000 hasta $10,000 o más. Yo he cobrado personalmente esa cantidad de dinero. Cuando construyo sitios web. No estoy prometiendo que puedas hacer ese tipo de dinero. Pero lo que digo es que aquí hay valor, riel, valor tangible que puedes vender a tus clientes. Por lo que este es un momento increíble para crear sitios web y para ser parte de este ecosistema en línea . Entonces simplemente me emociono mucho. Y solo quería señalarles que acabamos de crear un sitio web totalmente funcional en poco tiempo, que se retome a la discusión que tuvimos sobre pagar por temas premium. Ahora sé que mucho del trabajo de piernas que acabamos de hacer básicamente se hizo usando local por volante. lo pillo. Pero también importando ese contenido demo desde X, y creo que divvy hace algo muy similar. Tan seguro, tal vez tengas que gastar 60 dólares o tal vez hasta 90 dólares para entrar en este mercado. Pero la barrera para la entrada es tan poco cuando piensas que si tuvieras que codificar todo esto desde cero o te creaste, podrías estar gastando $20,000 o más solo para llegar a donde estamos y lo que hemos podido hacer en debajo de un par de minutos. Por lo que sólo quería señalarlo y ponerlo a su atención, porque esta es una oportunidad increíble. 19. Introducción a la creación de un sitio web de portafolios: en esta sección, nos vamos a centrar exclusivamente en construir tu portafolio, si todo este curso fue solo para que pudieras aprender a hacer WordPress para tu propia página web. O si quieres aprender a convertir esto en más de un trabajo de pago donde estás creando sitios web para otros clientes. De cualquier manera, un portafolio va a ser el siguiente paso para que puedas presumir de tu trabajo. Entonces lo que vamos a hacer es descargar el tema saliente de WordPress porque creo que este va a ser el tema más fuerte para mostrar un portafolio que he visto actualmente. Entonces eres bienvenido a desviarte y hacer otra cosa. Pero así es como construiría mi página web de portafolio. Voy a empezar saltando al bosque temático, así que ve al tema forzado Dot net y luego en la taquilla de búsqueda. Escriba en saliente, y debería ser lo primero que aparezca. Haremos click en este tema, y si aún no lo has seguido junto con cuando volvimos a tener el tema X, si quieres hacer esto, si quieres hacer esto, me encanta que te sigas. No tienes que hacer esto de ninguna manera, pero de nuevo, así es Así es como hice mi cartera. Yo sólo quiero mostrarles exactamente lo que hice. Así que adelante y compra este tema si estás listo para ello. Ya lo he hecho. Y así en mi sección de descargas de mi perfil, tengo el tema sobresaliente de WordPress, y ya he ido adelante y lo he descargado. Entonces lo que tengo aquí son todos los archivos de documentación e instalación en esta carpeta zip . Así que haga doble clic en eso y abra esto. Tengo mi licencia sobre mi información de datos. Tengo el tema de mi hijo, que aprendimos en la última sección. Tengo mi guía de usuario, que es súper útil para mostrarte cómo instalar todo. Y entonces también tengo el tema principal sobresaliente. Entonces ahora que tenemos todas las piezas, sigamos adelante y encendemos otro sitio. Entonces voy a saltar al local. Daré clic en el botón más aquí abajo para agregar un nuevo sitio, y llamaré a éste un plano sobresaliente. En realidad voy a usar el plano que hice en la última sección sólo para empezar. Pero si recuerdas, en realidad salvamos esto con el extremo. Entonces va a tener todas esas páginas que hice, pero también va a tener todos los ajustes configurados de la manera que necesitan ser, y va a tener el extremo. Por lo que haremos un poco de limpieza aquí en la actualización o el plano. Entonces de esa manera tenemos opciones para ambos temas. Voy a dar click en admin y voy a saltar a la apariencia y luego ir a los temas y ves que tenemos instalado el tema X. Vamos a seguir adelante y darle a esto el tema sobresaliente. Entonces haz click add new upload seem, y voy a empezar con la vela principal ian dot zip. El motivo por el que empiezo con ese primero es porque este es el tema principal de los padres. Entonces esto va a tener todo lo que necesitamos para que funcione el tema. Y luego haremos el tema del niño último. Entonces de esa manera, cuando todo esté hecho y me dé la opción de activar, solo puedo hacer clic, activar, y ese tema infantil estará listo para salir. Por lo que en lugar de hacer clic, active esta vez haremos clic en volver a los temas. Haremos clic, agregaremos nuevo tema de subida y dejaremos caer ese tema infantil ahí Ahora haz clic en Instalar, Todo bien, y una vez que eso esté hecho, vamos a dar clic, Activar. Y ahora mi tema infantil sobresaliente es el tema activo. Entonces hagamos un poco de limpieza aquí. Tenemos algunas cosas que ver. Este tema tiene algunos enchufes que vienen con él y que requería para que funcionara. Por lo que tienes que conseguir que se instalen esos. Y mientras estamos en esta página de temas, sigamos adelante y limpiemos estos temas que no estaban usando. Por lo que voy a dar click en 2017 1er eliminar click Aceptar, click en el tema X. Golpeará, eliminará y luego haga clic en Aceptar, y quiero mostrarle algo realmente rápido. Nota al margen. Si intento activar este tema infantil sin un tema de padres, notarás que conseguimos este mensaje de temas rotos aquí abajo porque de nuevo, el tema hijo no funcionará sin los temas padre archivados. Entonces, de todos modos, solo quería señalarte eso realmente rápido para mostrarte por qué tenemos que tener ambos. Vamos a reactivar el tema infantil sobresaliente y voy a eliminar este X archivos aquí abajo. Está bien, así que ahora los temas salientes están listos para salir. Sigamos adelante y saltemos y haremos clic en esto y empezaremos a instalar el botón Plug ins. Y aunque quiere que instale woo commerce, no voy a estar usando esto para el sitio de portafolio. Entonces esto es extra y no tengo que instalarlo. Ya verás por aquí que dice requerido para este destacado compositor visual y dice, recomendado para rue commerce. Entonces de nuevo, soy un gran fan de no poner más de lo que necesitas, así que no queremos desbaratar nuestros archivos ni tener ningún otro problema que pudiera surgir. Entonces no estamos consiguiendo comercio de rastrojos ahora mismo. Daremos click justo aquí y pulsaremos Instalar para el compositor visual saliente. Y cuando todo eso esté hecho, deberíamos estar en buena forma. Vamos a hacer un par de cosas más. Voy a bajar a la aparición y luego dos menús. Y debido a que instalamos una nueva costura, necesito decirle qué menú usar. Ya teníamos ese menú configurado, pero tenemos que decirle dónde queremos eso. En estos temas específicos. Voy a dar click en Menú de navegación superior y presionar Guardar menú. Ahora cuando salte a mi sitio. Deberíamos ver que tenemos nuestro menú al otro lado. Y actualmente todo lo demás está en buena forma. Obviamente tenemos mucho trabajo que hacer, pero esta es una buena base y un buen lugar para salvar nuestro proyecto. Entonces lo que voy a hacer es saltar de nuevo al local. Voy a dar click derecho en el plano saliente y voy a dar clic en Guardar como Blueprint. Entonces esta vez por el nombre del plano, solo voy a llamar a esto saliente Lo que salvó blueprint. Y ahora, si quiero gastar un nuevo sitio con tema sobresaliente, podemos hacer clic en el botón nuevo plus y luego agregar el plano saliente para ello o tengo ese blueprint de mis derricks que tenía el extremo Si quiero ir por ahí Muy bien, este es un gran lugar para parar. Tenemos destacada puesta en marcha. Tenemos un nuevo plano creado para cuando sigamos adelante y vamos a hacer en. La siguiente lección es ver cómo importar parte del contenido demo desde saliente para que puedas ver cómo hacer tu portafolio rápidamente 20. Cómo acelerar tu flujo de trabajo con el contenido de la demostración de demostración: todo bien. Obviamente viendo dónde estamos hasta ahora, no es tan impresionante. Entonces vamos a saltar al tablero y te mostraré cómo tirar de contenido demo con saliente. Entonces con el extremo. Si recuerdas que tenía un poco de X aquí arriba y te darás cuenta con saliente. Lanza su propio menú tipo de mitad de camino por la barra lateral. Entonces otro indicador de cómo los diferentes desarrolladores piensan de manera diferente cuando crean sus temas. Por lo que puedes hacer clic aquí o sumergirte a la derecha en uno de los subelementos del menú. Si quieres, vamos a bajar a Demo Importer. Entonces haga clic en eso. Y ahora puedes ver tenemos un montón de contenido demo que podemos traer a nuestro sitio. En realidad hay muchas opciones geniales, así que definitivamente tómate el tiempo para echar un vistazo a estas. Lo que vamos a hacer ahora mismo, sin embargo, es importar esta cartera mínima. Así que adelante y haga clic en importar demo y haga clic en Aceptar, y lo que está haciendo ahora es que en realidad está descargando cualquier imagen y todos los archivos de contenido que necesita para crear esta demo por lo que podría tirar de algunas imágenes de fondo. Pero he notado algunas de las imágenes aire solo gris positor. Por lo que de nuevo, dependiendo de tu velocidad de Internet y en la que hagas clic Demel, podría tardar un tiempo. Podría ir bastante rápido, así que dejaremos que este tipo de hacer lo suyo muy rápido, está bien. Y una vez hecho eso, podemos saltar de nuevo al sitio principal y veremos que la navegación que habíamos configurado originalmente está funcionando. Te darás cuenta, aunque la página principal no se ve bien, y tampoco hace nada más todavía. Entonces vamos a echar un vistazo a por qué voy a volver a mi tablero de instrumentos. Y primero bajemos a la apariencia y luego a los menús. Y ahora te darás cuenta de que tengo seleccionar un menú para editar. Si hago clic en esto, hay otro menú aquí ahora. Por lo que trajo en su propio menú para el tema, así que voy a dar clic en ese menú de portafolio mínimo. Ah, haga clic en seleccionar, y ahora ese será el menú Por aquí en mi estructura de menús, me desplazaré hacia abajo y elegiré este menú de navegación superior y presionaré Guardar menú. Ahora se rebotó de nuevo al sitio principal, y te diste cuenta de que nuestras páginas están en el aire correcto ahora. Entonces si hago clic en la página sobre es la página real sobre para nuestro tema, pero nota. Tenemos todos estos códigos cortos y toda esta galimatía, así que echemos un vistazo a eso. Volvamos a saltar a nuestro tablero y esos son los enchufes. Vayamos a ver qué está pasando ahí. Entonces lo que tenemos que hacer es que todavía tengo algunos remanentes del otro plano. Todavía tenemos este tapón de piedra angular. Desactivemos eso Eso fue una cosa ex tema. Voy a seguir adelante y pegaré. Eliminar Haga clic en Aceptar en. El compositor visual saliente está instalado, pero en realidad aún no está activo. Así que vamos a dar click, Activar Y ahora vamos a echar un vistazo a nuestro sitio. Haga clic en la página sobre que se ve mucho mejor. Demos click en nuestra página de contacto, y eso se ve mucho mejor también. Entonces ahora volvamos atrás y vayamos a nuestra configuración y luego bajemos a leer y apaguemos la última publicación en la página principal y en su lugar convertirla en una página estática. Haga clic en eso y vayamos a elegir nuestro portafolio Home Dash Minimal y haremos clic para guardar cambios. Volvamos a saltar por aquí y echemos un vistazo y eso se ve mucho mejor, acuerdo, para que puedas ver de inmediato que este es un portafolio bastante impresionante. Tiene algunas animaciones realmente sutiles que parecen si arrastro mi ventana más pequeña, se puede ver que es responsive, cual es impresionante. Muy bien, estamos un paso más cerca de nuestro portafolio. Entonces ahora sigamos adelante y taladremos cómo personalizar nuestro sitio en el siguiente video. 21. Actualiza el nombre del sitio web y elimina el logotipo predeterminado: Ahora que tenemos instalado este hermoso sitio web y el contenido demo, empecemos a hacerlo nuestro. Voy a empezar con el logo sólo porque eso es una simple victoria. Si no tienes logo, está bien. En el siguiente video, te mostraré un consejo rápido sobre cómo crear algo que satisfaga tus necesidades a medida que avanzas . Pero por ahora, sigamos adelante y saltemos al tablero de nuestra página web una vez que estemos ahí a mitad de camino por el costado. Ya que estamos usando el tema sobresaliente para esta demo, todas las opciones sobresalientes bajo esta pestaña personalizada aquí. Entonces tenemos nuestra configuración general y todo tipo de cosas, y aquí es donde va a pasar la mayor parte de tu estilo. Si estás usando este tema, dependiendo del tema que utilices, probablemente verás algo como esto o bajo apariencia. Es posible que veas personalizar, y puedes entrar ahí también. Entonces esto es algo donde vas a tener que hacer un poco de búsqueda y descubrimiento por tu cuenta. Pero de nuevo, cuando compras un tema o descargamos un tema, suelen tener documentación. Entonces otra vez, aquí es donde empezaría. Voy a venir aquí y puedes empezar a dar clic y solo explorar todas las diferentes opciones y literalmente simplemente empezar a hacer clic en cosas y golpear. Guarda los cambios, rebota de nuevo a tu sitio web y ve qué cambia. Entonces aquí es donde vas a tener que pasar un poco de tiempo para familiarizarte con cualquier tema que estés eligiendo. Por ahora, saltemos al logotipo, y resulta que sé que eso está debajo de la pestaña de navegación del encabezado. Entonces voy a dar click ahí y ya verás sobre esta pestaña para logo y estilismo general. Entonces si tienes un logo, todo lo que tienes que hacer es dar click en este botón de subir y tirarlo ahí arriba y dar click Seleccionar aquí abajo y luego estará ahí. Entonces puedes agregar una versión retina donde sea exactamente dos veces el tamaño de tu logo. Para las pantallas de alta densidad, puedes decirle exactamente qué alturas van a ser. Hay algunas otras configuraciones que deberías conocer aquí abajo, pero de nuevo, sólo una especie de desplazamiento y ver qué hace cuando estés listo golpea guardar cambios y tu logotipo estará en vivo. Ahora bien, si no tienes logo. Basta con hacer clic en el botón de apagado. Aquí haremos clic, guardar los cambios. Y ahora quiero ocupar mi lugar aquí. No quiero perder en lo que estoy trabajando, Así que voy a mantener presionada la tecla de comando en un Mac. Puede mantener presionada la tecla de control en el PC y luego hacer clic que abrirá una nueva pestaña para usted. Esto es realmente útil porque entonces puedo ver los cambios que he hecho en este caso. Tengo mi sitio como el título en lugar de un logotipo. Pero también puedo rebotar de nuevo dedo del pie donde tengo esos cambios ocurriendo. Por lo que de esa manera puedo activar y desactivar rápidamente las cosas guardar los cambios, rebotó de nuevo a la otra pestaña. Refrescar. En este caso, por lo general me acabaría de golpear comando están en un Mac. Creo que el atajo es F cinco en una PC, pero sin importar, solo refresca la página y puedes ver esos cambios a medida que suceden. Entonces así es como cambiarías el logotipo. Realmente sencillo hacerlo adelante y empezar con eso. Ahora, si lo tienes diciendo, sigamos adelante y apaguemos esto, vamos a salvarlo volver aquí. ¿ Podría el mando ahora? Dice Mi vista. Digamos que eres lo que querías que dijera otra cosa. Eso es un cambio rápido. Volvamos a saltar hacia Dashboard. Bajemos a Configuración General y al título del Sitio. Vamos a cambiarlo por lo que sea que sea tu nombre Y hagamos del lema mi costumbre. En realidad, hagámoslo así. Cartera de diseño gráfico vendrá aquí abajo y golpeará cambios de guardar. Rebote de nuevo al sitio de la vida cuando veas que ahora tiene mi nombre en la parte superior izquierda. Tan real simple de hacerlo Adelante y haz ese cambio ahora en tu sitio. Si estás siguiendo y en la siguiente lección, te mostraré un consejo rápido sobre cómo crear tu propio logotipo personalizado para entrar aquí si aún no tienes uno 22. Cómo hacer un logotipo simple y personalizado: Si ya tienes un logo file toe trabaja con siéntete libre de saltarte este video. No obstante, te voy a mostrar un par de consejos que podrían ser de utilidad en el camino sin importar en qué trabajes . Entonces lo que voy a hacer es que acabo de tomar una foto de una firma falsa en un pedazo de papel blanco . Acabo de dibujarlo con un marcador Sharpie. Utilizo mi iPhone para tomar la foto, y esta es la foto que obtuve de esa. Bastante básico. Bastante simple. Entonces siéntete libre de dibujar tu logo o bosquejar tu nombre o lo que quieras hacer, pero solo hazlo sencillo. Hazlo rápido. Entonces lo que voy a hacer con esto es ir adelante y agarrar esa foto que acabo de tomar y compartir En realidad usé el airdrop en un Mac. Pero puedes enviarlo por correo electrónico a ti mismo o enviarte un mensaje a ti mismo ¿Qué? Si quieres hacer, voy a arrastrar ese archivo fotográfico justo sobre el icono de mi tienda de fotos. Estoy asumiendo como diseñador gráfico, probablemente tengas acceso a la tienda de fotos. Si no lo haces, probablemente puedas hacer algo similar en cualquier software de diseño que utilices. Pero esto es lo que voy a dio Tengo mi capa aquí. Voy a golpear comando J para saltar eso en una segunda capa aquí, voy a volver a dar clic en esa capa de fondo y voy a llenarla con un Ault verde brillante Date para llenarlo con este color de primer plano que ya tenía. Entonces ahora cuando hago estos cambios, puedo ver qué pasa. Lo primero que voy a hacer es subir mis niveles. Entonces el atajo para eso es comando l desde niveles. Voy a traer un poco mis blancos, y voy a bajar mis oscuros para realmente crujir eso hacia abajo. Y, ya sabes, podría dejarlo un poco porque me gusta eso. Puedo ver algo de la textura del marketing aquí. En realidad se ve un poco genial. Entonces tal vez voy a retroceder un poco eso y recordarle aún más a los blancos y te voy a mostrar cómo esto puede funcionar para ti en tan solo un momento. Entonces una vez que consigues eso donde estás un poco feliz click, ¿ OK? Y ahora lo que voy a hacer es hacer doble click en la capa Ahora, no hagas click en el nombre Y no hagas click en la miniatura tipo de click off a un lado aquí , y esto va a abrir tu estilo de capa y este pequeño slider esta mezcla si es va a pasar toda la magia. Entonces estamos tomando esta capa actual, la que tiene mi firma falsa en ella, y la vamos a fregar un poco a la izquierda, y va a ocultar cualquiera de los tonos más claros. Y yo podría hacer lo mismo con los oscuros si quisiera. En este caso, podría fregar los tonos oscuros y ahora el negro se esconde. Pero lo que quiero es esta firma negra en la parte superior. Entonces lo voy a arrastrar y se puede ver si hago zoom por aquí que todavía tengo un poco de blanco alrededor de los bordes. Ahora esto no importa demasiado para lo que vamos a hacer a continuación. Pero si quisieras mezclar eso incluso Mawr, puedo mantener presionada la tecla del altar y hacer clic y arrastrar en este slider blanco, y empezará a sacar algo de los blancos. Pero deja atrás algunos de los grises para que veas una especie de conseguir eso lavado. Mira por dónde sale ese verde. Por lo que podría gustarte eso para tu firma. Simplemente depende de lo que vayas a buscar. Voy a dar click. OK? Y ahora, técnicamente, eso es solo un estilo de capa. En realidad no cortó el blanco. Entonces la forma en que lo sé es, si fuera a aplicar, como una sombra de gota o algo así, haga clic en Aceptar, por movimientos hacia un lado. Aplica una sombra de gota a todo ese cuadro. ¿ Qué? No queremos que haga eso. Lo que quiero hacer es en otra capa justo encima de esto, esta capa de firma falsa, voy a mantener la tecla de comando para seleccionarlos a ambos. Esa es la tecla de control en la PC. Y ahora lo que voy a hacer es llegar a capas fusionadas. Ese es el comando E. Y ahora lo que se hace es que básicamente ha destrozado esas dos capas juntas. Pero cualquier cosa que fuera transparente, en realidad cortó. Entonces ahora si aplico una sombra gota, verás que en realidad sigue la firma, lo cual es genial. No quiero agregar una sombra de gota, sin embargo, pero lo que sí quiero hacer Aquí es donde es realmente genial ya que ahora puedo cambiar el color de esta cosa. Déjame mostrarte cómo. Si hago click en este pequeño botón de transparencia de bloqueo, voy a dar click en eso. Ahora sólo podré afectar a alguno de los píxeles reales que tienen contenido en ellos, pero no tocará nada que sea transparente. Entonces así es como esto es útil. Digamos que quieres cambiar el color a otra cosa. Cualquier otra cosa voy a dar click en cualquier tipo de color. Consigue mi primer plano de esa manera y voy a pegarle a Ault. Eliminar, y llena el primer plano, y solo llena los píxeles que tienen datos de píxel. Entonces eso es lo que hace este candado, para que puedas cambiar fácilmente el color. O tal vez lo escribiste en un agudeza azul porque eso es todo lo que podías encontrar. Bueno, podrías hacer click y arrastrar aquí abajo, hazlo oh, Arfield. Llena tu color de primer plano de negro y ahora pulsa borrar de nuevo para llenar mi primer plano de negro. Entonces lo único que tengo que hacer ahora es enderezar esto, así que tengo a mis gobernantes en ello. Comando son si no los ves o vas a ver y encienden tus gobernantes para que yo pueda arrastrar una guía hacia abajo. Voy a dar clic en esta capa y tipo de conseguirla cerca comando T o t controlado en PC, y arrastraré este pequeño punto de anclaje justo aquí arriba. Entonces ahora cuando giro o curva esto, puedo ponerlo en línea recta. Entonces ahí está tu firma. Ya estamos listos para irnos. Ahora tengo que hacer es solo exportar esto. Entonces lo que voy a hacer ahora es apagar esta capa de fondo y subir aquí a imagen abajo para recortar y en realidad creó este atajos personalizados. Por lo que probablemente no veas esa causa uso este atajo todo el tiempo, pero haga clic en recortar. Y ahora lo que puedo hacer es recortar píxeles arriba abajo izquierdo y derecho basados en píxeles transparentes . Entonces cualquier cosa que sea transparente, lo recortará a eso. Entonces si hago clic en Aceptar, lo recortará todo el camino hasta aquí. Ahora, debe haber algo aquí abajo que no pueda ver con mi propio ojo. Entonces lo voy a hacer es solo golpear la letra m para obtener mi selección de marquesina y voy a dar clic y arrastrar sobre como así va a golpear la tecla delete. Voy a dar clic y arrastrar yo sólo un comando do. Fuiste rápido en de seleccionar click y arrastrar aquí abajo y presionar la tecla de borrar una vez más, asegurándome de que hago eso en esta capa. Comando D. Probemos esa imagen. Recorte. Atajo otra vez. Ahí vamos. Y ahora lo recortó de nuevo hacia abajo. Entonces ahora lo que tenemos que hacer ¿Es sólo exportar esto para que realmente podamos usarlo ahora? Si miro esto, sin embargo, y miramos por mi regla, puedo ver esta imagen es de unos 1200 pixeles anchos. Eso va a ser enorme. Volvamos a saltar de nuevo a nuestro sitio Web muy rápido. Y si quería ser así de grande, sólo voy a hacer un cambio de comando de captura de pantalla en el número cuatro o hacer clic y arrastrar. Por lo que mi logo era de este tamaño. Puedo ver que tiene unos 166 píxeles de ancho por 55 píxeles de alto, así que sólo voy a conseguir este otro en ese parque de bolas. Entonces hagámoslo. Alrededor de 150 píxeles de ancho, golpeo la llave del mar para que mi herramienta de cultivo suba aquí y la cambie, Teoh. 100 y 50 píxeles por. Voy a borrar porque no me importa lo alto que sea. Yo sólo quiero ser tan alto como el logo, y voy a reventar esto un poco. Crunch esto un poco y voy a golpear la tecla de retorno. Y echemos un vistazo a lo que está pasando aquí arriba. ¿ De acuerdo? Por lo que todavía tengo estos datos de píxel aparecen. Voy a borrar eso. Voy a poner 72 por 72 pixeles por pulgada retorno una vez más. Ahí vamos. Y voy a mandar en la tecla número uno. Parece que va a ver, y luego al 100% sólo para que pueda ver lo grande que se convirtió eso. Está bien, genial. Entonces ahora ya estamos bien para irnos. Yo sólo tengo que exportar. Entonces lo que voy a hacer es ir a archivar a exportar. Y solo haré una exportación rápida como archivo PNG porque soporta transparencia. Llamaremos a este logotipo y lo tiraré justo en mi escritorio. Por lo que es fácil de encontrar cuando subo esto. Ahora quiero mostrarte un consejo o truco más cuando estés trabajando con gráficos web. Encontré este sitio genial llamado Tiny P y G, y lo que hace es que comprimirá tus imágenes. Entonces si voy a mi escritorio y miro ese archivo local que acabo de exportar en este momento son sólo cuatro kilobytes,lo cuatro kilobytes, cual es minúsculo, y eso es impresionante. Entonces de verdad, no me voy a hacer esto mucho más pequeño. Pero si era una imagen de encabezado grande o si tu logo tal vez era un archivo un poco más grande , puedes dejar esto justo aquí y lo va a comprimir y puedes ver que en realidad todavía lo hizo. Alrededor de la mitad es grande, lo cual es impresionante, porque ahora se cargará aún más rápido. Será una de las primeras cosas a poco mi página web. Entonces tengo ese logo listo para salir. Voy a saltar de nuevo a mi página web. Iremos al tablero abajo dos salientes abajo a la navegación del encabezado. Volveremos a encender el logo para mi sitio y sigamos adelante y subirlo aquí mismo. Ahora aquí es donde me tomaría el tiempo para poner un texto de Ault. Esto ayuda para la optimización de su motor de búsqueda. Ayuda a Google y otros motores de búsqueda. Encuentra tu sitio para que puedas simplemente nombrarlo. Pon tu nombre ahí o lo que quieras, pero esto te ayudará a que te encuentres cuando las personas busquen tu sitio. Entonces si sigues haciendo esto mientras subes imágenes, esto te ayudará a largo plazo. Haga clic en Seleccionar. Y ahí está mi logo basado y en realidad voy a subir exactamente el mismo para mi logo de retina también. Y volvamos a saltar de nuevo a la tienda de fotos muy rápido. Voy a golpear el comando A para resaltar todo el, um, lienzo. Y si voy a ventana abajo a info, se abrirá aquí mi paleta de información, y puedo ver que el ancho es de 150 en la altura es de 70. Entonces si quisiera, podría cortar eso por la mitad y tener esta sea mi versión completa de retina. O podría hacer otra versión que tenga 300 píxeles de ancho por 140 píxeles de alto y después que haga las matemáticas por mí. Pero por ahora mismo, por el bien de solo hacer esto, voy a dejarlo en paz. Ahorra cambios. Y vamos a ver cómo se ve bien esto. Entonces ahí está mi firma, y de nuevo se puede ver que es bastante pequeña. Entonces volvamos a saltar por aquí y cambiemos esa altura local a 70. Ahora déjalo ir. Deja que 70 píxeles de altura golpeen, guardar cambios saltará de nuevo por aquí y comando hit son para refrescar mi página. Y ahí está. Ahí está mi firma personalizada, y se ve bien. Ahora hay una cosa más que quiero mostrarte. Si estás en cualquier otro sitio web, probablemente habrías terminado en este punto. Pero el tema saliente en realidad soporta múltiples versiones del logotipo. En la razón por la que Si fuera a dar clic aquí abajo en alguno de estos artículos de cartera, ya verás que están pasando un par de cosas. Uno. Tiene una enorme imagen de cabecera, que hablaremos en la próxima conferencia. Cómo hacer thes. Pero también notaste logo aquí arriba. El viejo logotipo saliente sigue ahí, y aquí te explicamos por qué. Si vuelvo a saltar al tema saliente y vuelvo bajo saliente, abajo a la navegación de cabecera y luego hago clic en esta pestaña de transparencia, la navegación tiene transparencia, soporte, y cuando el duende es transparente te da un par de opciones de o logotipos, Así que este sería mi logo de inicio. Entonces, cuando llegas por primera vez a una página, ¿qué está apareciendo aquí? Y en este caso, es un logotipo saliente blanco. Entonces cuando oscurezca, ¿qué va a ser? Y ya había subido estos. Por lo que estos airean la versión oscura. Entonces lo que necesito hacer es crear una versión blanca o ligera de mi logo para páginas como esta real simple de hacer, voy a saltar de nuevo a la tienda de fotos. Tengo esta capa seleccionada. Simplemente voy a asegurarme de que todavía esa transparencia bloqueó caliente la letra D para obtener mis muestras de color por defecto por aquí. Voy a conseguir que la letra X cambie. Entonces de esa manera mi color de primer plano está al frente. También podrías simplemente hacer clic en estas flechas de aquí para cambiarla. Ahora lo voy a hacer es golpear Ault borrar. Y ahora mi logo está en blanco, así que voy a seguir adelante y guardar esto muy rápido. Tendremos expediente. Bajaremos a exportar rápido como PNG y llamaremos a este logo dash white, y luego volveremos a nuestra página web de nuevo al menú saliente, y sigamos adelante y subamos la versión blanca muy rápido. Acude a mi escritorio. Vamos a tirar eso ahí y de nuevo darle algo de texto, bien, y ahora está subido para la versión retina también. Guardaremos nuestros cambios. Saltar de nuevo a nuestra portada aquí lo recargará. Ahí vamos. Eso se ve genial, y eso es más o menos. Entonces en el siguiente video, echemos un vistazo a cómo podemos personalizar la tipografía y los colores para empezar a hacer este partido nuestra marca. 23. Cómo cambiar las fuentes: Cambiemos tus fuentes para que coincidan con nuestra marca. Y mientras estamos aquí, sigamos adelante y actualicemos este texto en la parte superior sólo para Así, tiene sentido. Es una victoria rápida. Voy a dar click en Editar página y voy a ir derecho a este bloque de texto. Voy a dar click en la herramienta lápiz en lugar de saludar. Yo soy Phil. Cambiémoslo por cualquiera que sea tu nombre. En este caso, es Derek. Soy un diseñador gráfico sobre Callis Bell Montana. Está bien, lo dejaremos en ese golpe. Eliminar. Tenemos que golpear guardar aquí abajo en la parte inferior, y luego también tenemos que actualizar por aquí a la derecha. Y ahora cuando volvamos a esa página principal muy rápido, basta con hacer clic en ver página, y eso está todo luciendo nítido. Entonces sigamos adelante y sumérjase en ustedes fuentes. Entonces voy a volver a mi tablero y voy a volver al menú reparador saliente. Y aquí abajo tenemos este menú tipográfico, así que voy a dar click en eso, y ahí es bastante sencillo. Cajas desplegables, por lo que es realmente fácil de cambiar. Pero cómo sabes cómo se ve la culpa, Bueno, todos estos están siendo sacados de fuentes de Google. Por lo que si te limitas a Google fuentes, encontrarás que vas a fuentes dot google dot com y verás todas las fuentes que están disponibles para que puedas desplazarte y encontrar cualquier cosa que quieras usar que te guste. Entonces digamos que yo también quería actualizar mi navegación . No lo sé. ¿ Qué tal Playfair? Lo que podría hacer es ahora que veo cómo se ve, saltar de nuevo por aquí, voy a dar click en mi menú desplegable y sólo voy a teclear en play fair. Y ahí está justo ahí. Voy a dar click en eso. Es seguro y saltemos al sitio en vivo. Y así, mi navegación está actualizada, así que eso es realmente fácil, Y muchos temas nuevos son de esa manera. Hacen que sea realmente fácil subir y cambiar tus fuentes. Una cosa que consideraría ya que estás jugando con fuentes y tipografía para toda tu página es apegarte a dos fuentes siempre que sea posible. Entonces lo que eso significaría es que tendrías como una fuente de pantalla. Entonces tal vez algo que uses para tu navegación principal y tus encabezados, y luego tendrías tu fuente de copia corporal, algo que probablemente sea más simple y fácil de leer en un sitio web, algo que Sand Saref y yo nunca iríamos más de dos fuentes, porque lo que sucederá es que empezará a lucir realmente desordenada y tu marca se verá realmente desarticulada. Así que quédate con dos fuentes por ahora, para aquellos de ustedes que quieren más control sobre sus fuentes. Y si ya te suscribiste al photoshop e ilustrador y en diseño toda la suite creativa, debes tener acceso a type kit. Entonces si tienes un tipo kit dot com, hay, ah, toda otra biblioteca de fuentes que están disponibles para ti. Y esto está un poco fuera del alcance de esta conferencia en este momento. Pero cuando inicies sesión, te mostrarán cómo instalar type kit en tu sitio web para que puedas elegir aún más fuentes toe work con OK en el siguiente video, echemos un vistazo a cómo personalizar las imágenes de encabezado 24. Crear una imagen del héroe de la página casual y los encabezados personalizados: en esta conferencia, vamos a echar un vistazo a la creación de una imagen de encabezado personalizada para su sitio web. Por lo que no importa qué tema uses ni qué estás construyendo. Poner un nuevo cabezal, un gráfico o una imagen de deslizador en tu sitio web cambiará drásticamente. Ah usuarios. Primera impresión de su sitio. momento tenemos este sitio de portafolio realmente limpio, mínimo, que es genial pero sobresaliente en realidad soporta el uso de imágenes de encabezado. Entonces de nuevo, si hago click en una de estas piezas del portafolio, ya ves que podemos tener esta imagen de pantalla completa en la parte superior. Lo que voy a hacer es volver a la página principal y hacer clic en Editar página y se puede ver que si me desplazo aquí abajo, tengo la opción de agregar un fondo de imagen para el encabezado de página. Si hago clic en subir ahora mismo, sólo voy a tirar uno aquí. Eso ya está ahí va a golpear, seleccionar, y voy a golpear actualizar página de vista rápida, y se puede ver que eso cambia drásticamente su primera impresión del sitio. También verás que ese logotipo blanco que lo hicimos cambió automáticamente el logotipo utilizado porque ahora está usando un menú de navegación transparente. Está bien. Entonces lo que quiero mostrarles es cómo iría a diseñar un gráfico de cabecera para mi página web en photoshop. Por lo general lo que hago es ir a pixeles p e x e l s dot com y simplemente buscar cualquier tipo de imagen, o probablemente tomar la mía propia de mi propia cámara. Pero en este caso, podrías buscar aquí y encontrar todo tipo de imágenes geniales. Entonces es fingir que esta era una imagen de mi propio escritorio que tomé. Podría hacer clic descarga gratuita, y lo descargaría en una nueva pestaña. Todo bien, dar click y dar click en copiar imagen. O simplemente podrías golpear, guardar imagen como y ponerla en algún lugar seguro, como en tu escritorio o en una carpeta desde la que estés trabajando. Seguiremos adelante y copiaremos. Esta imagen saltará a la tienda de fotos, y voy a hacer un nuevo documento. Qué archivo nuevo. Y esto es algo que quiero señalarlo. Ya sabes, realmente depende del tema que estés usando y cuál sea tu objetivo final y quién va a estar usando tu sitio web. Pero típicamente lo que hago, hago el ancho de mis imágenes alrededor de 2000 píxeles de ancho y la altura que cambia con frecuencia. Pero vamos a ponerlo 500 píxeles por ahora mismo yo creo, y se puede ver que se trata de un gráfico más de un slivered. En saliente. Tengo la opción. Volvamos a saltar por ahí muy rápido. Haremos clic en editar página cuando me desplace hacia abajo, tenga la opción de hacernos un encabezado de paralaje, y también puedo hacer que sea una altura de pantalla completa. Entonces si vas a hacer eso, vas a necesitar una imagen mucho más grande. Por lo que mirando la imagen del encabezado de página para este sitio, sugiere 1600 a 2000 píxeles de ancho en una altura mínima de 4 75 Si hago clic en altura de pantalla completa y eso es bueno y previsualizar cómo sería eso, puedes ver que voy a necesitar un imagen mucho más grande para ese trabajo del dedo del pie. Entonces esto solo depende de cómo quieras trabajar y qué vas a hacer. Muy bien, volvamos a la tienda de fotos y digamos que quería hacer esto más grande. Puedo golpear opción de comando en la letra C, que abre el tamaño de mi campus y puedo cambiar mi altura en lugar de ser 500. A lo mejor. Hagámoslo de 700 píxeles de altura. No hago click. OK, ahora, lo que puedo hacer es o bien golpear el comando V para pegar esa imagen que tengo aquí y la razón por que aún estaba en mi portapapeles. Fue porque había hecho clic derecho en ese archivo de píxeles y hago clic en copiar imagen. O podrías abrirla desde donde dices hacer tu escritorio. De cualquier manera, no importa. Voy a golpear comando t en esta capa que acabamos de traer y bajar mi imagen para que quepa . Ahora bien, esto está bien, pero si fuera a tirar esto ahí arriba, en realidad sería una especie de telón de fondo de distracción. Entonces lo que vamos a hacer, hay algunas maneras en que podemos trabajar. Voy a crear una nueva capa por encima de ella. Y digamos que quería trabajar con tal vez este color verde por aquí para mi biblioteca. Selecciono eso y lleno mi color de primer plano. También borra para llenar el frente. Y ahora lo voy a hacer es simplemente recorrer algunos modos de mezcla diferentes para ver lo que más me gusta . Así que asegúrate de tener esta capa seleccionada en la letra V para obtener tu herramienta de selección. Y ahora vamos a darle la tecla de turno y el signo más. Y lo que eso va a hacer es que va a recorrer por todos estos modos de mezcla aquí abajo . Entonces es turno hit plus solo a tipo de ciclo a través y ver qué me gusta. Ya sabes lo que no quise decir para este rojo, pero eso en realidad es una especie de color fresco. Podría dejarlo así, pero hablemos con por aquí para que veas cómo tener el verde en la parte superior interactúa con la capa de abajo. Pero eso podría no ser suficiente para ti. Entonces, ¿qué? posible que consideres hacerlo, ajustándolo de nuevo a la normalidad y arrastremos esta capa hacia abajo. Seleccionaré esta capa de imagen y comando J para saltar cortarla. Por lo que tengo una versión de la misma. Si no me gusta lo que hago, básicamente, básicamente, sólo clonarlo, voy a volver a dar clic en esta capa y ahora y golpear comando shift en la letra tú, que de satura mi imagen que debería estar sobre descuidado ver imagen ajustes abajo a de saturar. Entonces ahí es donde conseguí ese atajo de todo bien. Ahora lo que vamos a hacer es cambiar el modo de mezcla de la capa de imagen, y resulta que sé que eso se multiplica. Probablemente nos va a dar la mejor opción. Por lo que voy a dar click en eso y se puede ver que obtenemos una bonita imagen de cabecera. Pero va a estar lo suficientemente oscuro como para que no supere todo lo demás en la página web. Entonces ahora lo voy a hacer es seguir adelante y exportar esto. Por lo que ven a presentar estado de ánimo y exportar. Esta vez, en lugar de elegir un PNG, voy a ir a exportar como la razón por la que es que esto es una imagen tan grande. Quiero más controles sobre el tipo de exportación de archivos. Entonces de esa manera realmente puedo reducir el tamaño del archivo, por lo que no toma mucho tiempo cargarlo en el sitio web. Voy a dar clic a exportar como y ya puedes ver en este momento. Si no toqué nada, este archivo va a ser de 660 kilobytes y tal vez no tengas ninguna referencia de lo grande que es eso . Pero eso es bastante grande. Tendería a quedarme por debajo de 300 kilobytes si es posible cuando hago que mis sitios web típicamente quieran exportar esta calidad. Todo lo dijo dedo del pie 70% o tal vez incluso menos que eso. Veamos qué hace eso por el tamaño de nuestro archivo, así que eso lo hace alrededor de 198 kilobytes, lo cual está bien, es Es algo donde tipo de necesidad de prestar atención a qué navegador acelera probablemente tu mercado objetivo usando y qué más tienes en tu sitio web porque no quieres que la gente tenga que esperar a que se carguen los gráficos. Entonces, si hago zoom en esto, puede ver que comprimirlo hacia abajo en realidad no hace daño a esta imagen en absoluto. Realmente no puedo decir que se haya comprimido, así que tal vez podría ir aún más lejos que eso. Probemos el 50% y veamos qué pasa, y en ese momento todavía se ve bastante bien, y un tamaño de archivo es de solo 107 kilobytes, así que estoy contento con eso. Voy a seguir adelante y hacer clic en exportar todo. Simplemente llamaremos a este encabezado en toda mi exportación de escritorio, y esto es algo en donde aún puedes levantar ese diminuto sitio web P y G que te mostré en la conferencia anterior y puedes comprimir tu cabeza o imagen aún más abajo. Y te recomiendo encarecidamente que hagas eso. Porque a pesar de que Photoshopped es un trabajo realmente bueno de comprimir la imagen, quieres que sea lo más delgada y una pequeña de un tamaño de archivo como sea posible. Entonces voy a arrastrar esa imagen para mi escritorio hacia arriba a esta pequeña zona de caída en la minúscula P y G va a comprimirla. ¿ Y sabes qué? No conseguimos tanto, pero siguen siendo ocho kilobytes salvados. Así que adelante y golpea Descargar aquí mismo. Lo tirará a mi pila de descargas. Y ahora volvamos a saltar de nuevo a nuestra página web. Daré clic en Editar página desplácese hacia abajo hasta la parte inferior. Vamos a ir al fondo de imagen, y voy a dar clic en el botón quitar subir justo aquí, abajo de esa imagen y vamos a dar clic en subir, subir otra imagen, que es la que acabamos de crear. Y de nuevo, no olvides agregar todo texto gravado o descriptivo. Si tienes algo que agregar para tu sitio, solo de nuevo tratando de ayudar a tu sitio a ser encontrado por Google u otra búsqueda en los motores de búsqueda, y luego otra opción que podemos hacer es volver a hacer clic en esta opción de Parallax Header, esto está en sobresaliente, pero lo que va a hacer es agregar un efecto de profundidad realmente fresco a medida que te desplazas. Entonces sigamos adelante y guardemos eso a la vista cómo se ve eso ahora. Entonces ahora tenemos esa imagen a tamaño completo, y a medida que me desplaza, ya ves, tiene el efecto paralaje, donde el fondo se mueve a una velocidad diferente a la del primer plano y otros elementos de página . Es bastante guay, y eso es más o menos así como faras la imagen del encabezado. Por supuesto, si tienes más habilidades de diseño, podrías agregar muchos más elementos a esto. Podrías hacer cosas como que va a agregar una nueva capa, conseguir mi herramienta Grady int por aquí haciendo clic en arrastrar y tal vez hacer que sea una multiplicación. Por lo que como que da un poco de filo quemado aquí. Podríamos hacer mucho más. Podríamos agregar texto. Podríamos agregar más imágenes y volvernos locos con ello. Pero en este momento todo lo que estamos tratando de lograr es solo un elemento de diseño sutil que tipo de ayuda a construir nuestra marca y construir la historia detrás del sitio web, y eso es más o menos todo. Sé que esto es algo bastante sencillo, sobre todo Si ya eres diseñador gráfico, debes saber crear tus propios gráficos. Pero espero que esto te ayude a encontrar formas sencillas de agregar algo más de interés visual a tus diseños . Y no importa lo que el musing, ya sea el predeterminado 2017 actualmente en WordPress o incluso cualquier otro bote de sitio web desde ahí fuera , casi todos te dan una opción para agregar un gráfico de cabecera. Y si estás en WordPress y estás usando un tema diferente y tal vez no tenga la opción de un gráfico de encabezado como este, no lo olvides. Puedes agregar la revolución del deslizador, enchufar también, y agregar mucha más funcionalidad para crear esos gráficos impresionantes para tu sitio. 25. Cómo configurar tu portafolio: en esta conferencia, sólo vamos a ver algunos ajustes de cartera en el tema saliente. Entonces lo que quiero mostrarles es actualmente la página principal. lo que instalamos, tiene básicamente elementos de página por defecto, y luego tiene el portafolio que carga abajo. Entonces la forma en que funciona ahora, si hago clic en editar página arriba aquí arriba, se puede ver que la forma en que esto está funcionando. Tiene el enchufe del compositor visual, y tiene estas secciones aquí, y tiene este elemento de portafolio agregado a él. Puedo hacer clic en la herramienta de lápiz, y puedo cambiar exactamente en qué categorías está tirando. Puedo controlar cómo el diseño está controlando muchas cosas aquí. Voy a seguir adelante y golpear, guardar cambios, porque puedes revisar esto por tu cuenta ahora si yo quisiera. Si vuelvo al sitio principal, notarás que realmente no tenemos un enlace de portafolio. Pero si quisiera crear mi propia sección de portafolio y que la página principal sea más básica o tener texto en lugar de imágenes o lo que sea, podría eliminar esa sección y crear una nueva página solo para el portafolio. Entonces si vengo aquí a Nuevo y hago clic en Page, puedo hacer una pagina de portafolio. Capitaliza eso, y luego lo que haré. No tengo que hacer nada aquí en medio. En realidad hay una plantilla construida en el tema saliente. Voy a venir aquí, click en ese desplegable y elegir Portfolio, y ahora todo lo que tengo que hacer es golpear. Publicar. Si tuviera vista Page, se puede ver que tengo un portafolio totalmente dinámico construido sobre la configuración predeterminada desde dentro . Saliente. Ahora no aparece en el menú. Si quisiera, podría volver aquí a los menús, y es la última página que acabamos de añadir. Entonces haga clic en eso y agregue al menú, tal vez arrastre esto hacia arriba en el lugar y golpee guardar. Y así como así, agregué una página de portafolio personalizada a mi sitio web también. Entonces eso es algo que quizá quieras hacer dependiendo de cómo quieras que sea tu diseño, y luego lo siguiente que quiero mostrarte es que si nos desplazamos hacia abajo, puedes ver que tenemos configuradas estas categorías. Entonces si hago clic en anuncios o aplicaciones o branding diseño gráfico. Todos los proyectos barajan según en qué se encuentra su categoría. El modo en que eso funciona es bonito es bastante sencillo. Volveré a hacer clic en mi panel y bajaré al menú de portafolio y luego aquí abajo tenemos categorías de proyectos, así que haré clic en eso. Y se puede ver aquí es donde hemos creado estas categorías, y por aquí podemos ver cuántos proyectos diferentes pertenecen a cada uno. Entonces si hay algo aquí dentro que no quieres más como categoría, podría simplemente golpear, eliminar, o puedo agregar una nueva categoría todos juntos. Entonces tal vez quiero agregar diseño Web como categoría agregar nueva categoría de proyecto, y ahora el diseño Web estará aquí, y automáticamente creó una babosa. Entonces notan que no tuve que tratar de poner eso por aquí y otra vez. El baboso es sólo la versión amigable chica del nombre. Entonces es lo que pone en la dirección cuando vas a esa categoría diferente. Entonces todo lo que tenía que hacer es poner el nombre hit, agregar nueva categoría de proyecto y luego si quería, volvamos a nuestro sitio principal aquí, y echamos un vistazo a estas categorías. Te darás cuenta de que aún no aparece. Y la razón por la cual es si hago click en alguno de estos. Actualmente no tenemos ninguno de ellos apareciendo como uno de esos ítems de la categoría, así que voy a editar alguno de estos. No importa qué, pero haré clic en la categoría Diseño Web en uno de estos proyectos en actualización. Y ahora cuando vuelva a esa página principal porque tenemos un proyecto que contó con diseño Web , ahora aparecerá esa categoría. Ahora que ya sabes configurar el portafolio y cambiar algunos de los ajustes básicos, veamos realmente el post en sí, las páginas reales de portafolio y cómo trabajar. Con eso, voy a volver a Jim a mi tablero. Y si vuelvo a esta pestaña de portafolio, haré clic en eso y te darás cuenta de que cuando esté en el tap principal de cartera, podrás ver todas las diferentes piezas de portafolio que entraron cuando instalamos el contenido demo . Entonces si estás listo para crear tus propias cosas y no necesitas esto como guía. Podrías hacer clic en la casilla de verificación en la parte superior, ir a acciones a granel y se trasladó a la basura. Después haz clic en aplicar, y tiraría todos estos a la basura y podrías empezar de cero. otra cosa, podrías hacer ya que estás como poniendo los pies debajo de ti y algo de acostumbrarte a cómo funciona esto es solo seguir adelante y dar click en cualquiera de estos y simplemente empezar a ingeniería inversa cómo tienen configurada cada página. Entonces ya que este es un post bajo la categoría de portafolio y nuevamente por aquí, podemos controlar la categoría específica a la que pertenece, y podemos agregar múltiples categorías de ustedes quieren actualizar realmente rápido. Voy a golpear a ver post, y se puede ver que cada post tiene un diseño diferente abajo abajo. Entonces, a medida que te desplazas por todos estos proyectos y ves lo que te gusta, quizás puedas empezar a añadir en tu propio contenido en su lugar. Entonces a medida que me desplaza hacia abajo más hacia abajo hacia abajo, se puede ver que tiene este siguiente botón de proyecto que es un predeterminado integrado en este tema. Pero puedo volver en Click Edit Portfolio item, y aquí tengo este compositor visual. Entonces si quisiera, puedo reorganizar cualquiera de estas cosas. Haga clic en Rag Aiken, ADM. O Elementos. Da clic en ese botón más y hay muchos más elementos como imágenes, textos, título animado, muchas cosas que puedes agregar aquí. Entonces eso va a ser algo que vas a tener que decidir qué quieres hacer por tu cuenta. También podríamos agregar plantillas como aprendimos al inicio de este Siri's donde podrías pasar por un anuncio, cualquier tipo de elementos como toda esta categoría de proyecto. Entonces digamos que quieres mostrar algo con estos iPhones como muestra. Podrías hacer clic en eso, y esta galería habilitada para cuatro toques visibles se agrega todo el camino hasta la parte inferior. Entonces aquí está esa galería en la que puedo hacer clic y arrastrar esa de nuevo a la parte superior. Digamos que quería ser lo primero que ven todos los cambios bonitos muy rápido y ahora en un scroll hacia abajo. Eso es lo primero que vemos ahora no sumó las imágenes esta vez, pero de nuevo, esto va a ser algo que vas a querer poblar con tus propias imágenes. De todos modos, la única otra cosa que realmente quiero mostrarles es si nos desplazamos hacia abajo debajo de los propios posts , se puede controlar lo que las imágenes destacadas, y eso va a ser lo que el equipo use ya que muestra miniaturas y tal. Entonces eso es algo donde puedes agregar tu imagen de característica ahí. También hay configuraciones adicionales abajo abajo, por lo que podrías convertirlo en un artículo completo con cartera. Puedes convertirlo en un elemento de cuadrícula de contenido personalizado. Se puede cambiar la imagen en miniatura personalizada. También puedes controlar, si el tamaño del artículo de mampostería, si eso es ancho, alto, regular Entonces qué significa eso. Volvamos a la página principal muy rápido mientras me desplaza hacia abajo. Por lo que esta es amplia esta plaza. Este es alto para que puedas controlar si tu imagen es alguno de estos diseños. Por lo que encaja mejor con lo que sea el proyecto. Entonces espero que eso te ayude a tener una buena comprensión de cómo sumergirte y actualizar tu portafolio con el tema sobresaliente 26. Cómo añadir video en bucle a tu fondo de sitio web: bien chicos, en esta lección, quiero mostrarles cómo agregar un video al fondo de su página web. Creo que es una tonelada de diversión de hacer y realmente agrega mucho interés visual y puede elevar con bastante facilidad el aspecto y la sensación de tu sitio web sin un montón de trabajo. Entonces al igual que ves en la pantalla en este momento, tengo una pantalla completa mientras que más bien no pantalla completa. Pero va a los bordes completos del navegador Web, este video aquí y a medida que me desplaza, tiene un efecto de paralaje y tenemos algo de texto HTML sentado encima de él. Te darás cuenta, y luego cuando nos desplazemos hacia abajo el resto del sitio simplemente se parece a cualquier otro sitio web . Entonces lo que vamos a hacer en este video están en esta lección es aprender a caer en un video como este. Entonces otro ejemplo solo para tal vez darte algunas ideas más. En este caso, sólo tenemos el título sobre la parte superior. Pero en este otro sitio web aquí creé para un podcast. Usamos el video de introducción que usaron en YouTube al que en realidad le hice este video, um de todos modos, así que tenemos este video sentado en el fondo, y luego encima está este logo que diseñé como archivo PNG. Entonces es transparente. Tenemos algo de texto HTML, y luego si hago clic en el botón, se desplaza hacia abajo y es interactivo. Por lo que tenemos algunos elementos interactivos sentados encima del video. Y de nuevo, creo que esta es una tonelada de diversión y solo una manera tan fácil de agregar tanto valor a tu página web . Entonces sigamos adelante y sumérjase, y quiero señalar que ambos de estos sitios web están usando el tema saliente de WordPress. Mi sitio web también utiliza el tema saliente de WordPress. Simplemente estoy muy cómodo con él, y realmente lo disfruto. Pero la mayoría de los editores Web modernos y la mayoría de los nuevos temas que estás viendo ahora para WordPress te permitirán hacer fondo de video. Entonces, um, adelante y seguir adelante para poder mostrarte algunos de los consejos, trucos y cosas que realmente evitar en el camino solo para una especie de ayuda prepararte para el éxito. Y creo que podrás aplicarlos a casi cualquier tema que uses, pero de nuevo, para este estamos usando saliente. Entonces la otra cosa para empezar. Adelante y descarga el video adjunto a esto si quieres seguir o usar ese video. Pero si quieres crear tu propio video, tal vez para tu propio sitio web personal o para tal vez otra empresa o cliente, realmente te recomiendo la suscripción en Votto Elements. Yo uso esto para todos mis activos creativos. Últimamente, lo he estado disfrutando de verdad. Tienen todo tipo de artículos, desde video de stock hasta música hasta gráficos a fotos. Fonz. Me refiero a todo tipo de cosas. Realmente no puedo recomendar esto lo suficientemente alto. Entonces, um, todos modos, echa un vistazo. Es bastante guay si subes aquí y solo buscamos Opener, que es lo que estamos haciendo. Básicamente, um, vengo aquí abajo y hago clic en plantillas de video, y vamos a dar click en la lupa pequeña para buscar. Ya verás que tenemos más de 9000 plantillas de video abridor, así que solo tienes que pasar, encontrar una que te parezca genial, descárgala y luego deja caer en tus propias fotos de tus propios videos y crea tu propio Ah, abridor dinámico. bastante cool. Entonces Ah, una cosa que quiero señalar Ellos sí tienen diferentes aplicaciones soportadas. Entonces si estás cómodo o familiarizado con los efectos posteriores, por ejemplo, entonces tal vez quieras buscar por eso. He notado que la mayoría de los realmente geniales se han hecho en after effects. Pero hay algunos realmente buenos para premier también. Entonces solo encuentra lo que te gusta, haz clic en él y luego podrás descargarlo y luego reemplazar el metraje por el tuyo propio. Tan bastante sencillo. Y muchos de ellos tienen tutoriales integrados sobre cómo editar esas plantillas. Entonces una vez que termines con eso, una vez que tienes un video que quieres caer en segundo plano, recomiendo en cualquier lugar desde como, ya sabes, cinco segundos a 30 segundos de largo solo trataban de agregar rápidamente algunos interés visual aquí. Entonces consigue tu video, y luego lo siguiente que queremos hacer es en realidad hacerlo así. Este video se puede dejar caer en este sitio web, así que déjame seguir adelante y mostrarte cómo se ve esto en el back-end. Entonces de nuevo, estoy usando saliente y se va a ver un poco diferente, dependiendo del tema que estés usando. Pero haremos clic en editar en esta página, y aquí están pasando algunas cosas diferentes. Por lo que tenemos el constructor de páginas de panadería WP, y es solo una forma de poder arrastrar y soltar tu contenido. No estoy demasiado preocupado por eso en este momento, pero si hacemos clic en esta herramienta lápiz en este fondo en este contenedor esta fila, si me desplaza hacia abajo, nota que puedo agregar una imagen de fondo o incluso puedo bajar aquí y dar click en habilitar fondo de video. Y en cuanto lo haga, tengo la opción de usar un video de YouTube. Tu l así que básicamente acude a ti a encontrar algún video. En ese punto. Sabes que tienes que hacer un video. Podrías simplemente pegar la U. R L aquí hit save changes y los videos se van a reproducir automáticamente. Pero eso depende de que tengas que tener una cuenta de YouTube o una forma de agarrar un video que quieras usar. La otra forma es hacer lo que llamamos auto alojado para que realmente subas tu archivo de video en tu sitio web de WordPress y alojado desde tu propio sitio web. Entonces para hacer eso, necesitamos tres tipos de archivos diferentes. Necesitamos un archivo Web M. Necesitamos un archivo MP cuatro y necesitamos un archivo nog V. Básicamente, son sólo el mismo video, pero diferentes tipos de archivos. Si estás familiarizado con los gráficos regulares, piensa en como un archivo J peg o PNG o PDF o un regalo para el archivo Jeff. No obstante lo quieras decir, todo lo que estamos haciendo es solo crear la mayor, um, el más soporte, dependiendo de qué navegador esté usando la gente, ya sea safari o chrome o Firefox o algo así de lo contrario. Por lo que al tener todos estos diferentes tipos de archivos, dependiendo del navegador Web que esté usando tu visitante, es lo suficientemente inteligente como para servir el tipo de archivo que necesiten. Entonces espero que eso tenga sentido, y eso es lo que vamos a hacer ahora mismo. Vamos a tomar este video y vamos a lo tengo aquí mismo. Mis descargas. Entonces es sólo abrir esto. Este es un video 42, y es solo esta secuencia abridor que obtuvimos de elementos involucrados y luego dejamos caer en nuestro propio metraje para que sea relevante para nuestro sitio. Muy bien, entonces vamos a seguir adelante y usar este video, pero para ello notará aparecer en el nombre del archivo. Se trata de un punto mp cuatro archivo. Entonces lo que necesito hacer es venir aquí a una página web que uso llamada Dash convert online. Y ahí probablemente haya mejores versiones. Si sabes de un comentario que va a continuación, también hay enchufes para Premier. que pudieras buscar, uh oh gv Premiere Pro. Y vas a ver algunos diferentes cómo convertir toe GV y las inversiones Web con Premier. Por lo que de forma predeterminada, Premier no admite estos tipos de archivos en cuanto, como, solo exportarlo rápidamente. Entonces por eso tenemos que usar este convertidor de video online. Está bien, espero que rastreen conmigo. Sigamos adelante y entrémonos en esto y solo veamos cómo funciona. Por lo que vamos a dar clic en esta opción de convertidor de video. Vamos a bajar aquí y dar click en el formato objetivo, así que el 1er 1 se dio Vamos a hacer la versión Web M. Realmente no importa porque tenemos que convertir unos cuantos diferentes redirigirán a la página del convertidor Web M. Escogeremos el archivo y vayamos a agarrar ese archivo de video. Haga clic en Abrir y lo va a subir y luego procesarlo. Verás el progreso aquí y luego cuando Una vez que esté en la carga, solo podemos hacer clic aquí en el botón de inicio de conversión. Está bien, así que una vez hecho eso, subiendo todo lo que necesito hacer es hacer clic en iniciar conversión o si quieres, puedes desplazarte hacia abajo y verás que tenemos algunas opciones diferentes. personal, nunca realmente me meto con esto. Pero si lo quisieras, puedes recortar diferentes formas y puedes cambiar el tamaño de la pantalla. Pero en este caso, solo estoy tratando de rectizar, convertirlo a un tipo de archivo diferente. Haremos click en eso, y ahora mismo se está descargando el video. Es un cued el video, y está trabajando en procesarlo. Cuando todo esté hecho, se lo va a tirar automáticamente a tus descargas. Está bien. Entonces terminó de convertir mi archivo, que originalmente era de unos 60 megabytes, y te darás cuenta de que esta versión de Web M es de solo 12 lo cual es impresionante, porque va a estar tirándolo hacia abajo en unos sitios Web que queremos cargar de inmediato . Por lo que tener un mucho más pequeño va a ser impresionante. Entonces ahora ya lo tengo hecho. En realidad puedo hacer clic en el botón verde de descarga, pero ya lo tiró a mi pila de descargas y se ve la falta aquí abajo. Pero necesito volver a convertir el archivo original. Entonces acabamos de hacerlo. Déjame solo doble comprobación. Hicimos la inversión web. Por lo que vamos a volver a hacer clic en este archivo original de conversión. Botón. De esa manera no tengo que volver a subir el archivo. Nos desplazaremos hacia abajo que vamos a ir al convertidor de video, y vamos a ir a O G V. Haga clic en eso, y vamos a hacer clic, empezar la conversión y volver a hacer todo el proceso. Está bien, Así que el archivo O G. V está hecho, y te das cuenta de que éste es un poco más grande. Son 40 megabytes, pero se descargó automáticamente a mi pila de descargas. Si no lo ves, deberías poder hacer clic en el botón verde de descarga. Y en el último tipo de archivo de video que necesito. Si vuelvo aquí y verifico dos veces, verás que hicimos la Web M o G. V y ahora necesitamos un archivo MP cuatro. Entonces en realidad es el archivo de video con el que empezamos. Pero voy a dejar que el conversor online se enchufe y lo vuelva a hacer, solo para ver si podemos comprimirlo un poco más. Por lo que se carga aún más rápido. Entonces voy a ir a convertir archivo original otra vez, volver abajo el convertidor de video, y luego queremos el MP cuatro. Haremos clic en eso y haremos clic en iniciar la conversión una vez más para que empiece el MP para archivo, está bien. Y el archivo MP cuatro es de sólo 28 megabytes en lugar de 60. Entonces eso es impresionante. Está bien. Tenemos aquí los tres formatos de archivo de video con los que necesitamos trabajar. Ahora, lo que tenemos que hacer es realmente meterlos en nuestro sitio web de WordPress. Entonces para hacer eso, aquí está mi flujo de trabajo. No necesariamente la mejor manera de hacerlo. Justo como he descubierto para hacer esto en esta instancia. Entonces lo que vamos a hacer es volver a la página web donde la edición iba a bajar a los medios aquí en la barra lateral. Porque lo que esto busca es la u. r L Bueno, ¿cómo siquiera encuentras la URL de este archivo? Aquí te dejamos cómo. Lo que vamos a hacer es venir a los medios de comunicación. Voy a mantener pulsado el botón de comando cuando haga clic. Si estás en un PC, mantienes presionado el botón de control y haz clic y se va a abrir este enlace en una nueva pestaña , lo cual es impresionante. Y ahora puedo subir el video. Entonces ya lo he hecho una vez, y ya verás que tengo los archivos de video aquí. Entonces, por el bien de acelerar esto, lo que vamos a hacer es que sólo vamos a dar click en este archivo de video. Haremos el 1er 1 para cantar. Mira, lo que podemos hacer es una de un par de cosas que podría simplemente agarrar este video que hicimos esta Web m click y pasar el cursor sobre esta cualquier parte de la ventana y solo soltarlo. Se va a subir automáticamente. Y, ah, una vez que eso esté hecho, te darás cuenta de que tendrá Ah, miniatura así y puedo dar click en esto y te darás cuenta por aquí puedo copiar el enlace. Todo este enlace aquí es para el activo mediático que acabamos de subir. Tan triple click y ahí para resaltar todo. O simplemente haga clic en el botón copiar link y luego saltar de nuevo a este portafolio. Adam, déjame. De acuerdo, entonces conseguí a Thea la versión Web M. Muy bien, vamos a saltar de nuevo aquí. Vamos a ir a la web y archivar tu l y bueno, paseé por ahí. Ahora, necesitamos el expediente MP cuatro, Earl. Entonces volveremos aquí y sólo podemos cambiar de ida y vuelta. Vamos a seguir adelante y agarrar este MP cuatro archivo triple haciendo clic aquí. Copiarlo, pegarlo ahí y luego último es este archivo oh, gv. Volveremos aquí y encontraremos que aparece gv de este balanceo de ida y vuelta. O podríamos cerrar esta ventana y simplemente hacer doble clic de nuevo ahí dentro. Ese es él haciendo eso. Ah, bueno, triple click copia el enlace y pegarlo en. Están bien. Entonces lo último que probablemente queremos hacer es en una imagen de vista previa de video. Entonces la forma en que esto funciona es digamos que alguien está en una conexión lenta a Internet y el video no empieza de inmediato. Se va a mostrar primero la imagen de vista previa antes de que salte al video. Entonces es bueno tener solo para que no estén viendo una pantalla blanca. Entonces vamos a saltar por aquí, voy a ir a mi mediateca, y sólo voy a seleccionar una imagen que ya he subido sólo por el bien de hacer esto aquí, y luego nos desplazamos hacia abajo. Tenemos algunas otras opciones, pero vamos a dejarlo así por ahora. Voy a dar clic, guardar los cambios. Vamos a dar clic en actualizar, y luego vamos a hacerlo. Y en realidad debería señalarlo normalmente daría clic en los cambios de vista previa. Pero el servidor que estoy usando en este momento tiende a cobrar todas mis cosas que hago todos los cambios. Entonces cuando hago clic en los cambios de vista previa, eso no aparece para mí por alguna razón. Pero la mayoría de las veces hago clic en los cambios de vista previa. No me limitaría a actualizarlo sin mirarlo primero, pero en este caso, uh, iba a hacer click update. Está bien, así que voy a ver el post. Deberíamos tener dos videos tocando ahora. Deberíamos tener el de la parte superior que tenía originalmente. Y si me desplaza hacia abajo, es realmente confuso ver, pero notarás que tengo un fondo de video detrás de este otro contenedor también. Entonces así es como caes en videos, al menos, uh, específicamente con saliente y WordPress. Así lo harías tú. Pero lo más importante, señalar es solo cómo convertir tus archivos a esos otros formatos web y cómo hacerlo así como otra forma que puedes hacer eso es a través de caer en un enlace de YouTube como te mostré al principio de esta lección. Entonces voy a seguir adelante y volver a editar este artículo de cartera y vamos a seguir adelante y despojar esto porque no lo quiero en esa sección. A ver. Fue justo aquí cuando haga clic en esto y acabaremos de eliminar estos enlaces y ese fondo desaparecerá. Saquaremos un video o esa foto. Haremos click, guardaremos los cambios y lo actualizaremos. Y entonces ese video será retirado del contenido. Pero si voy a mis medios, te darás cuenta de que esos activos siguen sentados en mi mediateca. Si alguna vez quise usarlos de nuevo en otro spot de la página web, así que la única otra cosa que quiero señalar solo para realmente tipo de tirar hacia atrás la cortina y mostrarte todo terminó en este sitio web específico. Si vuelvo ahora mismo a la escuela de la página de inicio, así que iremos aquí e iremos a este proyecto o veremos el proyecto. Entonces tenemos el video en la parte superior. Desplácese hacia abajo. Todo se ve bien. Ese video ha sido removido. Está bien, voy a editar este artículo de cartera y solo quiero señalarlo. Si estás usando saliente cómo caerías en ese video. Por lo que tenemos nuestra sección de constructor de página principal. Voy a seguir adelante y cerrar esto, y si nos desplazamos hacia abajo, te das cuenta que en realidad la configuración del proyecto. Esto se debe a que estoy trabajando específicamente dentro de un tipo de post de cartera en este momento. Entonces así es como estoy viendo esta opción. Y si me desplazo todo el camino hacia abajo, también tengo la configuración del encabezado del proyecto. Entonces hice lo mismo que te acabo de mostrar, pero esto es específico del encabezado. Por lo que caí en el archivo web m. Dejé caer en el archivo MP cuatro en el archivo GV y la vista previa activé la opción de encabezado Parallax . Por lo que se desplaza con esa animación de paralaje. Hice una pantalla completa. Acabamos de encender eso aquí. O podríamos establecer la altura del encabezado de página. Si sí quieres que sea a pantalla completa, aquí tienes un ejemplo en el que solo podría hacerlo decir, 350 píxeles. Órgano alto. Enciéndalo aquí mismo para estar a pantalla completa. Si actualizo esto, volveremos a esta página una vez más para ver el post, y sólo deberíamos ver unos 350 píxeles de video. Veamos cómo lo hicimos. Muy bien, Así que ahora eso es mucho más delgado en lugar de hacerse cargo de toda la ventana, que quizá prefieras hacerlo de esa manera en su lugar. Por lo que de nuevo, dependiendo del tema que lo utilices, es posible que tengas diferentes opciones. Pero al menos ahora ya sabes dónde buscar y cómo convertir esos videos para caer. Los hombres son chicos. Si tiene alguna pregunta, por favor comente a continuación. Además, si fui demasiado rápido, sé que me emociono. Hablo bastante rápido. No olvides que es un video. Puedes repetirlo si te perdiste algo en particular, Pero espero que hayas aprendido mucho. Y ojalá eso fuera súper útil para ustedes chicos. Muy bien, Gracias por ver 27. ¿Por qué añadir un blog y qué es lo que es?: ¿ Qué es un blawg? Bueno, en esta sección, lo vamos a instalar en tu página web. Y así antes de sumergirnos, solo quiero desmitificar esto. Yo lo sé. su mayor parte, probablemente sepas realmente lo que es un blawg, pero no quieres pensar más que realmente todo lo que es un blawg es solo una colección de artículos. No es nada elegante. No tiene que ser Cotizar un blawg. No tienes que usar WordPress. Podrías hacerlo con páginas HTML estáticas. ¿ En serio? Todo es una colección de artículos que están en orden cronológico inverso. Por lo general, la publicación más reciente aparece primero. Entonces con WordPress, en realidad podemos programar nuestras publicaciones, y podemos hacer algunas cosas bastante lujosas. Pero de nuevo, si sabes codificar una página Web lo que tienes que hacer es agregar otra página y agregar algunos enlaces , y esencialmente, has creado un blogger o tu colección de artículos. También organizamos nuestros blogs con categorías y etiquetas. Esto ayuda a que se vuelvan más fáciles de usar así como a mejorar nuestra optimización de motores de búsqueda . Qué razón al siguiente punto hace que el blogging realmente ayude a s CEO o optimización de motores de búsqueda , yo diría que sí y no. Entonces, sí, porque por su misma naturaleza es sólo una colección de artículos. Entonces en cualquier momento que tengas más contenido en tu sitio web, va a ayudar con la optimización de motores de búsqueda va a ayudar a los motores de búsqueda como Google siendo Yahoo, lo que sea, les va a ayudar a encontrarte. Es realmente en publicar contenido regularmente, por lo que podrías hacer esto solo agregando páginas. No necesariamente tiene que ser un blawg. Lo bueno de un blogueado, sin embargo, es que ese ordenamiento de las categorías y etiquetas y todos los posts en remolque un spot lugar de añadir una tonelada de páginas, solo ayuda a mantenerlo limpio y no estar tan desordenado. Entonces ahí es donde es realmente útil. Y, honestamente, es sólo lanzar una red más amplia para que los motores de búsqueda lo encuentren. Entonces de nuevo, estás agregando mucho más contenido, mucho más texto, que luego da a esos tipos motores algo para descubrir realmente y luego mostrar a las personas que lo están buscando. Entonces la otra forma en que esto realmente ayuda, sobre todo con WordPress, es que tienes estas construidas hechas una etiqueta. Entonces tus títulos, tus descripciones, tus palabras clave que agregamos, como en las imágenes destacadas, cuando subimos el logotipo en unas pocas conferencias atrás donde agregamos eso todo el texto. Eso entonces le da bien a Google de nuevo cualquier buscador, algo por descubrir. Entonces ahí es donde realmente sucede la magia. Como faras, está ayudando a tu CEO. Otra cosa son los enlaces de página en general, que los motores de búsqueda pueden seguir. Entonces cuando aterrizan en esa publicación y tienes otras categorías en tu barra lateral u otros enlaces que luego lo dejan arrancar y gatear y descubrir todas las demás páginas de tu sitio web. El otro pedazo a esto es el buscador amigable que RL's. Entonces cada vez que tenías una nueva página o un nuevo post en WordPress, tu L a. la parte superior sea cual sea tu nombre de dominio sea dot com forward slash cualquiera que sea el título de la página, y esa es una forma más para que los motores de búsqueda te encuentren. Entonces en conclusión, la información que acabo de compartir con ustedes fue en realidad escrita originalmente por John Crenshaw hace unos años, y el enlace está en la descripción aquí. Te animaría a leerlo. Él pasa y le da algunos puntos realmente grandes a esto así como si estás considerando bucear en todo el blogging, visto algunos pasos prácticos y consejos para cómo crear diferentes posts. Cómo llegar a ideas cuándo publicarlas para hacer el máximo resultado para tu esfuerzo. Y por último, son súper fáciles de configurar, sobre todo porque ya estamos usando WordPress, así que vamos a sumergirnos. 28. Ajustes de blog de WordPress: crear un blogger en WordPress es realmente fácil, porque eso es lo que Wordpress tenía la intención de hacer desde el primer día. Entonces lo que vamos a hacer es continuar con el sitio en el que hemos estado trabajando. Y no importa si no has estado siguiendo por pasos te voy a mostrar que trabajarás sin importar qué tema estés usando tanto tiempo como tu propio WordPress. Así que sigamos adelante y sumérgete en nuestro tablero. Y lo que vamos a hacer es crear una página regular. Sólo vamos a llamarlo Blawg. Puedes nombrarlo lo que quieras. Podría ser noticia. Podría ser artículos destacados. No importa cuál sea el nombre. Simplemente vamos a crear una página que albergará todos los posts y post son como páginas. Pero hay post ahí recién designado como en artículo esencialmente, y todos esos posts se van a cargar dinámicamente en cualquier página que le digamos, también. Entonces sigamos adelante y hagamos eso. En primer lugar, saltemos a nuestras páginas. Y cuando creaste tu sitio de demostración, se puede crear una página blawg para ti. Si no lo hizo y aunque lo hiciera. Puedes agregar una nueva página, y de nuevo, puedes llamarla como quieras. En este caso. Ya que aún no tengo un blogueado, sólo voy a llamarlo Blawg. Voy a ir adelante y golpear, publicar, y luego voy a saltar a mi configuración bajará a la lectura. Voy a dar click en eso. Y ahora lo que voy a hacer es decirle a wordpress que mi página de correos es esta página blawg . Por lo que ahora mi post blawg se cargará en esta página, voy a dar clic, guardar cambios. Y ahora voy a volver a mi aparición por dos menús y voy a añadir esa página blawg a mi menú. Daremos clic aquí, haga clic en agregar al menú, tal vez arrastre esto hacia arriba. Por lo que el contacto es la última página allí. ¿ Se guardará menú? Volveremos al sitio en vivo, y ahora tenemos el enlace blawg. Voy a dar click en eso y te darás cuenta que tengo esto. Hola mundo. Por lo que esta fue una de las publicaciones por defecto que se instala al cargar WordPress. Entonces, dependiendo de tu tema, tu estilo podría verse muy diferente. Una forma de que podamos controlar esto con el tema saliente. Si vuelvo a editar página, no tengo una función de plantillas aquí de lado. Algunos temas tendrán eso donde puedes hacer clic un poco desplegable y tendrá la opción para, como, como, portafolio de blogueros pronto controlar qué es esa página. En este caso, vas a querer venir al menú saliente, bajar a Blawg y hacer clic en eso, y luego tendrás más configuraciones de blog que puedes establecer para cómo estás blawg se muestra. Entonces si pasas por aquí cuando controlas muchas cosas desde cómo se carga en la animación hasta el tipo de diseño es si en este caso, es blawg estándar con una barra lateral. O tal vez es un blawg de mampostería donde tiene todas las imágenes. Algo así como Pinterest lo hace. Si guardo esto realmente rápido y volvemos a la página principal y luego hacemos clic en Blawg, eso debería cambiar el diseño. Ahora, este hola mundo no tiene una imagen destacada, así que voy a dar click en este post muy rápido. Voy a ir a editar post y voy a lanzar rápidamente una imagen destacada de nuevo. Para que podamos ver cómo funciona esto. Haga clic en set imagen destacada. Voy a actualizar ese post. Volvamos a la página principal de blawg aquí y ahora puedes ver cómo tira en esa imagen. Entonces, básicamente, si solo miramos lo que hicimos al principio de esto, configuramos una página y le dijimos a WordPress qué página iba a ser nuestra página blawg. Entonces en el siguiente video, voy a hablar un poco más sobre los posts, cómo configurarlos y cómo controlar los ajustes en WordPress. 29. Posts en WordPress en WordPress: en el último video, conseguimos su blog configurado en nuestro sitio de WordPress. Ahora quiero hablar de posts en general. Entonces en este momento estamos en la página del bloque, Volvamos a saltar al tablero y se puede ver eso en la barra lateral. Tenemos esta pestaña de post, así que si hago click en ella en este momento, solo tenemos ésta Hello World Post. Es realmente fácil agregar un nuevo post. Puedo dar click en esto. Agrega nuevo botón aquí. Puedo hacer click, agregar nuevo en la barra lateral o mientras estoy en el sitio y tengo esta barra de opciones en la parte superior . Puedo dar clic en Nueva publicación aquí, así que todos te van a llevar a lo mismo, y esta página va a parecer realmente familiar. Se ve casi exactamente como una página de página regular y estamos de pecho. Entonces en este caso, ¿alguna vez quisiste añadir otro artículo de poste slash? Sea lo que quieras que se llame, podemos agregar un título ahí arriba y notarás que da el enlace Perma o la URL justo aquí . Y hablamos en el primer video de esta sección, donde esto ayuda con la optimización de tu buscador. Por lo que este será el enlace real que sube arriba en tu buscador están en tu tu l en la ventana de tu navegador. Entonces si querías cambiar esto, puedes cambiar esto y convertirlo en algo que sea aún más s CEO amigable y específico para tu tema. Una vez que hayas hecho eso, puedes agregar cualquier textura una aquí y tal vez por el bien de este tutorial solo copiará algo de Epsom caliente ahí dentro. Lauren Epsom. Para cualquiera de ustedes potenciales no diseñadores es solo texto de relleno. Entonces dejaremos eso ahí dentro. Ahora que tengo que puedo seguir agregando más cosas dentro de este post. Entonces si no ves esto, puedes hacer clic en este toggle de barra de herramientas, y puedes agregar aún más estilo o aparecer. Podemos agregar medios. Entonces en este caso, podrías subir una foto si quisieras a Teoh e insertada directamente en tu post donde quiera. También puedes crear tu imagen destacada y como hablamos brevemente en el último video y hacemos algo diferente para que podamos ver qué es eso. El imagen destacada es lo que aparecerá en esa página de blawg. Ahora, dependiendo de tu tema, algunas cosas sacarán esa imagen destacada y en realidad la usarán para el gráfico de cabecera y usarán en muchos lugares a lo largo de tu blawg desde alrededor saliente. También tienes un ajuste de encabezado personalizado aquí donde podemos subir todo lo que queramos para esa página. Seguiremos adelante y seleccionaremos un archivo allí. Podríamos hacerlo paralaje. Podemos agregar todo tipo de cosas aquí, y voy a seguir adelante y publicar esto ahora. En realidad, antes de hacer esa cosa que sí quiero mencionar, puedes guardar un borrador y volver a él más tarde. También puedes editarlo, dependiendo de si tienes un equipo trabajando contigo. O incluso puedes hacer que se publique automáticamente para que puedas crear todas las publicaciones de tu blog en un fin de semana o cuando estés listo para ello y luego programarlas todas se liberen automáticamente en cualquier momento dado. Entonces voy a seguir adelante y pegarle a Publish. Ahora mismo puedo dar click en ver post aquí arriba para llevarme directamente al puesto. Entonces está esa imagen de encabezado que acabamos de hacer mientras se desplaza hacia abajo. Esta fue la imagen destacada. Eso es lo que aparece arriba. Y luego esto fue que en gráfico de línea que dejamos caer ahí. Si vuelvo a mi página principal de blawg, notarás que la publicación más reciente aparece primero. Esperemos que ya estés entendiendo mejor cómo se alimentan los posts a la página de blawg. En la próxima conferencia, vamos a hablar de categorías y etiquetas en WordPress. 30. Categorías y etiquetas: Hablemos ahora de categorías y etiquetas en WordPress. No pienso demasiado esto. De hecho, ya has trabajado un poco con ellos si has estado siguiendo. Cuando configuramos nuestra sección de portafolios con nuestra cartera, también teníamos categorías, pero eran un poco diferentes. Eran, Vamos a ver, aquí teníamos anuncios aplicaciones, branding, diseño gráfico, fotografía y diseño Web. Por lo que todas estas son simplemente categorías, por lo que probablemente sea más fácil mirarlo y pensarlo de esta manera. Cuando hago clic en estas diferentes categorías, cualquiera que sea ese proyecto se filtra en esa categoría. Entonces vamos a hacer lo mismo con nuestro blawg, pero vamos a llevarlo un paso más allá. Entonces aquí tenemos categorías, pero también podríamos agregar etiquetas. Entonces algo que quiero señalar cuando empecé a investigar esto porque ser totalmente honesto categorías y etiquetas no es algo que he usado mucho en mi pasado, porque todavía no soy un gran blogger. No obstante, estoy empezando a serlo, ya que creo más de estos tutoriales para ti. Pero mientras tanto, en realidad tenía que buscarlo porque quería asegurarme de que te estaba enseñando correctamente. Entonces encontré este gran artículo y algo que me pareció realmente interesante. Eso, quería señalar, es que Blawg publicó claramente encaja en una sola categoría. Entonces de nuevo, tu categoría, tu principal cosa de padres en la que vas a ordenar esto por lo que no debería caber en múltiplo. Y el ejemplo que da este autor es recordar jugar con esos bloques de niño que tenías que ponerlo a través del todo, ya sea un cuadrado o un círculo. Su punto es que si es un cuadrado, no va a caber en un agujero redondo a menos que tal vez le golpees con un martillo. Entonces lo que está diciendo es que, como como categoría principal, tu post, solo cabe en uno de esos. Ahora podrías tener un cuadrado rojo en un cuadrado azul y la Plaza Amarilla y todas esas serían etiquetas. Entonces para mí, eso tenía mucho más sentido. Además, su ejemplo es decir, eres blogger desayunador y tienes desayuno. Siento desayunar un blogger de comida, y tienes desayuno, almuerzo y cena y luego dentro de esos podrías tener etiquetas de scroll down tocino agudo mientras o vegetariano, así que espero que eso tenga sentido. Adelante y aplicémoslo a nuestro propio blawg. Entonces lo que voy a hacer es saltar de nuevo a mi tablero y ya verás he añadido un par más post desde la última conferencia. Sólo para que tuviéramos algo con lo que trabajar. Iré a mi panel de control y luego bajaré a los posts, y cuando pase el cursor sobre ripostes, te darás cuenta de que tenemos categorías y etiquetas. Entonces, empecemos con categorías. Como diseñador, podría agregar algo así como tutoriales. Seguiremos adelante y agregaremos eso. Y cuando hago eso, recuerda, recuerda, automáticamente agrega una babosa, igual que lo hizo en la conferencia anterior, donde hablamos de agregar categorías para nuestro portafolio. Y cuando hagas esto, me tomaría el tiempo para agregar una descripción. Por ahora, no estoy simplemente a tipo de moverme a través de este tutorial más rápido, sino de nuevo para la optimización de motores de búsqueda. Y así como una buena práctica, me tomaría el tiempo para configurar su descripción. Déjame añadir un par de categorías más real rapido. Añadamos freelancing, tal vez negocios, y solo llamemos a eso bueno por ahora. Y voy a saltar de nuevo a mi área de postes principales y tenemos esos cuatro posts que acabo de agregar, y en este momento todos tienen la categoría levantada agregar, hace sin tope. Déjame seguir adelante y editar estos ahora sólo porque en ese artículo mencionó que debemos mantenerlo del pie una categoría, y estoy de acuerdo en que todavía puedes aplicar a tantos como quieras. Por lo que WordPress no te limita físicamente de agregar Mauritz. Sólo buenas prácticas. Entonces sigamos adelante y sumamos solo una categoría aquí lo llamaremos tutoriales. Y entonces lo que puedo hacer es en una etiqueta. Entonces aquí mismo, solo agreguemos otra etiqueta llamada Diseño Web. Entonces tal vez esta es una publicación de tutorial de diseño Web Voy a dar clic en agregar. Y eso sumará eso a esto y a este diseño de impresión. Ya se agregó uno de otra cosa que estaba haciendo mientras me estaba organizando para esta conferencia . Entonces por eso eso ya está ahí dentro. Voy a seguir adelante y dar clic en actualizar aquí y ahora cuando vea mi post, dependiendo de tu tema, es posible que no veas nada diferente. Y esto es algo que podemos explorar más en tu configuración, pero a veces verás a continuación puede ser el nombre del autor que verás en este caso tengo la fecha, pero a veces agregará las categorías y etiquetas reales también. Conforme me desplazé hacia abajo, verás que tenemos mi post y luego en la barra lateral, y esto es justo en el tema saliente, y actualmente esto está configurado con widgets. Contamos con nuestra categoría tutoriales y destapar grande arised porque eso es lo que se le ha aplicado a este. Específicamente, Si vuelvo a mi página principal de blawg y me desplazé hacia abajo, notarás que todavía solo tengo estas dos categorías. Y la razón por la cual es porque esos son los únicos dos que existen en mi sitio ahora mismo. A pesar de que ya hemos hecho categorías, en realidad no se aplican a ningún Post todavía. Entonces volvamos atrás y cuidemos eso de verdad rápido. Voy a saltar a postes y ya verás de nuevo. Solo tenemos una categoría rata básicamente nuestra categoría tutoriales, y luego tenemos estos otros default on categorized. Entonces en lugar de hacer clic todo el camino hasta la página, estoy reventando para hacer edición rápida. Voy a dar click en eso. Voy a desmarcar uncanny arised y vamos a añadir negocios a esta actualización. Bajaremos a esto y golpearemos edición rápida. Es hacer que este sea freelance. Vamos a actualizar eso en los últimos vamos a hacer esto. Hola mundo. A ver, tenemos tutoriales, freelance de negocios, en realidad liciosos. Deja este en Categorizado y voy a Click Actualizar. Ahora, cuando vuelva a ver mis publicaciones y me desplace mucho hacia abajo en la barra lateral, verás que tenemos las diferentes categorías y si hago clic en cualquiera de estas, lo filtrará igual que lo hace en nuestro portafolio. Y luego, dependiendo de cómo tengas configurado tu blog, puedes tener tus etiquetas destacadas también. Entonces en este momento, por defecto, no están apareciendo. Pero déjame mostrarte algo muy rápido. Mientras estamos aquí, voy a saltar a mi apariencia y bajar los widgets del dedo del pie. Entonces en este momento, la barra lateral de mi blog que estamos viendo está controlada por todos estos widgets aquí mismo. Y lo que puedo hacer es bajar y tengo este widget de nube de etiquetas. Voy a arrastrarme. Pongámoslo justo debajo de categorías que guarde y Ahora, cuando salte de nuevo a ese blawg y voy a mi barra lateral en la escuela abajo, puedes ver que aparecen las etiquetas que he usado hasta ahora. Entonces si hago clic en esa etiqueta de diseño web, mostrará cualquier post que tenga esa categoría de diseño Web. Por lo que ojalá eso ayude a aclarar qué es una categoría y qué es una etiqueta y WordPress y cómo usarlas. Y la próxima conferencia. Vamos a echar un vistazo a cómo configurar comentarios en WordPress o cómo desactivarlos causa más probable, aún no estás listo para comentarios, y de esa forma puedes evitar que te hagan spam. 31. Comentarios en WordPress en WordPress: Tener funcionalidad de comentarios en tu blawg va a ser realmente útil para el compromiso así como es otra forma de tener s CEO en tu sitio. Es una forma en que Google o Yahoo están siendo, o lo que sea que realmente pueda ver a las personas interactuando con tu sitio web. Por lo que en muchos casos, los comentarios pueden ser algo genial. Y de hecho, así es como puedes obtener mucha más inspiración para qué artículos escribir. A medida que la gente se involucra con tu puesto y puedes ver lo que es popular. No obstante, el lado oscuro de Internet, como saben, son todos los trolls y todos los odiadores que van a publicar cosas negativas, o toda la gente que iba a spam y publicar enlaces a otros sitios que probablemente no quieres destacado en tu página web. Así que vamos a echar un vistazo a los comentarios muy rápido en WordPress y mostrarte cómo controlar eso. Voy a empezar por saltar de nuevo a mi dashboard y ya verás tenemos su pestaña de comentarios en la barra lateral, así que voy a dar clic en eso, y ya puedes ver en este momento cualquiera de los comentarios que tenemos, si tenemos algo pendiente cualquier cosa aprobó cualquier cosa que se haya metido en spam o cualquier cosa que hayas agregado a la basura. Entonces esta es una forma para que veas rápidamente lo que está sucediendo en tu página web Antes de que lleguemos a esta fase, sin embargo, posible que ni siquiera tengas los comentarios activados. O tal vez lo haces cuando los quieres fuera. Entonces echemos un vistazo a cómo controlar eso. En primer lugar, voy a bajar aquí a los ajustes, y voy a bajar a discusión y se puede ver que estos son todos de nuestra discusión . Son ajustes de comentarios. Entonces, a medida que lees todo esto, hay muchas configuraciones diferentes que quizás quieras controlar, por lo que son bastante sencillas para leer lo que son. Pero los que más cambio son permitir que la gente publique comentarios en nuevos artículos o permita notificaciones de enlace desde otros blogs o intente notificar cualquier blawg vinculado desde los artículos. Por lo general tengo todos estos apagados por defecto. Si esto es en cualquier momento que hagas un nuevo post, va a permitir que la gente comente sobre ese post, y normalmente lo que pasa es, si no pretendo que eso esté encendido, entonces voy a conseguir muchos comentarios de spam, y empezará a afectar realmente mi sitio web. Si vas a tener esto encendido, seguro dejaría en comentario debe ser aprobado manualmente. Y de esa manera no va directo a tu página web de inmediato. Al menos de esa manera, entra en esta barra lateral de comentarios donde hay que aprobarlo físicamente antes de que se cargue en esa página Web. Entonces de nuevo, medida que empieces, te recomendaría apagar esto a menos que estés tratando de crear una comunidad atractiva en tu blawg. Ahora digamos que ya tienes un montón de publicaciones blogueadas y olvidaste tener activada esta funcionalidad o viceversa. Digamos que tienes un montón de ellos y todos tienen comentarios encendidos y quieres apagarlos. Bueno, es realmente fácil de arreglar. Se puede venir aquí a los posts, y yo puedo seleccionar todos estos. Iremos a acciones masivas y haremos click, editar, click, aplicar, y luego lo que puedo hacer es aquí abajo bajo comentarios. Puedo hacer click, permitir o no permitir. Entonces en este momento no se les permite en mi blawg. Pero voy a dar clic en permitir y luego hacer clic en actualizar. Y ahora, si salté alguno de estos posts blogueados, y voy a hacer clic en ver post si me desplazo al fondo. Dependiendo de tu tema, deberías ver la respuesta de la licencia o algo similar cuadro en la parte inferior, donde la gente realmente puede hacer clic aquí y escribir un comentario y luego pulsar Enviar. Comentario. Entonces de nuevo, así es como vas a conseguir mucho spam y muchas otras cosas para que podamos hablar de diferentes enchufes que ayudarán a bloquear cualquier contenido de spam. Entonces ahora si me desplazo de nuevo hacia arriba, se puede ver que adjunto a este post es un comentario. Y si vuelvo a mi panel de control y bajo a comentarios, puedo ver que quedó otro comentario, y eso es más o menos en lo que respecta a los comentarios. La única otra cosa que te mostraría es si saltamos a enchufes y hacemos click. Agregar nuevo. En realidad se puede buscar comentario, y se puede ver que hay un montón de enchufes de comentarios diferentes que el aire realmente útil . Uno de los más populares que suele venir por defecto con WordPress es AC se cumple. No sé si estoy diciendo eso ¿verdad? Pero si revisamos más detalles, este es uno al que creo que tienes que suscribirte si vas a usarlo al máximo de su potencial. Pero por lo que he visto, este es uno de los mejores filtros de spam que puedes obtener para tus comentarios en tu bloque de WordPress . 32. Introducción a los formas de contacto: Si has estado siguiendo, tenemos un portafolio. Tenemos un blawg con una página de inicio de asesino. Ahora lo que tenemos que hacer es agregar una página de contacto porque te puedo garantizar que esa va a ser una de las cosas que tus clientes te van a pedir. Y una cosa que probablemente deberías hacer, incluso para tu propio sitio, es crear un formulario de contacto. Esto hace algunas cosas por ti. Una es que protege tu dirección de correo electrónico por lo que no recomendaría poner tu correo electrónico en tu sitio de WordPress a menos que quieras mucho contenido de spam eventualmente cuando te encuentren. Por lo que un formulario es una gran manera de ayudar a proteger eso, así como eliminar los patines de llantas. Y lo que quiero decir con eso es, si vas a ser desarrollador web o diseñador gráfico o algo por el estilo, incluso, solo supongo que incluso, la persona de negocios en general un formulario puede ayudar a ser una barrera para la entrada y especie de puerta. Por lo que de esa manera califica a tus compradores. Entonces en lugar de que nadie pueda simplemente contactarte y hacerle preguntas tontas que sucederán . Ayudará a guiarlos y asegurarse de que sean un comprador que esté listo para su servicio. Entonces, por ejemplo, podrías preguntarte ¿Qué tan grande es tu empresa, o qué? Tu presupuesto de marketing Y tal vez en uno de los drop downs. A lo mejor tienes, como, $1000 como tu compra mínima. Para que lo que no estás consiguiendo, gente que quiere, ya sabes, un logo de 200 dólares o un sitio web de 200 dólares, ¿ verdad? Por lo que el otro bono a este u otro beneficio es dependiendo del formulario de contacto. Lo usas. Enhorabuena, todos esos contactos y todas esas entradas en un solo spot. Por lo que hay un par de formularios de contacto. Te recomendaría el 1er 1 que probablemente ya tengas si has estado siguiendo. Si saltamos a nuestros enchufes aquí, este formulario de contacto siete. Entonces otra vez, si te estás siguiendo. Si tienes tema sobresaliente, creo que tal vez incluso el tema X probablemente instaló esto por defecto. Si no lo conseguiste, es realmente fácil ir a agregar nuevos y enchufes, Buscar contacto Formulario siete regresa y verás que se levanta. Y una de las formas en que sabemos esto es un gran enchufe de nuevo este se actualizó muy recientemente y tiene más de 1,000,000 de instalaciones activas. Entonces entre eso y es alta calificación, ya sabes que ahora es una solución bastante buena. Hay muchos otros formularios de contacto si nos desplazamos por aquí desde diferentes opciones de estilo y otros enchufes. Pero Contact Form siete es, con mucho, el más popular. El otro formulario de contacto son las formas de gravedad. No obstante, este viene con una etiqueta de precio, por lo que sí tienes que suscribirte para usarlo. Pero recomiendo encarecidamente este. Es realmente fácil de usar. Se ve hermoso, y una cosa que me gusta más de las formas gravitatorias versus contacto Forma siete es cómo funciona, y lo que quiero decir específicamente con eso es Contacto Formulario siete básicamente actúa como un intermediario . Entonces alguien entra ahí. Lo llenan en el hit send, y todo lo que hace es disparar un correo electrónico a tu dirección de correo electrónico. Bueno, algo que podría pasar es si no está configurado correctamente, o tal vez tu servidor se apaga o pasa algo raro, lo que me ha pasado antes. Ese correo electrónico no pasa y porque todo lo que está haciendo es enviar un email esencialmente Si no pasa, no se guarda en ninguna parte, así que perderás ese contacto. Y luego tienes gente yendo, Oye, Oye, te envié un correo electrónico y nunca volviste a mí. tanto que la gravedad se forma cuando lo dispara para enviártelo, también lo copia a tu base de datos WordPress. Entonces donde esto es genial es que todos tus contactos a lo largo del tiempo pueden estar en un solo lugar. Entonces si lo quisieras, puedes exportar todo eso como una hoja de valor separada por comas, y podrías subir esos contactos en algo como correo, chimpancé o contacto constante o alguna otra plataforma de email marketing. Por lo que es súper útil para en el futuro. Ahora sí sé que hay algunos otros enchufes que puedes agregar al Formulario de Contacto siete para que haga cosas similares también. Pero son muchos más aros por los que saltar, así que soy un gran fan de las cosas que funcionan bien, que se ven bien y sólo cuidar de las cosas y hacer mi trabajo más fácil. Entonces otra vez, por eso recomendaría altamente las formas gravitatorias. No sólo eso, sino que tanto el tema X como el tema sobresaliente seguramente han construido en elementos. Entonces, ¿qué quiero decir con eso? Si recuerdas, cuando vayamos a alguna de las páginas de aquí, déjame simplemente saltar a una de verdad rápido. No importa cuál. Iré a mi constructor de páginas. Va a ir a añadir un elemento. Déjame teclear esto en muy rápido. Por lo que el contacto Formulario siete ya está instalado, por lo que aparece aquí. Pero si tengo instaladas formas gravitatorias que mostrarán el bien de Oppa, y tiene un estilo personalizado, y también puedes peinarlo tú mismo. Entonces lo que vamos a hacer en la próxima conferencia es mirar cómo configurar realmente el Formulario siete de contacto y cómo configurar formas de gravedad. 33. Cómo instalar el formulario de contacto 7: contacto El formulario siete es realmente sencillo de configurar, sin embargo configurarlo puede ser un poco complicado a veces. Entonces lo que vamos a hacer es instalar Contact Form siete en este primer video, y luego en el siguiente video, hablaré un poco más sobre cómo controlar la configuración y hacerla exactamente como quieres que sea. Muy bien, empecemos solo instalando Formulario de Contacto siete. Entonces ve a mis enchufes. Página y puedo hacer clic en agregar nuevo aquí en la barra lateral o hacer clic en Agregar nuevo en la parte superior derecha aquí y buscaré Formulario de Contacto siete. Y debe ser lo primero que carga aquí en la parte superior izquierda. Y si no, esto es lo que buscamos. Por lo que voy a dar clic en instalar de vez en cuando. Una vez que esto esté terminado, la instalación del botón cambiará en realidad. Haz clic aquí mismo en el mismo dedo del pie del botón, lo activas, y eso en realidad enciende ese enchufe dentro de WordPress. Y en cuanto hagamos eso en el lado izquierdo, notarás que agregó una pestaña de contacto. Entonces haga clic en ese verdadero rapido, y nos dio un formulario de contacto predeterminado justo fuera de la puerta. Entonces ni siquiera tenemos que hacer nuestra propia forma ahora, lo cual es realmente agradable. Y lo que vamos a hacer es usar este código corto aquí al lado de este formulario. Y aún no hemos hablado de códigos cortos, así que déjame darte sólo un resumen rápido de verdad. Básicamente, los códigos cortos son una forma para que puedas agregar de forma rápida y sencilla diferentes interactividades a tu sitio web. Entonces cuando tuviste un plug in, como esta página de formulario de contacto, realidad puedo copiar el código corto pegado en cualquier página o cualquier widget o cualquier lugar en el pie de página y ese formulario completo realmente se mostrará en su lugar. Entonces déjame mostrarte cómo funciona eso. Vamos a saltar por encima de dos páginas muy rápido. Voy a hacer un ah, página de prueba. No tienes que ponerle nombre. Cualquier cosa especial. Simplemente lo llamamos prueba. No importa cómo lo llames, y voy a dar clic justo dentro del editor de WordPress aquí y notaré que estoy en la pestaña visual y no en la pestaña de texto. Comando V para pegar ese código corto que había copiado en mi portapapeles. Ni siquiera tengo que publicar la página todavía. Yo solo voy a golpear la vista previa y te darás cuenta en esta página de prueba. Ese formulario de contacto viene muy bien. Se anima es interactivo, y en realidad puedo seguir adelante y llenarlo ahora mismo. Entonces vamos a probarlo muy rápido. Entonces mete mi nombre. Se pone en un correo electrónico falso probando el formulario y lo hizo funcionar. Muy bien, ahí es cuando golpeo Enviar y gracias por tu mensaje. Se ha enviado. Está bien, Bueno, ¿a dónde lo enviaron? Echemos un vistazo a eso rápido porque estamos trabajando localmente y no estamos usando un anfitrión real en este momento. El formulario de contacto no se comportará como esperabas. Tendrás que poner wordpress en un host riel o instalar otro enchufe en remolque. Que funcione como crees que lo haría como faras llenando esto y te envía correos electrónicos directamente . Pero una cosa que he descubierto que es realmente genial acerca de lo local es que han creado una utilidad solo para este propósito. Entonces si vas a la página web en la que estás trabajando y luego por aquí, hacemos click en utilidades. Tiene esta utilidad de cerdo macho, Así que voy a seguir adelante y dar click en eso, ábrelo y te darás cuenta de que puedo ver el email de prueba que acabo de enviar. Entonces si cocino en eso, se puede ver exactamente quién fue de qué. Su dirección de correo electrónico. Waas con Sujeto Waas y el cuerpo del mensaje. Por lo que esta es una gran manera de asegurarte de que tu formulario esté configurado correctamente y que todo se vea bien antes de ponerlo en un servidor en vivo. Por lo que entraremos en detalles sobre cómo personalizar realmente el formulario de contacto en el siguiente video. Una cosa más que quiero mostrarte. Volvamos a saltar a nuestra página principal. Entonces solo te mostré cómo usar un código corto para poner a ese capataz. Pero si estás construyendo con un tema como Salient o X o incluso divvy y tienes esos constructores de páginas pre construidos, así que encenderé mi constructor de páginas haciendo clic en ese botón aquí y ahora en adelante, dijo el editor de WordPress. Tengo configurado este compositor visual y notarás que convirtió automáticamente ese código corto en este elemento de forma de contacto siete. Entonces déjame mostrarte esto muy rápido. Vamos a fingir que eso no estaba aquí, iba a golpear el basurero para quitarlo. Y vamos a estar usando compositor visual para darle estilo a una página. Podría hacer clic en el botón más y ves todos estos diferentes elementos que podemos agregar, como encabezados e imágenes centradas y todo tipo de cosas. Bueno, por defecto, tenemos su formulario de contacto siete elementos, así que voy a dar click en eso. Y en lugar de tener que usar un código corto, podría simplemente apuntar y hacer clic para agregar esto. Y hasta hay un menú desplegable. Entonces si tuviera múltiples formularios de contacto para poner aquí, todos esos aparecerían aquí también. Por lo que realmente es solo apuntar y hacer clic. Simplemente agregue formulario de contacto como elemento dará clic en el menú desplegable para seleccionar el formulario que queremos utilizar. Y actualmente solo hay al que voy a pegarle. Guarda los cambios, y luego tocaré la vista previa y notarás que hace exactamente las mismas cosas. Tenemos la misma forma, instalado solo un método diferente pero logramos el mismo resultado. Entonces espero que estés rastreando conmigo. Pero sí quiero recordarte si te perdiste en el camino. En primer lugar, siempre se puede rebobinar obviamente y volver a ver esto porque es un video. Pero en segundo lugar lo más importante, asegúrate de unirte a ese grupo de Facebook que hemos configurado. Se trata de una gran comunidad donde si te pierdes y tienes preguntas, puedes llegar a la gente o si tienes ideas, o si quieres retroalimentación sobre lo que estás trabajando, es un gran lugar en una gran comunidad para ayudarnos unos a otros como nos levantamos y corremos y aprendemos más sobre WordPress. Entonces de nuevo, si aún no has echado un vistazo a ese grupo de Facebook y te inscribes. Debe haber un enlace adjunto este video. Y si no, debería haber un enlace adscrito al video introductorio al inicio de este curso. Y ahora lo que queremos hacer es ir adelante y echar un vistazo en el siguiente video son partes cómo darle estilo a los ojos Contacto Formulario siete y agregar diferentes campos de formulario y controlarlo ajustes para donde e correos y todo ese tipo de cosas buenas. Por lo que mantente atentos para la segunda parte de instalar Formulario de Contacto siete 34. Configura tu nuevo formulario de contacto: Entonces ahora que tenemos el formulario de contacto siete configurado y funcionando y todo se ve bien ahí, sigamos adelante y veamos algunos de estos ajustes y cómo configurar tu formulario y que sea exactamente lo que quieres. Entonces primero lo primero. Este es un gran lugar para que yo señale que si ya estás abrumado mirando lo que está pasando aquí en la barra lateral tal vez quieras considerar, solo tienes que seguir adelante y comprar formas gravitatorias. En cambio. Es mucho más sencillo trabajar con su gota de dragón, y es mucho más bonito trabajar con él. Entonces dicho eso, si quieres quedarte con la versión gratuita, vamos a enrollarnos las mangas y sumérgete. Entonces tengo mi pantalla abierta aquí en pantalla dividida, así que como vemos lo que está pasando bajo la pestaña de contactos dentro de WordPress. Entonces, vamos a dar click en eso. Entonces ya ves, acabo de aterrizar justo aquí en esta página de contacto. Da click en este contacto Formulario uno. Y ahora tenemos cuatro pestañas diferentes con las que podemos trabajar. Tenemos nuestra forma principal, así que esto controla lo que son forma en realidad Parece, nos vemos por aquí a un costado. Controla cuáles son las cajas de entrada reales. Tenemos nuestra ficha masculina la cual controla cómo envió a quién envió. Tenemos nuestros mensajes. Entonces, por ejemplo, si intentara enviar este formulario ahora mismo, se puede ver que dice que este campo es obligatorio y uno o más campos tienen aire. Todo este tipo de cosas se pueden configurar en la pestaña de mensajes aquí, y tenemos ajustes adicionales. Y para ser totalmente honesto, nunca he usado esta pestaña. Entonces si te gustaría aprender más sobre lo que hace esta pestaña o cómo darle estilo a este formulario más, solo debo señalar muy rápido que tienes estos muelles en una Q y pestañas de soporte aquí mismo en el lateral. Así que siéntete libre de sumergirte y aprender aún más sobre esto. Pero lo que quiero hacer en este momento es solo mostrarte básicamente lo que cambio cada vez que me pongo en contacto con el Formulario siete y lo que configuro para mis sitios. Entonces volvamos a formar y sólo intentemos deconstruir lo que está pasando aquí. Entonces esta es la forma predeterminada y esos en realidad probablemente no estaban ahí. Esa era yo jugando con cosas antes. Entonces echemos un vistazo a esto. Tenemos nuestra etiqueta, que es lo que aparece por encima del contacto o del campo de entrada. Entonces en este caso, tu nombre y es requerido aparece aquí, y luego tenemos un cuadro de texto y un cuadro de entrada. Este pequeño Asterix significa que es un campo requerido, y entonces este es el nombre del campo. Entonces, ¿cómo funcionaría esto? Vamos adelante y bajemos al fondo es si quisiera agregar alguno de este tipo de elementos, acabo de elementos, hacer clic en él, y puedo usar este cuadro para darle un nombre. Entonces tal vez esto sería como, um, celular o algo así, y luego haga clic en campo requerido y te darás cuenta aquí abajo que está construyendo el código corto para mí. Entonces a medida que hago clic en campo requerido que agregó que Asterix ahí para mí por defecto, podría darle un valor por defecto. Entonces digamos que querías que te llenaran de algo justo fuera de la puerta así. Puedo usar este Texas, un tenedor de plaza en el campo y notarás que agregó eso a mi código corto. Ah, pega etiqueta de inserción. Es guardar. Y ahora, cuando actualice esta página, verá que tiene este campo de formulario aquí abajo, y tiene el número como texto de marca de posición. Entonces, Suze, hago clic en él que se va, y podría empezar a escribir mi propio número. Pero notarás que cuando refresco esta página, no tenía ninguna etiqueta por encima de ella. No sabía qué había aquí arriba. Entonces lo que podemos hacer es copiar esta etiqueta No importa. ¿ Cuál fue? Comando C Comando V a Pegar. Ah, agarra esta etiqueta de etiqueta de cierre. Y ahora guardo. Y ni siquiera me importa que esto diga tema. Ahora mismo, solo quiero mostrarles cómo funciona esto. Vamos a refrescar esta página. Y ahora tengo tema arriba y notarás que se fue un texto de marcapasos. Entonces hay pequeños bichos como este que no estoy muy seguro si te vas a encontrar con estos o si es solo de mi lado. Pero he encontrado que hace cosas como estas de vez en cuando. Entonces otra vez, otra razón por la que probablemente sugeriría saltar a formas de gravedad. Entonces, de todos modos, sigamos adelante. Yo sólo voy a eliminar este texto de Marcador de posición, sobre todo para mostrarte que puedes trabajar dinámicamente justo dentro de aquí. Y esto es solo un área general de entrada de texto, todo esto para que puedas mezclar en todos estos códigos cortos. Pero también puedo mezclar en HTML también. Entonces si guardo eso, si sabes usar cualquier tipo de etiquetas HTML, CSS o cualquier cosa por el estilo que también funcionen aquí. OK, entonces ahora lo que tenemos que hacer es configurar cómo se envía esto. Entonces si hago clic en la pestaña masculina en este momento, se ha llenado con el valor predeterminado de local. Pero lo que vas a querer hacer es poner en tu dirección personal de correo electrónico o dondequiera que esto se esté enviando en el campo to. El de campo se genera dinámicamente. Entonces esta variable de tu nombre era código corto o como quieras llamarla. Si vuelves aquí para formar, verás que aquí tenemos el nombre de tu nombre. También tenemos tu correo electrónico. Tenemos tu tema, tu mensaje, y podrías llamarlos como quieras. Lo que quieras. Esto es justo lo que el contacto Formulario siete puso aquí. Entonces cuando vuelva aquí para enviar por correo cada vez que se envió cada vez que envió esto será lo que se puso en este cuadro de entrada por aquí. Por ahora, siempre deja esto en paz, así que déjalo como WordPress en cualquiera que sea tu nombre de dominio dot com. Por lo que de esa manera funciona correctamente. Es muy probable que tu tema sea cualquiera que sea el nombre de tu sitio, más entre comillas, sea cual sea el tema que se puso en el cuadro de texto aquí o en el cuadro de entrada para que puedas cambiar a lo que quieras. Por lo general lo que hago es poner contacto desde mi sitio web o contacto desde, ya sabes cualquiera que sea tu sitio web dot com De esa manera, es un rápido recordatorio de por qué te venía esto. Esto suelo dejar solo y luego el cuerpo del mensaje es de nuevo. Lo que quieras, puedes poner aquí lo que quieras. Entonces si fuéramos a tirar hacia arriba cerdo macho crecer rápido, se puede ver que todo este cuerpo del mensaje fue lo que se envió a través de ese formulario de contacto para que pueda volver aquí y configurar esto. Y si fuera a ADM o, um, campos de formulario Mawr, quiero asegurarme de que agregué esos dos. Esto envió correo también. Entonces no te olvides de Adam Teoh aquí cuando hagas eso. Entonces sigamos adelante y veamos cómo funciona eso. Volveré a formar y voy a destacar todo el asunto. Se manda a C Jim de vuelta al correo. Simplemente no puedo mandar a V solo para meterlo aquí solo para poder deconstruir lo que está pasando. Entonces quiero agregar esta caja de celular. Lo que yo haría es sólo decir, celular. Y entonces en lugar de tener este cuadro de texto, sólo quería ser ese código corto de teléfono celular. Entonces, ¿rastreas conmigo? Espero que eso tenga sentido. Sé que es un poco confuso. Así es justo como trabajo. Solo trato de mostrarte lo que hago. Entonces si tienes preguntas si no tiene sentido, por favor comente este video o en la F A Q. Así que puedo actualizar este video si lo estás siguiendo y está funcionando genial e impresionante. Está bien, ¿entonces ahora que tenemos eso en marcha? Cómo queremos. Yo sólo voy a golpear, ahorrar. Y ahora, si cumpliera este formulario y lo enviara, también tendría ese contenido adicional de celular ahí dentro. Está bien, así que eso es más o menos para el formulario de contacto siete. Espero que eso vuelva a tener sentido. Si te perdiste, por favor asegúrate de unirte al grupo de Facebook para que puedas llegar a cualquiera de ahí y hacer preguntas. También tienes sus muelles y F A Q y pestañas de soporte que podrían hacer un mejor trabajo de explicar su propio producto que estoy haciendo actualmente. Y por último pero no menos importante, en el siguiente video, vamos a sumergirnos en formas de gravedad para que veas cómo funciona eso y quizá vayas por esa ruta en su lugar. Muy bien, Gracias por ver 35. Una alternativa más fácil (pero no gratis): formas de Gravity: en este video, vamos a echar un vistazo a lo que las formas de gravedad pueden hacer por ti. Entonces primero lo voy a hacer es ir a mis enchufes y desactivaré el formulario de contacto siete y podrías dejarlo en marcha. En realidad podría tener tanto la forma de contacto siete como las formas de gravedad corriendo al mismo tiempo . No va a afectar nada. Pero ya que si fuera a estar usando formas de gravedad, no tendría necesidad de formulario de contacto siete. Entonces solo voy a un poco de limpieza y eliminaré eso. Ahora lo voy a hacer es saltar a las formas de gravedad, y ya tengo una cuenta, y ya he ingresado, y cuando inicias sesión, puedes ver cuáles son tus licencias. Y tengo una licencia comercial aquí con un número de licencia, y también puedo ir a descargas para ver exactamente lo que tengo que descargar. Por lo que tienen algunos lanzamientos beta diferentes. Tienes las principales formas de gravedad, y luego hay algunos agregados también básicos que también están disponibles. Entonces en este momento todo lo que voy a hacer es conseguir la descarga de las principales formas gravitatorias Plug in. Voy a volver a mi pestaña de licencias, y voy a hacer doble clic y copiar esa licencia en mi portapapeles. Y luego vamos a saltar de nuevo a nuestra zona de enchufes INS y voy a dar click en Agregar Nuevo. Y esta vez, lugar de buscar mi plug in como lo hicimos con el Formulario de Contacto siete, voy a dar clic, subir , enchufar, y puedo elegir el archivo o sé que está aquí abajo. Mi pila de descargas. Sólo voy a arrastrar y soltar y ponerlo justo encima de eso. Haremos clic, instalaremos ahora y luego instalaremos con éxito. Entonces vamos a activar ese enchufe. Y ahí tienes. Eso es más o menos. Ahora, si de nuevo, se va a decir, Registra tu copia de formas gravitatorias para recibir acceso a actualizaciones automáticas y soporte. Entonces aquí es donde si tú, si tuvieras primero los archivos de descarga, aún no tienes el registro la clave de licencia. Recibirás ese mensaje para que puedas hacer clic en Comprar uno ahora, o podríamos entrar en ajustes para formas de gravedad, y solo podemos pegar esa clave de licencia directamente aquí. A continuación, mantendremos habilitadas las actualizaciones en segundo plano. Eso está bien voy a dar click a continuación, y no voy a usar ninguna moneda. Pero puedo seleccionar esto a dólar estadounidense ya que estamos aquí en Estados Unidos y todo lo demás por ahora está bien. Y podemos volver y cambiar cualquiera de estos ajustes en cualquier momento. Pero ahora mismo, todas las abejas solas y eso es más o menos todo. Entonces al igual que lo hiciste con el formulario de contacto siete, creó una pestaña de formularios a los lados. Ya ves, tenemos algunas opciones más. Podemos volver a la configuración en cualquier momento. Si necesitas cambiar algo de eso, podemos ver todos los formularios. O en este momento solo tienes que hacer clic. Crear un formulario. Por lo que eso nos llevará a la nueva pestaña de formulario. Simplemente llámenos a esto contáctanos solo un sencillo formulario de contacto y yo creo formulario. Y así así, tenemos nuestro constructor de formularios aquí mismo. Por lo que esto es mucho más sencillo que el Formulario de Contacto siete. Puedo hacer click aquí en lo que quiero de los campos estándar. click aquí y dale un nombre. Por lo que esta etiqueta de campo podría ser Tal vez este es el nombre y puedes darle una descripción que podrías hacerla necesaria, para que puedas ver como esto es muy diferente al Formulario de Contacto siete. Es mucho punto y click. Podrías cambiar la apariencia, e incluso hay algunas pestañas avanzadas por las que también podrías trabajar aquí. Entonces ah, mucha flexibilidad y súper fácil de usar. Sigamos adelante y echemos un vistazo a estos campos avanzados aquí abajo, así que acabo de hacer una ficha de nombre. Pero ya hay una pestaña de nombres aquí que podríamos agregar. Voy a dar click en eso, y te da un nombre y apellido ya sin tener que configurar eso. A lo mejor quieres una dirección ahí dentro y ves que suma todo eso. A lo mejor quieres un número de teléfono o dirección de correo electrónico o subir archivos, y puedes ver cómo esto es súper fácil de trabajar. Entonces voy a seguir adelante y golpear actualización, y luego a partir de ahí, lo que puedo hacer es ir a mi escenario. Entonces sobre estas cuatro pestañas en la parte superior, tenemos nuestra configuración que controla cómo se comporta el formulario. Entonces, por ejemplo, aquí están los fundamentos de la forma. ¿ Cómo se llama? Qué La descripción se puede cambiar algunas de las opciones de diseño. Se puede hacer mucho más aquí abajo. Lo que realmente importa es la pestaña de confirmaciones. Entonces, en cuanto alguien somete bien esto, ¿cómo se comporta? Entonces si hago clic en él ahora mismo, enviará este mensaje y en realidad configurará un pago lo siento, un texto justo en medio de donde solía estar el formulario. Entonces solo va a aparecer esto, pero tienes la opción de redirigir a una página completamente diferente. Entonces tal vez después de que lo envíen, los mandas a toda una página de agradecimiento que has creado en tu página web, o puedes redirigir aquí mismo a una u R L. real Así que tal vez sea un sitio completamente en conjunto. Entonces es realmente agradable que esto sea tan flexible. Te permite realmente marcar exactamente cómo quieres comportarte. Después hay notificaciones. Por lo que la forma en que funcionan las notificaciones es una vez que se envía el formulario, se quiere saber que alguien realmente llenó el formulario. Por lo que ahora mismo, por defecto, va a enviar un aviso a quienquiera que esté el administrador en la página web. Eso lo puedes comprobar de nuevo bajando aquí a tu escenario. Entonces voy a aguantar. Mira, man key y click real rapido. Y así, al hacer eso, abrí una nueva pestaña, y justo aquí podemos ver que actualmente, el administrador predeterminado aborda este marcador de posición de correo Dev Desh el volante puso aquí. Por lo que sí quieres asegurarte de que tienes tu dirección de correo electrónico real aquí. Entonces lo que sea que esté aquí es lo que se va a enviar a esta notificación Admiral admin. Está bien, así que hay unos ajustes diferentes que podemos marcar aquí. Todos estos son realmente sencillos. Por lo que hay simple para que tipo de mirar a través y ver lo que quieres hacer. Y luego tenemos entradas. Entonces lo que realmente es genial de esto es cada vez que alguien envía una entrada en tu formulario, esas entradas aire capturadas en el back end de tu sitio aquí. Entonces la razón por la que esto es tan grande es solo digamos que tu anfitrión tiene problemas o algo raro está pasando. O tal vez tu cuenta de correo electrónico está bloqueando, ya sabes, pero cotizar spam. Y tal vez no sea spam. ¿ Verdad? Por lo que en cualquier momento tienes una pregunta sobre faltante en la entrada. Puedes venir aquí a formularios y bajar por las entradas y verás cada lesión que alguna vez haya ocurrido en ese formulario. Eso es increíble. Es una ayuda súper grande, sobre todo cuando las cosas salen mal. Y he tenido que pasar mucho donde esto ha sido realmente un dedo del pie salvavidas tener esa información de contacto tan realmente útil de tener. Y luego, claro, conseguimos un botón de vista previa. Da click en eso y podrás ver cómo podría ser el formulario. Y luego, dependiendo del tema que tengas, quiero decir, podría verse mucho diferente. Se verá mucho diferente, pero al menos se puede ver como se presenta esto. En lo que se refiere a la forma. Ahora no quiero hacer es echar un vistazo a cómo incrustar un formulario, así que sigamos adelante y saltemos por encima de dos páginas y voy a saltar sobre nuestras páginas de contactos actuales en vivo en el sitio web click editar. Entonces si golpeamos la vista previa real rapido solo para recordarnos cómo es esto, este es ese formulario de contacto que actualmente tiene en la página web y porque es un anfitrión local . No tenemos su mapa mostrando actualmente, pero cuando migremos que esto aparecerá. Entonces lo que quiero hacer es intentar poner esa forma aquí mismo en este espacio abierto. Entonces voy a cerrar este avance. Bueno, Jim, vuelve a la página principal y voy a dar clic en este pequeño signo más aquí. Y esta vez voy a escribir formas gravitacionales y te darás cuenta de que cuando hice esta demo con el formulario de contrato, siete formas gravitatorias no aparecieron porque aún no lo tenía instalado. Pero ahora que está instalado, aparece como un elemento dentro de compositor visual. Entonces ahora lo que puedo hacer es dar click en este menú desplegable y simplemente elegir ese formulario de contacto que elegí . Puedo elegir si mostrar o no el título. Podría mostrar la descripción del formulario en este caso en ambos. Simplemente lo voy a dejar como no habilitar a Ajax para ser totalmente honesto. Simplemente dejo esto en paz y deja que sea como es seguro y voy a previsualizar los cambios. Y ahí está mi formulario de contacto con todos los diferentes campos de entrada que seleccionamos. Para que puedas ver cómo las formas gravitacionales son realmente, realmente fáciles de trabajar. Ahora bien, si quisieras agregar formas de gravedad y tenías una no tenían un constructor de páginas como compositor visual usaban un tema diferente. Y no estás viendo todo este diseño de compositor visual. Es realmente fácil de hacer con códigos cortos, igual que hicimos con el Formulario de Contacto siete. Entonces lo que voy a hacer es ir a las páginas. Voy a abrir una nueva página. Acabo de sostener en la tecla de comando para hacer clic. Abre esto en una nueva pestaña. No quería salir de ese lugar por aquí y hagamos una nueva página. Y cuando tienes formularios de gravedad instalados y estás usando la ventana de constructor de páginas regular aquí que tiene WordPress, deberías ver este botón de formulario de anuncio para que pueda hacer clic en eso. Y luego, a partir de ahí puedo seleccionar qué ex quieren agregar, y me da algunas opciones aquí también. Incluso puedo agregar algunas opciones avanzadas, que en realidad nunca uso. Pero voy a dar clic en insertar formulario, y ahora vemos un código corto, igual que lo que vimos con el Formulario de Contacto siete. Por lo que podrías usar esto en cualquier página y en cualquier lugar, ya sea el pie de página o un área de widget de barra lateral o lo que sea. Y si no ves esto, solo Google, solo Google, vamos a abrir una nueva página en este Google para formas gravitacionales código corto para que siempre puedas ir a esa ruta y abrir su documentación que se desplaza aquí abajo. Y aquí está ese mismo código que dieron para que pudiera copiar y pegar eso. Así que solo trata de darte formas de averiguar realmente rápidamente cómo incrustar este formulario de contacto . Entonces espero que eso haya sido de ayuda. Y de nuevo, la gravedad forma un súper fácil de trabajar con. Por supuesto, el inconveniente es que no es gratis. Pero a la larga, encontré que tiene algunas opciones realmente grandes y cosas que han funcionado muy bien. Y eso es más o menos chicos. Las formas de gravedad son realmente sencillas, y lo recomiendo encarecidamente 36. Mi pensón sobre el alojamiento y algunos recursos: WordPress. El hosting es un tema enorme en algo A mucha gente realmente le apasiona. Mucha gente que jurará por un anfitrión y dirá que el otro es lo peor que hayan visto y podría tener a alguien más que diga exactamente lo contrario. Entonces en mi experiencia, he tenido mucha suerte con Go Daddy. Su atención al cliente es realmente buena. Ellos son plataforma de hosting Su hosting compartido puede ser un poco lento. Y lo que eso significa es que tienes un host o computadora que está compartiendo su recurso es con muchos sitios. Entonces, dependiendo de con quién estés compartiendo, podrías experimentar tiempos de carga lentos y cosas por el estilo. Por lo que el hosting administrado de WordPress que ofrecen es un paso por encima de ese plan de hosting compartido. Y luego tienes otros anfitriones como Blue Host y WP engine y sitio Ground and Dream host, y podría seguir y seguir y otra vez, todos tienen grandes opciones también. Entonces es realmente difícil para mí decirte exactamente lo que debes hacer. Creo que vas a necesitar hacer alguna investigación por tu cuenta. Averigua qué permite tu presupuesto tal vez incluso intentarlo. Llame a su soporte técnico y vea con quién le gusta trabajar dedo del pie. Eso es lo que hicimos. Por lo que actualmente. Como dije, tenemos mucha de nuestras miras en Go Daddy. También utilizamos Theme Co. El tema X que tienen hosting, y hemos usado su hosting también y hemos tenido buena experiencia con ellos Actualmente, no tienen un call center, sin embargo, Así que cuando necesitas ayuda, y hemos usado su hosting también y hemos tenido buena experiencia con ellos Actualmente, no tienen un call center, sin embargo, Así que cuando necesitas ayuda, tienen que enviarlos por correo electrónico. Y a veces eso puede ser difícil, sobre todo si eres nuevo en esto, saber qué preguntar siquiera. Si las cosas no están funcionando, ni siquiera sabes pedir ayuda. Entonces ahí es donde probablemente te dirigiría hacia Blue Host o Go Daddy o algo así y luego también local por volante. Por lo que esta app local que hemos estado usando para todo es propiedad del volante. Es una empresa de hosting y en el siguiente video voy a montar una mosca, contaré y luego vamos a usar la app local para empujar hacia arriba el sitio en el que hemos estado trabajando. Entonces estoy realmente emocionada con esto. Funciona de verdad, muy liso. Es que en realidad es tan fácil y el precio base por su hosting para un sitio es de unos $15 al mes, que es es Es un trato realmente bueno. Ahora. Podrías conseguir un sitio alojado en go Daddy por unos $5 al mes. Entonces sí, es más barato. Pero el dolor de cabeza en transferir archivos y actualizar bases de datos y cosas así, que te mostraré en videos posteriores, es todo lo que tienes que preocuparte por nada de eso con esta cosa del volante. Entonces por eso quiero mostrarles eso primero, porque es una gran manera de levantarse y correr sin tener que enloquecerse en el proceso. Entonces, de todos modos, eso es lo que tengo que decir sobre el hosting. Voy a añadir un poco más. Recurso es a este video que puedes echar un vistazo y volver a unirte al grupo de Facebook tienes preguntas o comentarios, si tienes preguntas o comentarios,o si quieres compartir con quién estás usando o con quién has tenido éxito y simplemente mantener esa comunicación abierta porque Sé que este video y todo este tema va a ser algo que se feche rápidamente en este curso, porque va a cambiar rápido. Así que haz tu investigación, haz tus deberes y echa un vistazo a esos enlaces a continuación 37. ¡Me encantó estos hombres! Cómo configurar una cuenta de alojamiento con Flywheel: es fácil configurarse para hospedarse con volante de inercia, y esto va a funcionar Genial. Si sigues usando el volante, el local by fly se app va a hacer que tus integraciones sean perfectas. Y realmente te va a ahorrar mucho dolor de cabeza por el camino. Por lo que esta es una gran opción, y es gratis registrarse y comprobarlo. Entonces lo que vamos a hacer es ir a conseguir flywheel dot com y en la página principal de su gran registro de botón gratis. Por lo que vamos a dar clic allí y seguir adelante y crear sus nuevas cuentas. Y luego una vez que te registres, tendrás tu propia cuenta aquí y tenemos este gran botón verde crear nuevo sitio. Entonces voy a hacer clic en eso, y luego puedes configurar los detalles de tu sitio de WordPress y podemos darle un nombre de dominio temporal . Entonces de esta manera no tendrías que comprar un nombre de dominio aún para empezar a usar su servicio. Entonces en este caso, iba a lograrlo. Derek Mitchell 0.5 todos los lados dot com. Y ahora lo que tenemos que hacer es crear un nuevo usuario de WordPress. Por lo que este sería un nombre de usuario. Podrías hacerlo lo que quieras. Necesito cortar muy rápido en este video y hablar con ustedes muy rápido sobre los sitios de demostración. Entonces estoy a punto de pasar y mostrarte cómo comprar el hosting y todo eso, cual es genial, porque es algo que vas a necesitar hacer de todos modos si quieres mantener tu sitio en línea. Pero si solo quieres echar un vistazo a este servicio y hacer esa prueba gratuita que había hablado la página principal, puedes crear lo que se llama un sitio de demostración. Entonces aquí está el enlace. Para echar un vistazo a esta documentación, es obtener flywheel dot com forward slash wordpress dash support slash ¿Qué es un sitio de demostración? Está bien, entonces básicamente, lo que puedes hacer es crear un nuevo sitio. Puedes subir el sitio para tus clientes. Por lo que ese sitio que acabamos de hacer en local realmente podría empujarlo hasta un sitio de demostración y ellos lo pueden ver, y será en el entorno de producción real. Y luego si el cliente está listo para irse, en realidad puedes transferirles la facturación para que sean responsables de todos los pagos. Ahora bien, si eres tu propio cliente y este lado es para ti mientras estás en el gancho por los pagos ahí. Pero de todos modos, es así de sencillo, y entonces tengo que hacer es hacer que el sitio viva. Entonces para demostrar que aquí está el video de volante. Si te gustan muchos diseñadores, has utilizado un servidor de demostración en algún momento para lucir un gran sitio web nuevo diseñado para un cliente con fly. Bueno, eso es cosa del pasado. Demos. Sitios on Fly te permitirá escenificar decidirte a mostrar al cliente cuatro. Dolor. El cool es que el sitio ya está en lugar de producción. Se trata de un ir vidas, fácil cambiar DNS. Sin migración. Lo que es aún más fresco es cuando estás listo para salir a vivir. Puedes optar por pavimentar el sitio tú mismo o transferir facturación. Un cliente aún confundido. Así es como funcionan los lados de demos. Cuando creas un sitio y compras petróleo, tienes la opción de pagar ahora o pagar más tarde. Si optas por pagar más tarde, tu sitio seguirá estando disponible para que veas un sitio de demostración, pero no estará mintiendo. Todos los lados demo tienen fechas de caducidad antes de que su hijo expire le enviará unos avisos. Hasta entonces, puedes hacer lo que necesites para asegurarte de que tu sitio se vea perfecto ante ti. Cuando estés listo para que tu enviado se ponga en marcha, necesitarás completar la construcción, eligiendo pagar el sitio tú mismo o trasladarte a Una vez que hayas hecho eso, tu sitio ya no es una demo. Todo lo que necesitas hacer es desactivar la protección con contraseña y estará en Internet para que el mundo lo vea. Bastante impresionante, ¿verdad? Della Sites son solo otra forma de reimaginar el hosting para diseñadores. Muy bien, bastante sencillo. Entonces con eso, me voy a dar la vuelta a mí mismo para seguir mostrándote cómo pagar realmente por el hosting y conseguir esa configuración. Si eso es lo correcto quieres ir y entonces vamos a poner esa contraseña y otra vez, y entonces ya puedes pagar. Ahora tengo un cliente paga más tarde, se añadieron a un plan a granel. Muy bien, vayamos hacia abajo y elijamos un plan. Entonces aquí puedes ver que tenemos algunas opciones de plan diferentes y ser totalmente honesto por lo que vas a conseguir con volante $15 al mes es un trato realmente bueno. Ahora podrías encontrar soluciones de alojamiento más baratas desde lugares como Blue Host o Dream Host o Go Daddy o Site Ground. Todos van a tener algunas opciones diferentes disponibles. Pero lo único que es genial del volante es que fue diseñado específicamente para WordPress y específicamente con esta aplicación local que hemos estado usando. Entonces te va a dar mucha flexibilidad así como una integración perfecta que te va a hacer la vida realmente fácil, sobre todo si no eres desarrollador y no quieres tener que tratar de preocuparte por todos los tecnicismos de la misma. Además, te van a apoyar con migración gratuita. Entonces si alguna vez intentas llevar un sitio de un lugar a otro y tienes problemas con él, lo harán de forma gratuita. Entonces ese es un bono realmente grandioso. Entonces voy a seguir adelante y elegir su plan de $15 meses, y luego puedo elegir pagar anualmente o puedo elegir mensualmente ahora mismo. Dejémoslo como mensualmente, y luego tenemos algunos agregados de sitios diferentes, Entonces un cdn es una red de entrega de contenido, así que lo que hace es cuando cada vez que tu sitio se carga, está sacando esos archivos de ese servidor. Recuerda, hablamos de eso, Pero digamos que tu cliente está intentando cargar tu sitio web y todos tus archivos en algún servidor . Y digamos California y digamos que viven todo el camino en Nueva York. Bueno, esos archivos van a tener que rebotar por toda la red diferente. Y por supuesto, esto sucede en segundos divididos, pero cada segundo importa cuando su sitio se está cargando. Entonces un cdn básicamente clonará tu sitio a servidores de todo el mundo que nosotros cuando alguien intente solicitar tu sitio web, se va a cargar desde cualquier servidor que sea el más cercano a ellos, por lo que se carga realmente rápido. Es realmente útil. Se trata de un gran servicio, aunque cuando se empieza por primera vez. No necesitas esto porque tu sitio probablemente no sea tan grande y probablemente no tenga mucho tráfico llegando a él. Entonces, honestamente, un segundo o dos probablemente no van a importar ahora mismo. Entonces eso es algo que podrías saber que existe, y puedes agregarle más adelante. Si descubres tu sitio, siente que es lento o tu vigilando tu tráfico y descubres que tienes mucha gente rebotando de tu sitio, así que eso es lo que es un cdn. Y de nuevo, ni siquiera uso uno actualmente. Y es algo a lo que podría actualizarme en el futuro. Pero por ahora, no lo necesitamos. Un certificado SSL sockets tan seguros Capa o SSL mantiene segura la información de tus sitios al cifrar la comunicación. Entonces lo que eso significa es, como tu sitio o como usuario está solicitando los viales espirales de ida y vuelta del servidor, lo cifra y lo protege para que la gente no pueda robar información. Voy a seguir adelante y dar clic en esto y seleccionar el simple SSL. Ya que es gratis, está totalmente gestionado por volante, y de esa manera no tengo que preocuparme por la seguridad en mi sitio. Una vez hecho eso, voy a desplazarme hacia abajo y seleccionar mi método de pago. Haga clic en agregar método de pago. Por el bien de la simplicidad, voy a seguir adelante y usar mi cuenta PayPal. Haga clic aquí. Por lo que una vez que añadas tu método de pago en este caso, agregué papal. Voy a dar click aquí arriba para asegurarme de que seleccionado. Y luego con ese pago seleccionado, me desplazaré hacia abajo y haré clic en pagar ahora y cuando todo esté hecho, nos va a redirigir a nuestro directorio de sitios aquí dentro del volante. Puedo hacer click en el botón del tablero de instrumentos en la parte superior. Y si tienes más de un sitio, los verás todos listados aquí. Pero por ahora, sólo tenemos este sitio. Entonces cuando hago clic en eso, podemos ver la visión general y las estadísticas del sitio. Desde su flamante Obviamente no va a haber mucho aquí que mirar. Podemos ver estadísticas para cuando sí tenemos tráfico, debilitar, ver diferentes add ons. Entonces fue ese SSL que tendrá que dar seguimiento con el Cdn y multi sitio que están todos fuera del alcance de esta conferencia. Ahora mismo tenemos nuestros respaldos. Entonces como hay totalmente nuevo, obviamente tampoco hay copias de seguridad. Pero esto va a ser realmente útil para tener copias de seguridad automáticas de su sitio web. Entonces si alguna vez pasa algo como un plug in se rompe o se hackea o, sabes que pasa algo que no esperabas, siempre puedes volver a una copia de seguridad. Tenemos algunas opciones avanzadas diferentes también que probablemente no necesites en este momento, pero es bueno saber que están aquí. Puedes descargar dinero en efectivo, que a veces si realizas cambios, tu sitio web y ellos no aparecen de inmediato. Podría ser porque estás hospedando Platform está cobrando o guardando la versión anterior para que puedas descargar el efectivo para ver la versión actual de tu sitio web. Se puede hacer modo de desarrollo, lo que ayudará a desactivar el cobro. Para que así puedas ver esos cambios al instante mientras te estás desarrollando. Por lo que si estás agregando CSS o diferentes archivos de imagen o cosas diferentes como esa, podrías activar el modo de desarrollo. Entonces a medida que estás haciendo esos cambios, tu sitio web, los verás de inmediato. Eso fue realmente enfría por aquí. Tenemos este icono de engranaje. Se puede cambiar el nombre de su sitio, pero se puede crear un tipo de blueprint, como lo que aprendimos al principio de esto, donde tal vez se enrollan sitios en línea en lugar de pasar por el desarrollo local. Simplemente lo haces de inmediato a través del entorno de hosting, para que puedas hacerlo aquí también, y clonar tu sitio también. Así que digamos que estás creando múltiples sitios para diferentes clientes. Este es un gran ahorro de tiempo, y luego podemos hacer clic en WP admin, que nos llevará directamente al back end de nuestra nueva página web en un esfuerzo por intentar mantener este curso en esta conferencia lo más actualizado posible. Voy a adjuntar los archivos de documentación a esta conferencia, que así puedas ver cuáles son los procesos de transferencia y migración más actuales desde volante. Si tienes alguna pregunta, definitivamente siéntete libre de contactarme directamente comenta este video o de nuevo, únete a ese grupo de Facebook y nos encantaría ayudarte. 38. ¡¡El tiempo en INSANE los momento de INSANE Cómo empujar/volar tu sitio de ubicación y el volar.: Ahora que tenemos configurada nuestra cuenta de volante para hosting, conectemos eso a la app local. Lo que voy a hacer es abrir local y lo que obtenemos en el lado izquierdo. Tengo este pequeño conectar un icono de volante. Entonces voy a dar click en eso y voy a iniciar sesión en volante. Y como ya estoy conectado en la página web, se ve a sí misma. Y así voy a seguir adelante y hacer clic en conectar con Derek Mitchell. Esa cuenta que acabamos de crear le permiten abrir local por volante, y ahí la tenemos. Tenemos nuestro primer sitio web conectado para volar rueda para que pueda tirar de este dedo abajo local. Si quería Teoh, vamos a ver, crear una copia de seguridad y crear el sitio. Para que así pueda hacer modificaciones en mi propia computadora para poder conectarme y tirar hacia abajo el sitio. O ya que eso es solo una instalación base y no hay nada por lo que preocuparme. Puedo volver a todos estos sitios en los que hemos estado trabajando, y en realidad puedo empujar esto hacia arriba para volar rueda. Entonces haga clic empujó un volante y seleccionaré un sitio en volante o puedo crear un nuevo sitio. Entonces si no quiero anular lo que ya he hecho, puedo crear uno nuevo. Pero voy a seguir adelante y empujar está encima de eso. Voy a empujar al volante. Y ahora se conecta automáticamente a ese sitio que hicimos en el servidor. Y actualmente está empujando estos archivos locales que conformaron al servidor, y no puedo evitar mencionar que esto es 100 veces más fácil que cualquier otra migración que haya hecho en mi vida. Entonces vamos a aprender a hacer eso, cómo hacerlo de la manera manual en otros videos por el camino. Pero sólo quería señalar que esto es insanamente sencillo y vale cada centavo. Ahora, dependiendo del tamaño de tu sitio, esto podría tardar un tiempo. Y debido a que estamos usando el tema sobresaliente y tenemos muchos gráficos diferentes para que también empuje hacia arriba, podría tomar un tiempo. Entonces vamos a seguir adelante, dejar que el giro, y voy a pausar el video. ¿ Todo bien? Entonces cuando los sitios terminen de ser enviados al servidor, vas a conseguir que este sitio de mensajes empuje, así que básicamente todos esos archivos han sido enviados arriba. Ahora es radio. Todavía está haciendo algún procesamiento en el back end. Y cuando todo esté hecho, recibiré un correo electrónico diciendo Todo está hecho, así que seguiré adelante y pincharé, OK, Y actualmente estoy en el local por aplicación volante y aquí abajo abajo. Ahora que tengo ese sitio conectado, se puede ver que tenemos el empuje y la encuesta desde los botones del volante aquí abajo. Entonces si hago cambios en el sitio en vivo, podría volver aquí y tirar hacia abajo todos los archivos. Entonces cualquier cambio una corriente y luego también muestra que estoy conectado aquí mismo. Entonces si hago clic en este enlace, va a abrir eso directamente, y puedo ver el salpicadero en volante. Y luego desde aquí puedo dar click en el enlace real en sí mismo y ver ese nuevo sitio que acabamos poner y estoy recibiendo un error porque todavía se está procesando. Por lo que una vez que todo esto esté dicho y hecho, podremos dar click a través de nuestra página web y todo debería estar funcionando. Genial. Entonces voy a seguir adelante y cortar este video ahora mismo, y si tienes alguna pregunta otra vez únete al grupo de Facebook o comenta a continuación. Voy a sonar como un disco roto, pero quiero asegurarme de que los estoy ayudando tanto como sea posible. Y no puedo hacer eso si no te unes al grupo. Y luego también, voy a adjuntar alguna documentación porque, como dije, sé que voy a hacer todo lo posible para mostrarles todo en este video. Pero dada la naturaleza del diseño Web y el desarrollo Web, las cosas cambian tan rápido. Entonces es algo que sí escuché se ve diferente o no está funcionando para ti. Asegúrese de revisar la documentación del volante en la siguiente información. Muy bien, chicos, gracias por mirar. 39. Client: introducción a la estudio de casos: Oye, espero que estés aprendiendo mucha información valiosa hasta ahora en este curso, y en la siguiente sección cuando quiero hacer es mostrarte un caso práctico riel World. Ahora lo que estoy a punto de mostrarles es en realidad uno de mis clientes actuales. Es un campo de golf, y originalmente diseñé su sitio web de WordPress usando el tema X WordPress con el pensamiento inicial de que iba a diseñar esto y luego entregar las claves, toda la información del usuario, el nombre de usuario y contraseña para que puedan hacer actualizaciones ellos mismos y mantenerla actualizada. Ahora, sin embargo, hemos seguido comerciando. Por lo que actualizo el sitio web y luego llego a ir al golf en su sitio están en su en su curso. Entonces ha sido un proyecto muy divertido, un cliente realmente genial, pero por eso, en realidad quiero cambiar de tema. Ahora me gusta mucho el tema saliente de WordPress. Incluso podrías usar el tema Devi WordPress. Hay un montón de grandes temas por ahí, pero estoy muy cómoda, una sobresaliente, y me gusta el look y la sensación modernos. Han pasado un par de años desde que publique por primera vez página web y ahora lo que quiero hacer es volver atrás y añadir algunas galerías realmente hermosas, alguna caja de sombras de video, mirando cosas, algunos encabezados animados y justo en general, Yo quiero limpiar el sitio. Y luego encima de eso este año, quieren poder crear en tienda online, donde la gente realmente pueda ir y comprar sus pases de temporada antes de tiempo en la página web sin tener que hacer cada uno de forma manual. Actualmente, lo que pasa es, si quieres comprar un campo de golf o un pasado de golf, tienes que llamar a la casa club y hacerlo todo manualmente por teléfono o enviar un correo para que no sea muy automatizado, y eso es va a ser otra cosa que vamos a estar agregando también. Vamos a estar agregando el enchufe de comercio Wu para que podamos hacer comercio electrónico a través de su página web. Por lo que tenemos un montón de cosas divertidas en esta siguiente sección. Mantente en sintonía, y si tienes alguna pregunta, siéntete libre de comentar a continuación. Pero básicamente lo que quiero mostrarte más que nada es solo cómo tomar un sitio que tiene un par de años y caer en un nuevo tema y crear algunas actualizaciones de forma segura y segura, sin riesgo de anular tu sitio web actual o romper cosas. Entonces vamos a usar local por volante. El app con hosting flyable para poder hacer una copia de seguridad en línea, tirará todos los archivos hacia abajo, hará nuestros cambios y lo van a empujar de nuevo hacia arriba o terminamos. Ahora. Esto se puede hacer con muchas plataformas de hosting diferentes. He estado muy contento con el volante. Echa un vistazo a los siguientes enlaces y podrás aprender más sobre su hosting también. También uso Go Daddy. He usado Blue Host y un puñado de otros también, como motor DBP. Actualmente, mi favorito es el volante, así que me verás empujando mucho eso. No hago dinero por decir eso, pero es algo que realmente he disfrutado, y ha sido mi favorito. Se cargan muy rápido ahora. Si no estás usando volante, que probablemente no lo estés, probablemente estés usando algo vaya papi o anfitrión azul. O tal vez ni siquiera tienes un anfitrión todavía en absoluto. Te estaré mostrando otras formas en que puedes crear estas copias de seguridad y empujar tu sitio en vivo también. Muy bien, chicos, vamos adelante y sumérgete y ya veremos en el siguiente video 40. Client: primero, copia de copia del sitio: Por lo que antes de empezar a actualizar el tema de este sitio o hacer cualquier cambio, siempre es una muy buena idea hacer copias de seguridad. Entonces algo que hacer. Seguro que ustedes dos maneras diferentes de que hago esto ahora mismo. En realidad estoy en local en la aplicación real. Por lo que estoy en la página web del Club de Golf de Northern Pines que está sincronizada con mi computadora y con el servidor en línea para que podamos hacer clic en este enlace aquí abajo, cual está conectado al Club de Golf de Northern Pines. Haré clic en eso, y en realidad abrirá el panel de control para mi cuenta de hosting. Entonces cuando hago eso, lo primero que quiero hacer. También podrías simplemente ir al sitio get flywheel dot com e iniciar sesión y llegar aquí también. Pero esto te lleva directamente al sitio específico con el que estás tratando de trabajar. Yo quiero hacer ahora. Lo primero que hago es simplemente venir a esta pestaña de copias de seguridad, y voy a dar click en eso y luego puedes ver que ya me ha estado respaldando las cosas, así que quizá no tenga que hacer esto, Pero lo que me gusta hacer es dar click en este poco icono azul plus aquí y voy a crear una nueva copia de seguridad. Simplemente llamaré a esta actualización pre tema, y de esa manera sé exactamente dónde está esta Timestamp en la historia para saber que si estropeo algo, siempre puedo volver a la copia de seguridad más reciente antes de hacer todos los cambios. Entonces ahora que eso está empezando, tiene un respaldo en progreso aquí. Ya ves que está funcionando. No debería tardar demasiado. Puedo seguir adelante y cerrar esta ventana y volveremos al local por aplicación de volante en mi escritorio. Por lo que de vuelta en el local por aplicación de volante, lo que quiero hacer es seguir adelante e iniciar este sitio. Por lo que va a poner en marcha este servidor virtual aquí y una vez que esté funcionando, puedo venir y tirar del volante. Ahora es muy importante que estés poniendo atención a qué ícono no puedo enfatizar esto lo suficiente . Si fuera a empujar para volar rueda, tomaría todos mis archivos locales que no son la versión más actual, y sobrescribiría todo lo que está en su sitio web en vivo ahora. No queremos hacer eso ahora mismo. Lo que queremos hacer es realmente tirar del volante. De esa manera cualquiera de las actualizaciones, ya sabes dónde agregaron nuevos usuarios o en unas páginas nuevas o temas actualizados y enchufes en la página web en vivo. Quiero que todas esas actualizaciones actuales estén en mis máquinas locales. Voy a dar clic a tirar del volante y quiero jalarlo a un entorno de producción, hará click sondeo y dependiendo del tamaño de tu página web, esto podría tardar bastante tiempo. Entonces vamos a seguir adelante y avanzar rápido a través de esto. Voy a seguir adelante y dejar que esto funcione y cuando esté terminado, volveremos en el siguiente video y echaremos un vistazo a nuestros próximos pasos para comenzar a actualizar el tema en esta página web. 41. Client: instala el nuevo tema: Ahora que tenemos nuestro sitio web respaldado tanto en el anfitrión real como localmente, tengo un archivo local tirado hacia abajo, usando la aplicación local por volante. Ahora puedo proceder con plena confianza sabiendo que no sólo puedo hacer cambios sin gente lo vea en vivo hasta que esté listo para que lo vean. Pero también si cometo un error o si hay algún conflicto entre enchufes o pasa algo raro , puedo asegurarme de que me arreglen eso. Y si rompo algo, tengo una red de seguridad para volver. Teoh. Entonces ahora que tenemos esa copia de seguridad, una cosa que quiero señalar es otra vez. Estoy usando el local by flywheel app y el sitio en el que estamos trabajando hoy tiene S s l configurado eso es capa de sockets seguros. Entonces si vengo a la página principal aquí, ésta es la que vamos a actualizar. Y lo que vamos a hacer en esta lección es cambiar el tema del tema X WordPress. Vamos a instalar el tema sobresaliente de WordPress y hacer algunas modificaciones. El sitio lleva funcionando desde hace dos casi tres años, por lo que sólo se debe una actualización. Tengo mejores fotos que quiero poner y algunas características diferentes que tiene el tema saliente que me gustan más. Entonces eso es lo que estamos haciendo en esta lección. Vamos a instalar el tema y luego la otra cosa. Quiero señalar aquí antes de sumergirnos. Entonces debido a que esto tiene una capa de sockets seguros, notarás que tenemos http s en esta dirección aquí, lo que significa que es seguro. Puedo dar click en este candado. Me dirá que la conexión es segura y eso es algo que haces en el lado anfitrión de las cosas. Y eso está fuera del alcance de esta lección en particular. Pero lo que quiero señalar es que porque tenemos eso encendido cuando voy a mi versión local aquí, ves, es punto local. Es el sitio de desarrollo. No vive en línea. No lo puedes ver excepto en mi computadora ahora mismo. Entonces, cuando hagas esto por primera vez, este pequeño icono de candado, va a decir que la conexión no es segura. Lo que hay que hacer es venir aquí a voluntad local. Ven aquí a SSL y vas a tener un certificado aquí. ¿ Eso va a decir confianza? ¿ Quieres hacer clic en ese botón de confianza y se va a decir de confianza? Y ahora, cuando hagas click en esto y se abra la ventana del navegador, tendrás este bonito icono de candado. Parece que puedes usarlo en lugar de conseguir la página grande con la letra roja diciendo, Ya sabes, no seguro, no seguro, No procedas de chrome o safari o lo que sea que estés usando. Entonces ojalá eso vuelva a tener sentido. Está un poco fuera del alcance de este video, pero una cosa es estar al tanto de algunos de los temas que podrías encontrarte si estás tratando de hacer esto, así que ahora vamos a hacer es en realidad agarrar los viales temáticos. Y he comprado este tema de tema bosque dot net. Aquí es un tema sobresaliente. Realmente me gusta muy recomendable, y lo uso para muchos de los sitios web, sobre todo hasta mi propio sitio web en derek Mitchell dot com. Está alimentado por saliente. Entonces lo que vamos a hacer es que compré una licencia fresca y fueron unos 60 dólares a través del bosque temático , y voy a dar clic en el botón de descarga. Y en lugar de simplemente contar la licencia o simplemente cargar, descargar los archivos del tema. ¿ Quieres agarrar todos los archivos y documentación y la razón por la que? Y te mostraré en un segundo. Aquí fue, mi pila de descargas. Abramos eso es porque te va a dar toda la información de licencias. Te va a dar la guía de usuario, que es realmente útil. Abrimos esto muy rápido, se puede ver eso. Um, bueno, puedes ver que en realidad es solo una página con un enlace, pero de todos modos te da un enlace a cómo hacer todos los cambios que quieres hacer y afinar el tema. Pero encima de eso, si me limitara a descargar el archivo de WordPress no vendible solo me daría el saliente archivo zip dot, que es suficiente para instalar el tema. Pero queremos que el niño lo estime, y sigamos adelante y te enseñemos Por qué aquí. Entonces lo voy a hacer es saltar a mi versión local. Volvamos a la mosca va a pasar. Voy a dar clic derecho en el botón admin el cual abrirá esto y me llevará a la página de inicio de sesión . Entonces ahora que estoy conectado puedo ver que tienes algunas actualizaciones que hacer. Pero lo que quiero hacer es seguir adelante e instalar ese tema. Entonces vamos a bajar a la apariencia y luego venir aquí a los temas y luego dar click en eso y ya puedes ver que ya he hecho esto antes, así que voy a ir a hacer un poco de mantenimiento rápido de casa. Vamos a eliminar esto y vamos a eliminar esto. Y ahora me acaba de quedar con el tema predeterminado 2019 así como el tema ex y el tema ex child . Ahora, déjame explicar la forma en que esto funciona muy rápido. Al igual que un refresco, instalamos un tema. Tenemos el tema principal el cual tiene todo el estilo para cada elemento del sitio. Ahora, aquí está el problema. Digamos que estábamos buceando en el ex demonio. Hicimos cualquier modificación, especialmente con CSS o estilo diferente cuando el tema se actualiza y se va a actualizar. Si tuviéramos que actualizar ese tema, se va a sobrescribir todo el trabajo que hicimos. Y así, al usar un tema infantil, lo que va a pasar es que usará el tema de los padres como base y luego cualquier cambio que hagas al tema del niño, no importa lo que sea esto, va a anular. Entonces vamos a actualizar el tema infantil. De esa manera, es la versión más actual del sitio que anula todos los demás estilos. Y entonces de esa manera aún puedes quedarte con el motor. Básicamente, son la base de su sitio actual aquí con el tema de los padres. Pero el tema de tu hijo es lo que estilos todo. Espero que eso tenga sentido. Sigamos adelante y solo agreguemos este nuevo tema desde saliente que obtuvimos. Por lo que pincharemos aquí arriba en el botón agregar nuevo. Vamos a subir el tema, y puedes hacer click para elegir un tema o lo que me gusta dio. Por lo general, tendré una ventana de buscador abierta por aquí en alguna parte, y solo tiraré dragón. Entonces lo hago. Parecen primero los padres, y aquí está el porqué. Entonces haremos clic y arrastraremos el zip de punto saliente y pincharemos instalar ahora, y aquí te explicamos por qué. Hago esto primero porque aún no quiero activarlo. Yo solo quiero los archivos en la base de datos aquí. Entonces en lugar de hacer clic, activar, voy a dar clic en Volver a la página Temas. Van a dar click. Agregar nuevo. Haremos clic en subir tema. Y entonces esta vez vamos a agarrar nuestro tema infantil en una gota de dragón. Tíralo ahí, haz clic en Instalar. Ahora Y esta vez vamos a dar click. Activar Ahora, al hacer esto se va a romper casi todo en su sitio. Entonces, por eso estamos trabajando fuera de línea primero. Si tienes un sitio que no tiene mucho tráfico, tal vez quieras simplemente sumergirte e ir por él. Eso lo he hecho en el pasado en mis sitios personales, Ya sabes, cuando tengo, como, no hay tráfico. Pero si va a ser un sitio grande que tiene tráfico, quieres asegurarte de que no estén viendo esto. Por ejemplo, cuando hago clic en esto, se puede ver que el estilo es alrededor del color. Ahora el logo no aparece. Muchas cosas siguen funcionando. Y la razón es porque estamos usando Cornerstone para nuestros constructores de páginas son el diseño de página se ve igual porque eso vino de X, pero asume que volvemos y empezamos a cambiar esos ajustes. Volvamos a nuestro tablero aquí. Vayamos a nuestros, uh, los enchufes de Valles que necesitamos traer volverán a eso en un segundo. Vamos a sumergirnos en nuestra página de enchufes. Entonces la razón por la que esto todavía se ve medio decente, como dije, es que quiero bajar mis enchufes. El pilar es el constructor de páginas de Theme Kill para el Equipo X. Ahora voy a tener que desactivar eso porque va a entrar en conflicto con saliente. Entonces, desactivemos eso. Y ahora uno de ustedes, mi página, va a parecer basura. Está bien, para que veas, hombre, tenemos mucho trabajo que hacer ahora que eso está apagado. Muy bien, así que sigamos adelante y volvamos a sumergirnos en nuestro tablero una vez más. Cada tema maneja las cosas de manera diferente. Entonces en este caso, saliente tiene muchos enchufes que puedes usar. Algunos de ellos son requeridos. Algunos de ellos son opcionales. Entonces, por ejemplo, puedo agregar el importador de demo saliente, que luego me dejará tirar en las páginas de demostración cuando esté construyendo el sitio. Entonces si en este momento se les requiere es el saliente constructor de páginas de panadería WP. Ahora esta es básicamente la versión saliente de un constructor de páginas, que es como Cornerstone, que acabamos de apagar. Entonces, vamos a dar click en esto. Vamos a seguir adelante y dar clic en esta casilla de verificación aquí y aquí debajo de los dos que definitivamente se requieren vendrán con las acciones a granel y haga clic en Activar En realidad sabía Click Instalar Mi mal. Tenemos que instalarlos primero. Ahora vamos a dar click. Aplicar y volvamos al instalador de enchufes requerido, y luego verás que estos enchufes requerían. Si me desplaza hacia abajo, puedes ver que tienen todo un montón de enchufes que podemos usar para salientes. Entonces, uh, en realidad voy a instalar todos estos porque probablemente usaré todos estos en este tema. Entonces lo que podría haber hecho desde el principio Solo tienes que dar click en esta casilla aquí arriba y se abrirá todos estos soplados Consulta esos dos. Daremos click en Instalar, Click apply, y ahora instalará el resto de estos enchufes también. Está bien, así que todos se instalaron. Genial. Volvamos a nuestro instalador de enchufes. Y esta vez, vamos a activarlos. Además, click en este toggle en la parte superior, Todo seleccionado. Vamos a dar clic en las acciones a granel bajan para activar y hacer clic en aplicar. Está bien, así que ahora vamos a mirar hacia atrás en una página. Todavía va a parecer basura, porque todo este código corto se refiere al tapón de piedra angular en auto. Uh, desafortunadamente, básicamente llegamos a reconstruir todo el sitio web porque cada página estaba usando ese diseño de piedra angular. Entonces todo está roto. Y lo que es bonito de esto, sin embargo, es ahora lo que puedo hacer es despegar esta ficha aquí. Vamos a la página principal que está en línea. Sigue apelando este apagado. Voy a hacer clic y sostener mi pequeño botón verde de pantalla completa, y vamos a decirle este del lado izquierdo, y luego vamos a tirar nuestra nueva versión por aquí en el lado derecho. Entonces, ¿ahora qué? Yo puedo hacer eso para hacer el correcto. Lo estropeé. Eso lo estropeé. No, estamos haciendo Tenemos todo tipo de estilo raro y cosas que suceden aquí desde mi navegador Google Chrome también. Entonces, um, intentemos volver a la página principal aquí. Está bien, así que queremos que la página de inicio se vea bonita. Y actualmente esta es la información que está en ella, pero vamos a empezar de nuevo completamente desde cero. Entonces en el siguiente video que vamos a hacer es empezar a bucear en cada página y usar las plantillas salientes para que empecemos muy rápidamente y empecemos a hacer páginas realmente hermosas con un esfuerzo realmente mínimo. Está bien, sigamos adelante y sumérgete en eso siguiente. 42. Cliente: configuración del tema del real: Muy bien, Así que tenemos un sitio web respaldado, tenemos nuestro tema instalado, empezamos a romper cosas, y ahora es el momento de empezar a reconstruir cosas. Entonces quiero hacer es que estamos de vuelta en la página principal está aquí. Tenemos el de la izquierda que todavía está vivo actualmente en el de la derecha que estamos construyendo localmente. Todo está encendido roto y estropeado, así que empieza a arreglarlo y la forma en que hago esto. Por lo general es una de dos maneras típicamente, lo que haré es empezar por arriba abajo, izquierda a derecha así que lo primero y empezar a trabajar en este logo de fijación, arreglando la navegación de colores y el estilo. Por lo general, yo dejaría encendido el constructor de páginas si estoy trabajando en vivo en el sitio. Entonces, a pesar de que estamos usando el saliente constructor de páginas, dejaría el enchufe de piedra angular encendido justo a la página. Aún así, como se ve así ya que estoy construyendo cosas, pero desde la línea RAV, no importa. Por offline, quiero decir, tenemos el sitio principal en vivo todavía, y esto está fuera de línea. Está bien, así que sigamos adelante y saltemos de nuevo al tablero y quiero mostrarte básicamente dónde fueron tus estilos principales para salientes van a estar y para todo, van a ser diferentes. Simplemente te estoy mostrando por dónde empezar a hurgar si estás usando esto. Por lo que en el lado izquierdo. Ahora tenemos un nuevo elemento de menú llamado Salient. Si fuera a saltar de nuevo al tablero del sitio en vivo actual, notarás que tiene el tema X. Vamos a ampliar esto aquí. tengo el tema X, y aquí tenemos todos sus ajustes y déjame hacer esto un poco más grande. Entonces, ¿lo ves ahí? ¿ Estás bien? Entonces, documentación ex demonio, notarás que la opción saliente no está aquí. Eso es algo que se agregó tan pronto como instalamos ese tema. Entonces vamos a saltar aquí, y tenemos todo tipo de ajustes con los que trabajar. Por lo que eventualmente vas a querer pasar por cada una de estas configuraciones y asegurarte que todo esté marcado en cómo lo quieres. Pero empecemos con los dos primeros aquí. Tenemos la configuración general, vamos a dar click en eso, y luego con eso voy a seguir adelante y fregar esto para que lo veas todo. Tenemos, los temas. Piel. Esto está un poco más allá del alcance de esta lección, pero básicamente, es justo como este desarrollador de temas en particular ha hecho algunos estilos basados en cómo se ven los botones y cosas así. Entonces juega con eso, mira lo que te gusta. Pero en el estilo, podemos jugar algunas opciones de desplegable diferentes, todo tipo de cosas. Dejaremos eso en paz por ahora. Otras cosas se debilitan caen aquí también, de sólo diferentes maneras en que funciona este tema en particular. Así que simplemente desplázate, ponte un poco entrometido, solo juega con las cosas. Estás en un sitio de copia de seguridad por lo que no importa si lo rompes, solo tienes que hacer clic en los botones. Ahorra. Él pasaría. Entonces me acerco es como construir un Ya sabes, un rompecabezas de armar un rompecabezas o, um, solo la solución de problemas de como, Bueno, veamos qué hace este botón no lo voló o ya sabes que lo arregle. Entonces ese es mi enfoque es que solo paso por todo y solo me muevo todo y solo, um, um, solo marcarlo en base a lo que creo que se ve bien. Golpea, guarda, y luego vuelve a tu sitio y ve si te gusta o si ves si tienes que seguir adelante. Entonces lo siguiente que hay que hacer es saltar a los colores de acento. Por lo que actualmente, los colores de acento que entraron con este tema no se parecen en nada a nuestra página web. Entonces lo que voy a hacer es saltar de nuevo a nuestro sitio principal en el Eso está viéndolo. Mis menús todos se crujían aquí abajo. Aereo, uh, para que puedan ver los colores que tienen por defecto este color verde aquí y yo podría hacer algunos. Podría redefinir algunas cosas y podría hacer eso en Photoshopped, Así que tengo una hoja de ruta hacia la que ir. Pero por ahora, lo que voy a hacer es usar una app llamada Sip s I p. En realidad tengo un video de YouTube sobre cómo muestreo colores. Eso se puede comprobar. Pondré un enlace abajo, pero básicamente quiero hacer eso es querer agarrar este valor hexadecimal para este color verde, lo copia a mi portapapeles. Ahora puedo saltar al color de acento aquí, y sólo vamos a ritmo eso en lo que guardar cambia, y voy a mantener abajo el comando keen coleccionar aquí sólo para especie de vomitar en una nueva pestaña muy rápido y ver. Por lo que mi botón de carrito ahora se ve verde. Abre esto todavía que se ve verde en lugar de ese color azul que no coincidió en absoluto. Entonces solo vamos a empezar,ya sabes, ya sabes, refinar las cosas y caer en nuestros colores y conseguir que se estilizen. Entonces ese es mi enfoque. Necesito definir algo de esto. Yo voy a hacer eso. Volveremos y te mostraré lo que hice, y luego seguiremos vaciando nuestro nuevo diseño. 43. Client: configuración del logotipo: Muy bien, Así que en este video que vamos a hacer es terminar nuestros colores aquí y luego conseguir que nuestro logo caiga . Por lo que todavía estoy en las opciones salientes aquí. Tengo el aroma de color de acento, y solo quería mostrarte muy rápido cómo me tiraría esto muy rápido, porque no estoy realmente seguro de cómo quiero hacer esto todavía. Probablemente terminaré cambiando, pero sólo por anuncia que no, ya sabes, rosa en y Scion, Somos magenta y cian. Voy a dar clic en seleccionar color. Voy a seguir adelante y pegar en ese valor hexadecimal por delante aquí arriba. Y entonces lo que hacemos es simplemente hacer clic y arrastrar un poco más abajo aquí. Entonces me pongo sólo un poco de un tono más oscuro en comparación con el color de acento original, igual que un bache extra para cualquiera de los otros botones que entran y el color extra a Vamos a hacer lo mismo. Bueno, ritmo eso ahí dentro. Y entonces podríamos incluso alegrarlo un toque. Y sólo veremos dónde juega eso donde eso entra en el tema. Es posible que quieras cambiar eso por el camino y luego nuestro color extra tres está bien con su color gris. Eso está totalmente bien. Entonces con Grady insiste, haz lo mismo. Voy a dar click en este color. Bueno, ritmo en esa pasta en que la haría un poco más oscura. Entonces ahora cualquier botón que tenga Grady contesta cualquier Grady y fondos en la plantilla y luego lo mismo aquí. Pero esta vez, lo haremos un poco más ligero. Está bien, entonces otra vez, todo esto podría cambiar en el camino. Pero al menos tengo algo con lo que trabajar. A click guardar cambios. Y ahora no quiero hacer es saltar y empezar a conseguir este logo marcado. Entonces voy a venir a la navegación de encabezados. Haremos click en eso. Y entonces la primera opción aquí es logo en estilo general. Entonces lo que sea que haga clic aquí se va a actualizar. Tenemos todas estas opciones a la derecha. Por lo que queremos usar un Nimitz para el logo porque actualmente, si abrimos esto en una nueva pestaña, es solo texto. Entonces, entremos y arreglemos eso. Entonces lo que voy a hacer es encender este toggle, y ahora necesito subir el logo. Bueno, para ser honesto, no estoy seguro de qué tamaño eso Vamos a salir a jugar con esto por un rato. El modo en que voy a hacer esto es escuchar, No vendría por encima del sitio original y sólo tipo de ver de qué tamaño este waas. Voy a golpear turno de mando en el número cuatro. Estoy en un Mac en un PC. No vas a poder hacer esto. Podría haber un enchufe, pero no sé qué es. Pero lo que hago es esto es tomar una captura de pantalla o una captura de pantalla. Y así, um, una nave de mando para empezar. Ahora puedo hacer clic y arrastrar hacia fuera, y como que veo que este logotipo actualmente existe dimensiones de píxel en la parte inferior. ¿ Verdad? Entonces es de unos 180 píxeles por unos, uh, unos 70 o 60 píxeles de altura. Por lo que 1 80 por 60 es un buen lugar para empezar. Entonces vamos a hacer ese logo que ese es ese tamaño. Entonces voy a saltar de nuevo a mi ventana de buscador, y quiero agarrar el logotipo del cliente, y de alguna manera no tengo el logotipo acreditable original. No sé cómo pasó eso. Pero sí tengo esto. Pdf Me enviaron una sola vez, y a veces tienes suerte con el archivo pdf. Haga clic y arrastre y coloque el cursor sobre mi icono de ilustrador y suéltelo ahí. Y en este caso, tuve suerte. Este es un formato vectorial que puedo leer. Entonces lo que puedo hacer es resaltar esto y parece que tienen unos trazos raros y cosas pasando. Entonces esto me va a meter en problemas por el camino. Tengo que tener cuidado de que agarré el archivo del logotipo exacto real. Pero por ahora, esto me ayudará a poner esto en marcha y ah, sí, y ver, trabajo. Entonces lo que voy a hacer es apagar el golpe aquí abajo. Voy a dar clic en esta pequeña barra o golpear la tecla de barra contracorriente. Entonces ahora no hay derrame cerebral. Aquí tengo mi imagen, y vamos a querer exportar esto y unos colores diferentes. Por lo que queremos que ese logotipo sea de 1 80 por 60. Entonces hagámoslo. Hagamos una nueva nuestra directiva. Entonces turno. Ah, para conseguir mi herramienta de tablero, va a dar clic y arrastrar y Vamos a cambiar el ancho y la altura de esto aquí arriba con ese seleccionado 280 píxeles y estaba a la altura a lo que decimos era de 60 píxeles. Está bien, así que ahora sé que va a haber el tamaño correcto que quiero que sea esto y lo que vamos a hacer después de que hagamos esto en las groupies juntas comandan Geo, agruparlo. Sostenga la tecla Opción para arrastrar una copia aquí arriba, y luego sólo vamos a escalarla en su lugar. Está bien. Entonces de inmediato, me di cuenta de que esto no escalaba, verdad, porque aquí tenemos el árbol arriba, pero en esta versión, está a la derecha. Entonces voy a tener que hacer algunos retrabajos aquí para que esto funcione. Pero sólo pasemos por esto de todos modos. Y, um, en realidad iba a construirlo de esta manera otra vez. Estoy trabajando un poco rápido y suelto. Ojalá, chicos en C. Al menos un proceso de cómo se puede trabajar. Entonces tomé una captura de pantalla de esto. Voy a dejarlo aquí y ver qué más es diferente. Um, bien, así que esto es, como, ni siquiera cerca es faras espaciado y cosas. Entonces, um, otra vez, porque voy a reemplazar esto en el futuro. No estoy demasiado preocupado por ello ahora mismo, así que vamos a acercarnos así, y , ah, iremos de ahí. ¿ Todo bien? Entonces sé que este no es un curso de ilustrador. Um, pero pensé que tal vez disfrutarías de mi flujo de trabajo. Entonces solo vamos a acercarnos así de nuevo. todos modos voy a caer totalmente en un nuevo logotipo. Pero ojalá este tipo de te ayude ¿Ves cómo me acercaría a esto y conseguir que esto marque o marque aquí? Está bien. No. Muestra ese color, anciano. Tenemos Todo tipo de líos está pasando aquí. De acuerdo, Entonces eso se ve lo suficientemente cerca por ahora para dejarlo caer de nuevo. Sigue siendo un logotipo diferente, pero esto me ayuda a terminar es parte de esta lección aquí. Muy bien, vamos a escalar esto. Está bien, Ahora tenemos nuestro juego de archivos de logotipos, y voy a golpear turno. Ah, para volver a obtener mi herramienta de tablero, Mantén presionada la tecla de opción y haz clic a la derecha en el nombre de nuestro tablero y arrastrado a los derechos. Y tengo otra versión de esto con una vez más, y vamos a cambiar de color. Entonces vamos a hacer una versión blanca. Podrás verlo, pero estará ahí. Y vamos a hacer un Vamos a hacer una versión negra o tal vez una gris que coincida, um, costumbre por aquí muy rápido. Volver hacia ajustes generales. Rx. Lo siento. El color de la cuenta, colores de acento. Muy bien, color extra. Vamos a agarrar esto. Entonces son solo tres bien y pegados ahí dentro. OK, entonces ahora tenemos una versión blanca, una versión verde, Y esta versión gris que ahora quieres hacer es borrar este tablero de arte aquí y deshacerte de estas cosas. No lo necesito para ahora mismo, y voy a guardar este archivo ahora. Ahorra como lo llamaremos Revisiones de logotipos justo por ahora. Y, ah, guardar un archivo de ilustrador hit. Guardar. Está bien. Y ahora lo que quiero hacer es exportar cada uno de estos tableros de arte. Entonces estoy ahora mismo. Estoy en lo esencial. trabajo clásico. Simplemente voy a restablecer esto para asegurarnos de que tú y yo hayamos visto lo mismo. Y voy a dar click en esta cajita con la flecha. Esa es la exportación de activos que vamos a agarrar este archivo iba a tirarlo justo aquí. Este grupo que manda GT agruparlo, vamos a tirar eso justo ahí. Hagamos lo mismo. Aquí estaba un grupo este comando GT agruparlo, tirarlo ahí dentro, Manji para agruparlo, y lo tiraremos ahí dentro. Vamos a darle el nombre Verde. Muy bien, en realidad vamos a darle el nombre completo Northern Pines Golf Club. Resalta todo eso y cópialo así Y copia eso. Tienes que volver a teclearlo. Y lo llamamos Logo Verde. Venir aquí va a pegar. Diré logo, pasta blanca y tipo en logo gris. Perfecto. Ahora lo que queremos hacer es que queremos exportar todos estos a la escala de una X, así que va a ser del tamaño, y luego queremos hacer uno a una escala de dos X. Entonces qué va a hacer eso cuando saltemos a nuestra espalda a nuestra saliente ajustes dentro de WordPress. Bajemos a la navegación de encabezados y podemos subir aquí el logotipo regular, y luego podemos subir un logotipo de dos x tamaño. De esa manera se verá súper nítido y limpio en pantallas de alta definición. Muy bien, así que volvamos a Illustrator y sigamos adelante y exportemos todos estos. Por lo que vamos a hacer clic y mantener el turno y hacer clic en todos esos iconos para dar clic aquí abajo en Exportar . Vamos a decirle a dónde ir para ir a una carpeta de Northern Pines. Hagamos una nueva carpeta. Lo vamos a llamar 2020 Actualizaciones web podrían crear y hacer clic en una nueva carpeta y llamarlo exportaciones. Entonces todas las cosas que me exportaron van a ser tiradas aquí. ¿ Qué elegir? Se va a escupir todos esos archivos de logotipos. Echemos un vistazo y veamos qué nos dio. Entonces saltamos ahí, 20 actualizaciones web, exportaciones y luego tenemos una versión de 180 píxeles de ancho y una versión de dos X. Echemos un vistazo a las dimensiones de un píxel aquí. Entonces cuando miramos esto, tenemos son dos tamaños diferentes aquí tenemos. Si nos desplazamos hacia abajo y vemos la información, tenemos 1 80 por 56 al 72 d p. I. Y si saltamos aquí por peopie, yo lo que tengamos nuestras dimensiones que son el doble de grandes y son de mayor resolución. Tan perfecto. Ahora podemos empezar a poblar nuestro sitio web, así que vamos a saltar a de header. Aquí estamos subiendo nuestro logo, click upload y para el logo por defecto. Vamos a hacer esa versión verde. Saltemos a su carpeta, Vamos Encuentra nuestras exportaciones de actualizaciones web 2020 y queríamos el logo verde. Pero haga clic en abrir y sigamos adelante y le demos un título y un título. Ya está ahí dentro porque lo sacó del nombre. Entonces estamos bien ahí, pero solo tipo de ayuda con alguna optimización de motores de búsqueda. Eso siempre es algo bueno. Ahora se va a subir la versión retina, así que haz click upload y estamos buscando el mismo logo, pero con las dos x en el nombre del archivo. Entonces echemos un vistazo a este verde a dos x click open. Es rápido, selecto, y tengo una versión retina y nuestra versión estándar y nuestra altura de logotipo. Entonces queremos que este sea el tamaño del logotipo estándar y honestamente, recuerda lo que realmente exportó como Echemos un vistazo, volvamos a su sencillo, um, um, versión pequeña, Así que la altura es 56 píxeles de alto. Entonces volvamos aquí. Tu tipo de piel en altura de logotipo móvil 56. Vamos a explorar que Alguien lo deje en paz por ahora. Y ah, sigamos adelante y solo veamos qué pasa. CPAs. ¿ Alguna otra configuración para la que quiero caer en este momento? No. Vamos a dar click. Guardar cambios. Y eso es sólo mando. Haga clic en esto para abrir un nuevo encabezado aquí. Muy bien, Entonces, ¿qué tenemos pasando aquí? Vamos a refrescar esto. Ahora que eso salvó. Si fuera a previsualizar el sitio web, ese logotipo debería aparecer. No obstante, tengo algún código en el back-end de mi sitio, y sigo viendo este encabezado personalizado que diseñé y codificé en otro lugar. Entonces tengo que entrar y hacer un poco más de trabajo de piernas. Voy a seguir adelante y cortar el video corto aquí y arreglar eso. Pero básicamente otra área en la que cayó el logotipo. Por lo general aparecería aquí, y estarías en buena forma. Está bien. Verdadero rápido. Quería mostrarles lo que hice para arreglar ese tema del logotipo. Entonces algo más, ya sabes, sobre todo estoy grabando estos tutoriales, y pasa mucho en mi cerebro tratando de averiguar qué decirte y luego también lo que realmente está pasando en el sitio en el back end . Entonces en el último video, teníamos el menú todavía se veía así aquí a la izquierda, con el verde en el viejo logo y la actualización que acabamos de hacer. Debería verse así ahora con el logo y verde en lugar de en blanco y en la parte superior izquierda en lugar de centrado. Entonces hice un giro de excavación. ¿ Recuerdas lo que hice aquí? Porque ha sido mucho tiempo pasos en el sitio originalmente. Pero qué te puede meter en problemas a veces Déjame volver a enchufes aquí. Y si me desplaza hacia abajo, todavía tengo un montón de otro plug in todavía activado y dos de los cuales me olvidé otra vez. Incluso se puso aquí fue turno knave y menú uber. Entonces no recuerdo cuál había activado que causaba el problema en el que construí. Pero desactivé ambos, y ahora estos aires ya no anulan mi tema. Y ahora mi tema parece que esperaba así que sólo una nota rápida. Para aquellos de ustedes como su inmersión, hay tantas variables, ni siquiera puedo empezar a tratar de decirles los temas exactos que podrían encontrarse. Entonces realmente necesitas estar bien con solo presionar botones y probar cosas. Pero esa es otra área donde eso podría meterte en problemas. Es tener enchufes instalados que ese es el primer lugar que debes Mira, si las cosas no se están comportando del todo bien, ve a revisar tus enchufes. Muy bien, chicos, voy a seguir adelante y cerrar este, y en el próximo año, vamos a empezar a peinar esa página principal. 44. Client: configuración superrápida con página con plantillas: De acuerdo, así que esta es mi parte favorita, Y esta lección vamos a empezar a darle estilo a la página principal y realmente hacer que se vea nítida. Entonces así es como me sumerjo. Tenemos este desorden caliente de cosas en el nuevo sitio al que nos estamos acercando y tenemos el sitio antiguo. Entonces sigamos adelante. Porque ya estoy conectado. Esta es la página principal. Podría simplemente hacer clic aquí arriba en la página de edición. Entonces voy a seguir adelante y dar clic en eso y porque tengo la vieja página para referirme a Aiken funciona de esta manera. También podrías simplemente hacer una nueva página por completo. Y de esa manera siempre puedes referirte al texto y luego simplemente intercambiar qué páginas viven al final. Pero debido a que tengo este trabajo, sólo voy a sumergirme aquí. Y ahora tengo la opción de usar el WP bakery page builder, y puedo usar el editor front-end o el editor back end. Entonces déjame simplemente mostrarte lo que eso significa. Fue un amigo y editor. Va a parecerse mucho más al tema divvy. Si estás familiarizado con eso. Entonces si hago clic en eso, va a abrir esta página, y va a verse casi exactamente como lo que estés construyendo. Por lo que es realmente agradable poder trabajar en línea y ver todas las columnas y ver exactamente qué está pasando. Para que puedas agregar filas y columnas, agregar diferentes plantillas y cosas así. Es una gran manera de trabajar. No estoy tan familiarizado con ello. Probablemente sea más fácil si solo me meto. Y de esa manera no eliminaste todo este bloque de texto. Por lo que mis páginas totalmente limpias del dedo del pie trabajan aquí, y ah, o puedo hacer clic en el editor backend y esto es voy a dejar la página aquí así que no voy decir eso, Pero esto es lo que estoy acostumbrado a ver es el constructor en la parte de atrás fin. Entonces, uh, así es como normalmente trabajo. mismo tipo de trato. Voy a eliminar todo este contenido, todo este contenedor para poder agregar un elemento. Puedo agregar un anuncio de órgano de bloque de texto desde una plantilla, y este anuncio de Template es mi favorito, mi característica favorita de todo este tema. Entonces si hago click en esto. Ahora lo que puedo hacer es que puedo. En el lado izquierdo, puedo ver algunas opciones diferentes que tenemos o podemos desplazarse. Y se puede ver que tienen un Thanh de elementos ya horneados en este tema. Entonces voy a seguir adelante y empezar por limpiar en la sección de héroes, voy a hacer clic en eso, y puedes ver que estrecha mis opciones a algunas secciones de héroes de aspecto realmente con clase. Entonces, por ejemplo, no quiero esta versión solo quiero mostrarte lo genial que es esto. Solo voy a dar click en este bateador creativo, click en vista previa cambia y de repente, así como así, tengo un gráfico de aspecto realmente cool Ahora, obviamente, no coincide con el campo de golf en todo, pero tengo que hacer es cambiar el color, cambiar la imagen, y entonces este es un diseño de página realmente genial. Muy bien, así que voy a saltar de nuevo a esta página de edición aquí. Voy a borrar esa sección y esto en realidad, intenta encontrar algo un poco mejor. Así que da clic en plantillas de navegación van a volver secciones de héroes Teoh y ellos sólo Mira, hay tantas opciones geniales. Ahora este campo de golf en particular, tengo algunas imágenes de drones realmente geniales, así que probablemente quiero poner un video ahí. Entonces, solo tecleemos video y solo veamos qué opciones obtenemos aquí. Entonces tenemos dispositivo video hero tenemos aquí O Grady en overlay con video lightbox Tenemos Vamos a ver quiero Quiero Quiero es un fondo de video. Veamos aquí solo volvamos a vosotros, todos ellos, todos ellos, y tecleemos video. Eso debería darnos algunas opciones más. Así que vamos a hacer clic en esta fila de lightbox de video paralaje y eso es clic en los cambios de vista previa. Se va a abrir una ventana de vista previa, y así no tiene fondo en movimiento. Simplemente tiene. Entonces probablemente voy a pasar un montón de tiempo metiendo por aquí, Así que vamos a acelerar un poco esto. Lo que puedo hacer ahora es simplemente seguir haciendo clic atrás en estas plantillas y simplemente agregando cosas para que pudiera agregar, Vamos a como una sección sobre aquí. Simplemente desplázate hacia abajo y encuentra algún look fresco y bloques de colores. Haga clic en eso vamos a dar clic atrás, y eso lo deja caer justo aquí abajo, volveremos a hacer clic en plantillas salientes. Volvamos a, um ¿qué tal los servicios o algo loco? Haremos click en eso. Se lo aplicará. Abre otro, quizá algunos testimonios. Deja eso aquí y ahora lo que puedo hacer es hacer click en vista previa, y voy a eliminar todo esto y trabajar fuera de línea. No nos estamos mirando fijamente, pero se puede ver lo rápido que esta página principal se ve tan bien. Al igual, obviamente necesita algo de refinación, pero tenemos animaciones integradas. Tenemos imágenes de fondo impresionantes que están llenas con su totalmente sensible. A medida que nos escale, va a haber un tema realmente esbelto para nosotros. Entonces lo que sea que hagas ahora es voy a ti realmente cierra ventana de vista previa Si me gusta esto. Y todo se hizo alto quería, entonces yo golpearía actualización causa ahora mismo, cuando haces clic, cambios bonitos. Nada realmente actualizado todavía. Pero parece que golpearon actualización ahora la nueva página principal es exactamente así. Entonces en lugar de hacer clic en vista previa si hago clic en ver página, me llevará al sitio de vida a la página Vida. Y por vivo, quiero decir, sigo en el sitio de desarrollo, pero, pero, um, pero ahora todos esos cambios han entrado en vigor. Entonces tengo mucho trabajo que hacer. Parezco caer en imágenes del curso. Todavía necesito actualizar el texto para reflejar esto, Pero estoy realmente emocionada por esto y casa como se va a ver. Entonces lo que voy a hacer ahora es volver a editar página, y voy a eliminar todas esas cosas porque en realidad estoy pasando algún tiempo pensando exactamente en lo que quiero dejar caer. Y luego te mostraré cómo hice eso aquí en un segundo. Entonces es sólo eliminar toda esta basura, y, y, um, vamos a empezar de nuevo y te voy a mostrar lo que hice en el siguiente video. Muy bien, gracias chicos. 45. Reflexiones finales: Espero que hayas aprendido mucho en los últimos videos de pareja con este verdadero caso práctico, y eso se te den algunas ideas que puedes poner en marcha de inmediato. Y solo quiero hacer un seguimiento rápido de estos últimos videos. Si tiene alguna pregunta, por favor házmelo saber. Yo quiero ayudarte lo mejor que pueda. Y también quiero señalar un par de cosas que quizá habrías notado en el camino. Y una es que si estás trabajando con un cliente, Ah, muchas veces no vas a tener la libertad y flexibilidad que tuve aquí mismo, y creo que esa parte es porque para este proyecto en particular fue un comercio parcial. Entonces sí me pagaron algo en efectivo para empezar. Pero también es una especie de situación comercial residual donde llego a ir al golf y cuando tienen una actualización rápida como agregar un nuevo miembro del personal o modificar algunas fotos o cambiar algunas fechas y cosas, solo me llaman y yo sólo hacer los cambios así por eso para que no les importe. Pero no son tan quisquillosos como un cliente que, ya sabes, tal vez este sea su primer sitio web, y es todo su dinero el que han ahorrado para iniciar este nuevo negocio. Entonces cuando trabajas con un cliente así, normalmente va a haber mucho más exigente y muchas más manos, así que vas a necesitar navegar por eso. En cada caso, ya sabes, cada escenario vive. Es tu propia página web, ya sabes, obviamente podrías hacer lo que quieras. Entonces con este caso de estudio en particular, básicamente así fue. Acabo de pasar y hacer cambios que me gustan estilísticamente, y simplemente me volví loca con él. Entonces sólo algo que también, supongo considerar a medida que te acercas a trabajar con clientes riel es que vas a querer definir lo que llamamos tu alcance de trabajo. Y eso es básicamente, ya sabes, para cada fase del proyecto, ¿en qué estás trabajando exactamente y cuánto prometes por ellos por un cierto costo? Entonces sólo algo es el dedo del pie. Considera, mientras te sumerges en esto y de nuevo, si tienes preguntas, por favor siéntete libre de pegarme. Nos echa un vistazo en el grupo de Facebook así como en los comentarios a continuación. Haré mi mejor esfuerzo para responder donde pueda y también estar atentos. Esto obviamente sigue siendo un trabajo en curso para mí también, porque ah, estamos incluso ahora como estoy grabando este video, haciendo más actualizaciones a la página web. Entonces como todos puedo grabar algunos más de esos y publicarlos aquí para que puedan especie de ver la progresión de este sitio web y cómo hemos logrado mantenerlo actualizado. Muy bien, chicos, Gracias por mirar.