Cómo crear un sitio web de Wordpress 2017 - Desarrollador de páginas Elementor | Darrel Wilson | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Cómo crear un sitio web de Wordpress 2017 - Desarrollador de páginas Elementor

teacher avatar Darrel Wilson, Wordpress Designer, Digital Marketer

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Bienvenido a la clase

      3:23

    • 2.

      Hosting

      5:53

    • 3.

      Tema y plugin

      3:34

    • 4.

      Crear Pagess

      3:05

    • 5.

      Página de casa 1

      11:01

    • 6.

      HomePage 2

      7:27

    • 7.

      Imágenes y video

      11:14

    • 8.

      Íconos y contornos

      14:10

    • 9.

      Teléfono y Carousel

      7:48

    • 10.

      Customizer de temas

      10:38

    • 11.

      Acerca de nosotros

      10:23

    • 12.

      Acerca de 2

      5:16

    • 13.

      Preguntas 11

      3:51

    • 14.

      Servicios1

      13:17

    • 15.

      Widgets y pie de 1

      10:39

    • 16.

      Latijones1

      5:17

    • 17.

      Parallax1

      9:06

    • 18.

      Preguntas 2 2

      4:22

    • 19.

      Contacto

      13:43

    • 20.

      Blog

      12:31

    • 21.

      Preguntas 3 3 de la la prueba.

      6:05

    • 22.

      Pila de cliente

      9:29

    • 23.

      Optimización de móvil

      6:50

    • 24.

      Versión profesional

      3:00

    • 25.

      Sección de teléfono

      7:48

    • 26.

      Tema y plugin

      3:34

    • 27.

      Terminación

      0:50

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

895

Estudiantes

--

Proyectos

Acerca de esta clase

¡Aprende a crear un sitio web de Wordpress AMAZ, ¡¡Dominador de Wordpress y de la página de elementor !

¿Por qué toma este curso AMAZING

  • Tengo más de 15 00 00,00 minutos mirados con más 4 millones de vistas. En 180 países.
  • Domina la de WORDPRESS y el creador de páginas de elementor. Guía completa de principiantes
  • Usar y MASde que el creador de página elementor GRATIS para GRATUITOS
  • Soy un instructor superior de Udemy. ¡Encuentra por qué por qué ¡¡y por qué por qué ¡y por qué ¡!
  • ¡Obtén un aspecto moderno y impresionante para tu sitio web que impresionará!
  • ¡Aprende de un profesional que crea sitios web para una vida con más 30,000 visitas de mensual de
  • La más ACTUALIZación y el tuTORIAL moderno. ¡No te sientas de contenido Settle
  • Obtener un sitio de sitio web completamente de respuesta y respuesta
  • Más de 15 000 00 000 minutos observado. Más 4 millones de vistas. En 180 países.

A diferencia de otras conferencias. Yo cubrido todo todo. No te dejes en la oscuridad con otras lecciones que solo tienen solo una hora de duración. help a mis estudiantes y aseguré que estén informados de todos los las características de wordpress. Esta lección es muy detallado y te hará entender completamente cómo puedes crear tu sitio de wordpress desde cero como principiante.

¿Qué aprenderé de este curso?

  • Configuración y alojamiento de tu dominio y y alojamiento
  • ¡Crea sitios web de línea de maravilla de
  • Crea páginas con Elementor y Wordpress
  • Crear diseños prehechos para los clientes
  • ¡Domina la elemento Creador de páginas e incluso comienza tu propio negocio!
  • domina el creador de páginas sin la importancia de
  • Aprende a usar el drag y el desgarrador y el creador VISUAL. ¡Muy fácil
  • Maestro de Wordpress. Crea tu propio sitio web de manera simple y sencilla de la manera fácil.

Conoce a tu profesor(a)

Teacher Profile Image

Darrel Wilson

Wordpress Designer, Digital Marketer

Profesor(a)

 

Howdy All. Im here to help you all create amazing wordpress websites. A little about me, I graduated with a bachelors from Cal State Northridge and also Ashford attaining a bachelors degree. I quit my job to start my own web design business and now work as a wordpress designer and digital marketer. I continue to create free tutorials in digital marketing and wordpress tutorials. 

Ver perfil completo

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Bienvenido a la clase: Oigan, todos. Yo solo quiero seguir adelante y decir gracias por tomar mi curso. Ya sabes, estás en camino de convertirte en diseñador web o simplemente en emprendedor. Quería aprender a dominar WordPress como un principiante completo o simplemente un dueño normal de negocios solo con ganas de crear su propia página web. Ahora, quiero hablar de lo que se puede aprender en este curso y también de lo que se puede esperar de él Ahora, . en realidad soy uno de los instructores más valorados sobre ti para mí, y también soy conocido por mi diseño. Chicos, realmente estreso el diseño como todo. ¿ De qué sirve hacer una página web si a nadie le gusta? Correcto. Entonces en este curso, no solo te voy a enseñar a dominar WordPress y también dominar los cascos o page bowler, sino que te voy a mostrar cómo enfatizar el diseño en todo. Ahora, en este curso, vas a aprender todo sobre WordPress regular cómo utilizar todas las funciones para WordPress y también cómo utilizar los elementos o constructor de páginas, que es con mucho el constructor de páginas gratuito número uno ahora mismo en el mercado. Entonces hablaremos de cómo hacerlo sobre nosotros Page Services Page. Hablaremos más de los diseños pre hechos y lo que primi permite en realidad son. Es básicamente una página que ya ha hecho por ti. Ahora esta página bowler hará todo el trabajo arduo gratis. En realidad creará tu propia página para ti desde cero. No hace falta hacer nada en absoluto. Entonces esto es un paginado y esto es en realidad se te dará de forma gratuita. No tienes que pagar por nada y tienen varios diseños pre hechos gratis. Entonces si necesitas ayuda con inspiración y diseño, no te preocupes. Este rodillo de página tiene mucho para ti. También he incluido quizzes en este curso y estos quizzes están diseñados para especie de ayudarte a pensar en diferentes estilos y también te ayudan a lograr diferentes looks para tu sitio web . Y también hablaremos del efecto paralaje. Ahora este es un estilo muy nuevo que están haciendo muchas armas. Entonces ya sabes, soy muy moderno. Enseño muchas tendencias de estilo moderno en mis tutoriales. No me gusta enseñar viejos temas malos. Si quieres un mal tema si solo quieres sitio web. Esto no es que el Taurel para ti, Así que solo te estoy avisando. Ahora mismo vas a hacer que algo parezca realmente profesional y también muy fácil. Esta cosa es tan fácil de aprender, chicos, realmente, realmente lo es. Entonces en este curso, ustedes pueden esperar aprender todo esto. Lo único que no estaré cubriendo no estaré cubriendo el comercio electrónico. Eso cubriré en un tutorial separado. Pero por ahora, vamos a aprender a usar el bowler de página. Hablaremos de cómo dominar WordPress, cómo puedes construir sitios para otras personas o para ti mismo desde cero. Entonces espero que esto, ya sabes, a Tora realmente los ayude chicos. Hay mucho que voy a cubrir. Y realmente quiero recalcar que para entonces es tutorial. Ustedes podrán dominar WordPress, pero no sólo los chicos de Master Wordpress. Ya sabes, crear una vista hermosa lo es todo. Hay tantos tutoriales en Internet donde solo están enseñando basura a la gente. Yo solo soy como, ¿por qué les enseñas a hacer esta fea página web? Nadie irá a ello. No, lo van a comprar. Correcto. Entonces, chicos, están en el lugar correcto. Tan solo sé consistente con estos tiempos. Puede ser frustrante. Yo lo sé. Confía en mí. Yo he tocado caminos por lo dinero en las cuadras de la carretera, así que sé cómo va. Entonces solo sé consistente con este tutorial. Y también, chicos lo miran todo el camino antes de que me hagan preguntas. Siento que mucha de la pregunta que la gente me hace en mis pasadas conferencias son de personas que simplemente no la ven. Simplemente ven un video durante cinco minutos. No miran el resto y luego me hacen un montón de preguntas. Dije, Hermano, está en el Es en el video. Sólo tienes que verlo, ¿sabes? Entonces mira los videos, chicos me violan. manera apropiada, hay algo que extraño o hay algo de lo que quieras hablar. Por favor siéntete libre de avisarme que estoy aquí para ayudar. OK, así que sigamos ahora y empecemos con el curso 2. Hosting: Muy bien chicos. Entonces lo primero que vamos a hacer es conseguir un hosting y conseguir un dominio. Ahora también recibirás un dominio gratuito con este sitio web y además recibirás el mayor descuento disponible para Team be hosting, que me han dado para que pueda dar a mis alumnos. Esta empresa también te da SST hosting que actualmente es el hosting más rápido disponible en el mercado. Entonces sigamos adelante y pinchemos en Comenzar ya. Está bien, así que tenemos el iniciador, el negocio y el profesional. Siempre recomiendo el negocio porque con el negocio se obtienen sitios web ilimitados alojados en lugar de solo uno tal vez por el camino. ¿ Quieres hacer más webs? ¿ Quién sabe? No lo sé. Ya veremos qué pasa. Por lo que justo año voy a ir a inscribirme ahora y seguir adelante y entrar en tu dominio. Entonces voy a poner en me encanta kylo ren y voy a proceder. Esperemos que la nueva película de Star Wars sea buena. Se llama pícaro uno público. Vigílala mañana para que veamos cómo va eso. He escuchado grandes cosas de su espero que el bombo valga su bien, bien, bien, así que felicidades aquí mismo. Vas a seguir adelante y ponerte tu nombre de pila. Tu apellido, Toda esta información genial aquí mismo. Está bien. Y luego aquí mismo. Se puede pagar con tarjeta de crédito, o ya se puede pagar con PayPal. Ahora, la información de compra aquí mismo. En realidad han elegido automáticamente el centro de datos que está más cercano a nosotros. Entonces no necesitamos meternos con eso. Y aquí mismo tenemos punto. Entonces tenemos un mes, un mes o 12 meses ahora. Siempre recomiendo 12 meses porque el código de cupón que te voy a dar te va a dar un descuento más grande si te inscribes más tiempo. Entonces aquí mismo, voy a decidir desmarcar la protección de privacidad de dominios. Pero en realidad sí lo recomiendo. Esto básicamente esconde tu información personal. Si alguien intenta ¿Quién eres tú? Entonces ya sabes, voy a seguir adelante. Déjalo encendido. Entonces aquí mismo bajo el código promocional, vas a entrar a Darryl 626 Ese es en realidad mi código postal. Vivo en Pasadena, California. Por lo que aquí mismo, dar click en aplicar. Y tu básico va a pagar sólo 86 dólares por todo el año. Por lo que obtienes un dominio gratuito, y ese es el código de cupón máximo que este sitio web tiene para ofrecer. Y en realidad es muy, muy barato. Por lo que vas a tener toda una página web abierta durante todo un año y dominio libre. Ahora, si no quieres protección de privacidad de dominio, puedes seguir adelante y desmarcar esa casilla y el precio bajará en $10. Estarás solo pagando $76.45 o puedes hacer mes a mes. Pero recuerda, esto es un 7% de descuento sobre toda la cantidad, así que lo haces mes a mes, no vas a ahorrar tanto. Pero recuerda, esta empresa sí da reembolsos, por lo que si por alguna razón no estás satisfecho, en realidad te darán un reembolso completo. Muy bien, así que una vez que hayas terminado con toda esta información aquí y todas estas cosas geniales aquí mismo , vas a seguir adelante y dar click en check out, y en realidad te va a enviar a tu portal. Y en realidad te encontraré aquí mismo. Mi portal, porque tengo hosting con esta empresa también. Entonces voy a seguir adelante e iniciar sesión. De acuerdo y podrías conseguir algunos popups. Ya sabes, pidiéndote que compres su s yo o lo que sea que seas, ya sabes, lo que sea. Están tratando de venderte su hasta si quieres comprar esos o no. Pero mientras tanto, solo voy a seguir adelante y dar click, tal vez más tarde. Este es en realidad un portal, Beta que tienen pasando. Van a cambiar su portal. Entonces me voy a ir. Sí, tal vez más tarde ya. Entonces tenemos que hospedar en dominio Vigata. Todo lo que necesitan hacer ahora es instalar WordPress, y es muy, muy sencillo de hacer. Entonces aquí mismo, solo vamos a desplazarnos hacia abajo al panel R C, iniciar sesión y seguir adelante y elegir tus cuentas de hosting. Entonces aquí mismo, voy a ir a iniciar sesión. De acuerdo. Por lo que bienvenido a su panel C. Este es tu panel C, y en realidad lo han hecho mucho amigable de usar, ya sabes, antes, era un montón de pequeñas palabritas y todo. Y ahora tienen una especie de, ya sabes, tienen, ya sabes, más modernos, más de moda. Se ve un poco bien. Entonces todo lo que tengo que hacer aquí es que vamos a seguir adelante y desplazarnos hacia abajo. Basta con seguir desplazando. Simplemente siga desplazándose también. Aquí mismo. Donde dice WordPress y WordPress es con lo que vamos a utilizar para crear nuestro sitio web . En realidad es la más popular. En realidad creo que es el 35% de todos los sitios web en Internet usan WordPress. Está bastante loca. Eso es mucho. Ya es así que todos ustedes que hacer por aquí es solo dar click en instalar ahora y aquí mismo va a decir a protocolo, Sólo ve y deja este estándar aquí mismo. Adelante y asegúrate de seleccionar tu dominio. Entonces el nombre que compraste asegúrate de que esté ahí mismo. Aquí mismo en el directorio. Asegúrate de que no haya nada ahí. De acuerdo, repito, asegúrate de que no haya nada ahí o solo vas a insultar tu página web. Dash WP que no es lo que queremos para la configuración de tu sitio. Podemos cambiar esto más adelante en WordPress. Entonces no es tan grande de un problema aquí mismo para tu usuario administrador. Adelante y haz un nombre de usuario para ti, y luego también crea una contraseña. Entonces, ya sabes, solo voy a dejar en admin y pasar por ahora y seguir adelante y poner en tu email el que quieras, ya sabes, si olvidas la contraseña. A dónde quieres que vaya ese correo electrónico, etcétera. Y vamos a desplazarnos hacia abajo. Y además, si hablas diferentes idiomas, este sitio web lo acomodará. Por lo que tienen un montón de idiomas diferentes que puedes seleccionar. Yo solo hablo inglés, así que voy a seleccionar inglés, y voy a desplazarme aquí abajo, y voy a dar click en Instalar. Y cuando haga clic en esto se va a instalar WordPress en mi dominio. De acuerdo, así que adelante y haga clic en instalar. Está bien, así que dice que toma alrededor, ya sabes, 3 a 5 minutos, pero en realidad es mucho más rápido que eso. Ahí vas. Ya está hecho. Fui bastante rápido. Entonces recuerda, tenemos nuestro nombre de usuario y contraseña, así que el mío fue admin y luego pasó. Ahora tenemos que seguir adelante y hacer clic aquí, y esto en realidad iniciará sesión en nuestros sitios web. Entonces hice clic en eso. De acuerdo y estamos logueados en wordpress. Impresionante. Por lo que conseguimos nuestro hosting. Tenemos nuestro dominio y hemos instalado wordpress. Enhorabuena a todos. Estás haciendo increíble. Entonces en la siguiente sección realmente instalaremos el tema y en realidad usaremos el constructor de páginas . Entonces los veré a todos ahí. 3. Tema y plugin: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces ahora vamos a instalar el tema de WordPress y vamos a añadir el constructor de páginas . Entonces aquí mismo bajo apariencia, ve a temas. Ahora, cómo funciona WordPress es básicamente que instalas un tema en tu sitio web. Ahora, aquí mismo puedes hacer click en añadir nuevo tema y estos son todos diferentes tipos de temas. Es básicamente la estructura de tu sitio web, cómo se ve y la sensación de ella etcétera. Ahora cada uno de estos tiene diferentes constructores de páginas. Ah, muchos de ellos tienen diferentes estilos de personalización, etcétera. Por lo que en realidad vamos a usar un tema muy calificado llamado Generar Prensa. Entonces aquí mismo bajo la barra de búsqueda, puedes teclear, genera prensa , genera prensa, y va a ser ésta de aquí. Y puedes hacer click en detalles en vista previa y está muy altamente valorado, ya sabes, 309 comentarios todos cinco estrellas. Entonces vamos a estar usando un muy buen tema de WordPress. Entonces aquí mismo bajo este botón de instalación va a dar clic en instalar, y esto va a instalar el tema en nuestro sitio web de WordPress. Entonces esto es básicamente un pequeño adelanto de cómo se va a ver. Pero claro, no es Parece nada como lo es. Se va a quedar mucho mejor ahora aquí mismo. Voy a dar click en activar. Está bien. Y digamos que quieres, ya sabes, checarlo. Echa un vistazo a tu página web y mira cómo se ve. Puedes hacer click en visitar sitio aquí mismo. Y este es nuestro nuevo sitio. Muy aburrido. Muy no bonito. OK, pero no te preocupes, vamos a hacer que se vea increíble. Entonces por aquí bajo nuestro tablero. A continuación vamos a enchufes y vamos a ir a añadir nuevo ahora un resumen rápido de los enchufes. La mejor forma en que puedo describir los enchufes son como APS para el iPhone. Es básicamente como APS para tu sitio web, como crear un foro como crear un sitio web de redes sociales para hacer clic aquí en nuestro popular. Vamos a conseguir todo tipo de diferentes. Es decir, hay millones de enchufes y todos tienen diferentes características. Esto aquí mismo crea un formulario de contacto. Esto aquí mismo mejora tu optimización en el motor de búsqueda. Esto aquí mismo, crea una captura. Hay tantos y la mejor manera como dije para describirlo es que son solo APS para tu sitio web de WordPress, y podría seguir y seguir con ella con bludgeons. Pero hay más de miles de ellos aquí mismo. Se puede ver que hay miles y hay más de 34 páginas. Así que realmente rápido. Todo lo que vamos a hacer es instalar el constructor de páginas y vamos a estar usando un constructor de páginas gratis y se acaba de golpear al mercado y es realmente, realmente, muy bueno. Por lo que va tipo en L. Un mentor. L un mentor tan elemento o y van a estar usando este constructor de páginas. Ahora Este peso acaba de salir, pero ya está pegando al blog. Ya está golpeando todo tipo de sitios web por su facilidad de uso. Es tan fácil usar este constructor de páginas así que va a dar clic en instalar ahora ya. Por lo que se está instalando. Y estos también son enchufes extra para esta página bowler porque se va. Se está volviendo tan popular que la gente realmente está creando enchufes solo para este plug ins. Ah, en realidad se está volviendo muy, muy popular con el paso del tiempo. Por lo que aquí, vaya a dar click en activar. Muy bien, felicitaciones. Por lo que hemos instalado el tema de WordPress y hemos añadido Elemental, que vamos a utilizar esto para instalar nuestro diseño nuestras páginas ahora. Como dije, es totalmente Dragón caído. Chicos, es súper fácil usar este constructor de páginas, y les voy a mostrar cómo hacer eso en este tutorial. Entonces a continuación, sigamos adelante y pasemos a la siguiente sección donde vamos a crear algunas páginas, así que los veré a todas ahí. 4. Crear Pagess: Muy bien, chicos, chicos, bienvenidos de nuevo. Por lo que antes de empezar a diseñar el sitio web, queremos salir y cambiar algunos ajustes y también crear algunas páginas ahora, aquí mismo bajo ajustes, bajamos a enlaces de Perma. Ahora bien, esto es muy importante de hacer en todos los sitios web de prensa vial. Ahora ves todas estas opciones que tenemos justo aquí. Queremos cambiar la configuración común a nombre del puesto. Ahora, la razón por la que hacemos esto es porque cuando vas a un sitio web como Amazon, ya sabes, no dice amazon dot com dash shop violación, no amazon dot com dash 2016-1 a dash, etcétera. Entonces con el post steam hace realmente ayuda a optimizar tu sitio web para buscar es como Google y Yahoo. Entonces no sé si estar todavía por ahí creo que el ser sigue por ahí. Entonces sí, quieres hacer bajo nombre de la publicación y aquí mismo, click en guardar cambios. Ahora, otra cosa que quiero señalar es que estás aquí a los usuarios y solo tienes que dar click a los usuarios y vas a ver tu pequeño perfil ahí mismo. Y en realidad puedes ir y hacer algunos cambios ¿verdad? aquí. Ya sabes, puedes ponerte un poco declarativo. ¿ Cuál usar para este tutorial? Es amable como la medianoche. Creo que está más claro y el legislador es bueno. Y además, si quieres cambiar tu contraseña o poner en tu correo electrónico, aquí es donde lo vas a hacer. Entonces aquí mismo, este es tu correo electrónico. Y además, digamos que quieres cambiar tu contraseña. Entonces aquí mismo haces clic en generar contraseña, y luego vas adelante y simplemente pones lo que quieras y luego haz clic en actualizar perfil. De acuerdo, así es básicamente como cambias tu contraseña. Entonces haremos clic en Actualizar perfil ahora, Y vamos a agregar algunas páginas en So aquí mismo debajo de las páginas. Se va a dar clic en páginas, y viene con una página de muestra, pero vamos a seguir adelante y elite que no queremos eso. Entonces voy a estropear eso y sólo vamos a ir aquí mismo y añadir una nueva página igual que ,ya sabes, , casa sobre. Eso es exactamente lo que estamos haciendo. Entonces aquí mismo, vamos a ir a casa. Pero hay algunos ajustes que necesitamos cambiar antes de seguir adelante ahora esto lo funciona muy bien con elemental por sus opciones con el layout de la barra lateral y el pie o widgets . Entonces aquí mismo quieres asegurarte de que diga contenido. No hay patillas. Queremos tener que los widgets seleccionados van a seguir adelante y poner tal vez dos. Hablaremos de widgets cuando hayamos terminado de diseñar la página. Se quiere seguir adelante, hacerlo lleno con. Porque hoy cada sitio web está básicamente lleno con no creo que ningún sitio web nuevo se haya rebajado más. Y también queremos hacer el título de contenido. Entonces el continental, por ejemplo, No queremos decir casa aquí mismo en nuestra página. Ya dice casa aquí mismo. Entonces no queremos decirlo dos veces, así que eso es exactamente lo que estamos haciendo. Entonces estamos sacando el título. Estamos haciendo la página llena con, y no estamos agregando ninguna barra lateral. De acuerdo, así que debes asegurarte de que esos estén en su lugar antes de diseñar la página. Entonces no estoy gon publicar y está creando la página. Ahí vas. Tenemos nuestra página. Fue totalmente creado. Si quieres ver tu página, todo lo que necesitas hacer es dar click en los cambios de vista previa aquí mismo, y solo te va a mostrar la página. Ahora, claro, la razón por la que se ve así es porque no le hemos puesto nada a la Basia. Ahí no hay nada. Entonces así es básicamente como diseñamos la página principal. Entonces la siguiente sección, chicos, vamos a empezar a diseñar la página, así que vamos a usar L. Un mentor, y los veré a todos ahí. 5. Página de casa 1: Muy bien, chicos, vámonos ahora y empecemos a diseñar nuestra página. Entonces aquí mismo, Going click en editar con L un mentor y se va a abrir una página y luego a partir de aquí, vamos a empezar a diseñar nuestro sitio web. Entonces voy a ir a referirme a este sitio web aquí mismo, y vamos a usar esto como un chico de referencia para una especie de ayudarnos a entender cómo creamos esta página. Entonces aquí mismo, realidad vamos a insertar un widget de texto. Entonces aquí mismo bajo nuestro editor de texto, todo lo que hay que hacer es simplemente seguir adelante y simplemente tomar esto y luego simplemente arrastrarlo justo ahí. Ahí está. Entonces en realidad justo aquí. En realidad quiero eliminar todo esto aquí mismo, y quiero simplemente poner en una imagen. Está bien, así que voy a dar clic en el retroceso y luego aquí mismo bajo Adam Media, vamos a añadir en una foto aquí mismo. Entonces aquí mismo. Haga clic en seleccionar archivos. Ahora, en la diapositiva anterior a esto, realidad os instruyeron a descargar un paquete de mi dropbox. Así que adelante y descarga todas esas imágenes y puedes usarlas como guía de referencia así que en realidad voy a, ya sabes, realidad voy a subir todas estas en este momento solo para ahorrarme algo de tiempo, y voy a dar click en abrir, y luego en realidad voy a descargar todos estos. Por lo que voy a posicionar video por un segundo mientras estos se descargan. Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces sigamos adelante ahora y entramos a este pequeño local aquí mismo. Por lo que vamos a contestar el logo elemental, y es posible que quieras ponerte tu logo también. Y no tengo logo. No te preocupes. Te mostraré cómo puedes conseguir uno. Muy, muy sencillamente Así que aquí mismo. Es decir, haga clic en insertar en página. Ahora ustedes pueden ver que es un poco blanco, y eso es sólo porque aún no tenemos antecedentes, Pero no se preocupe. Pondremos en segundo plano. Entonces ahí mismo, respondimos en la imagen ahí mismo. Ustedes no pueden verlo. Eso está bien. Ahora justo aquí. Ir a dar click en sección. Entonces cómo funciona esto, chicos, es que esta sección va a controlar realmente la sección. En la columna se controlará todo en el apartado. Entonces aquí mismo en sección vamos a hacer esto lleno. Por lo que quiero hacer esto lleno con ahora. Ustedes pueden ver que en realidad se ha extendido por toda la página. Ahora, solo digamos que queremos seguir adelante y agregar en una imagen que quieras empezar,ya sabes, ya sabes, tener algo en segundo plano para que nuestro sitio se vea bien. Entonces aquí mismo bajo estilo, ve aquí al clásico para el fondo. Y ahora aquí mismo se puede ver imagen. Ahora también hay color. También hay un fondo, excesivamente una frontera, etcétera. Entonces aquí mismo, basta con dar click en este cuadro de imagen, y voy a seguir adelante y añadir en una imagen de fondo. Por lo que ponemos esta imagen del caballo y hacemos clic en insertar medios. Está bien, así que se ve bastante bien. Por el momento, es un poco pequeño, pero no se preocupe por ello. Entonces después de que ustedes hayan hecho eso, ahora podemos ver el logo ahí mismo. Ahora en realidad podemos ver algo bien. Por lo que haciendo clic en este logotipo aquí mismo. Digamos que quiero centrar esto. Digamos que quiero mover a este local por algún lugar donde quiera que esté justo aquí bajo estilo. Ya ves lo que dice Alineación va a dar click en centro. Ahí lo tienes. Por lo que ahora la caja justo ahí está en la sección centro. De acuerdo, así que hemos agregado en esa sección y la razón por la que no podemos ver el resto de las páginas porque no hemos puesto suficiente contenido, pero en realidad podemos hacer esto lleno con. Entonces por aquí bajo sección de contorno, tenemos todas estas otras opciones aquí mismo. Tenemos brecha de columna. Tenemos alturas, y tenemos posición actual ahora para alturas podemos seleccionar ajuste a pantalla y en realidad encajaremos esta sección aquí de acuerdo a nuestra pantalla. Ahora. Además, si quieres cambiar la altura del mismo como la altura de los hombres, en realidad podemos establecer la altura exacta que queremos. Por lo que al arrastrarlo, en realidad puedes obtener el tipo exacto de posición donde te gustaría que fuera para tu sitio web. Entonces justo ahí probablemente se vayan en 950 y Alcoa y cierre esto. Está bien. Entonces ya se ve bastante guay. Tenemos un logo en el medio. Tenemos este hermoso fondo. Vámonos. Y contenido de Adam Seymour. Entonces aquí mismo, voy a cocinar en estos pequeños estos pequeños nueve cuadrados, y básicamente nos remití de vuelta a nuestros widgets. Entonces estos aire básicamente cosas que simplemente arrastramos y soltamos chicos a nuestra página y nos ayudan a diseñar algo. Entonces aquí mismo, bajo rumbo, voy a seguir adelante y agarrar eso, y lo voy a poner justo debajo de ahí. Ahora se puede ver aquí mismo. Tenemos texto ahí mismo. Entonces Siart dice que esto es un encabezamiento elementos. Simplemente adelante y pon lo que quieras. Así que bienvenidos a este tutorial. Ahora, también puedes cambiar el tamaño. Por lo que aquí mismo bajo tamaño, podemos seleccionar pequeño. Puedes seleccionar mediano, podemos seleccionar grande, extra grande o extra grande. Lo voy a dejar en extra grande y justo aquí están las alineaciones. Yo quiero poner s centro también. Por lo que ahora se puede ver que el texto ahora está centrado. Por lo que yendo aquí al estilo, podemos cambiar el color del texto. Podemos cambiar la fuente. Podemos cambiar todo tipo de cosas. Entonces justo aquí en nuestra topografía siendo click en esto y justo aquí tenemos tamaño. Entonces aquí mismo puedes controlar realmente el tamaño exacto que quieres la página. Perdón, el texto para parecer, así que sólo voy a seguir adelante y dejarlo a tal vez 60 píxeles. Me gusta o cuidado. O simplemente podrías hacer esto. Yo sólo voy a ir a hacer esto. Ahí lo tienes. 60. Y para el color del texto, lo quiero blanco. Por lo que aquí mismo puedo dar click en blanco. Ahora, también puedes obtener diferentes efectos. Entonces digamos que quieres que se haya volado. Ahora digamos que se quiere reducir la transparencia. Entonces aquí mismo esta segunda barra es la barra de transparencia. Entonces si tomo esto y lo arrastro, vas a ver que las letras se desvanecen porque se está volviendo cada vez más transparente. Ahora, podrías hacer esto por cualquier color. Y esta barra aquí controla la oscuridad del color. Entonces lo quiero más leído o no lo quiero Dura, Leer más, leer menos. Lee Esto aquí mismo reducirá la transparencia, etcétera. Entonces no quiero un blanco. Yo quiero mantenerlo sencillo. No dejaré ese blanco. De acuerdo, Ahora también, puedes hacer otras cosas. Entonces, por ejemplo, queremos cambiar la transformación. Podemos tener esto todo mayúscula podemos tener todas las minúsculas o todas capitalizadas. Ahora bien, no me gusta hacer esto porque esto no lo sabes, prefiero hacerlo yo mismo. Ya sabes, no quiero que se las digan todas. mayúscula. Eso no me gusta. Si quisiera cierta manera, lo haré. Correcto. Entonces aquí mismo tenemos familia. Ahora bien, esta es la fuente. Entonces es tipo de fuente que ustedes quieren para su texto? Tienen cientos de fuentes, generalmente fuera a recomendar fuentes fáciles de Google. Pero este plug in, creo que tiene suficientes fondos para ti. Entonces, como dije, podríamos simplemente agarrar cualquier cosa. Ves, estás aquí. Cual que es fea Fondo. Esa es una fuente fea. Eso fue bastante guay. Ya sabes, yo era lindo, pero uno al que realmente me apego es Roboto. Ahí hay diferentes tipos de nuestra botella. Creo que solo roboto regular es bueno o botella se condensa, en realidad, bastante bueno también. Pero sólo voy a hacer roboto, vale. Y también la espera. Por lo que esto camina para controlar el tamaño de las fuentes. Entonces por ejemplo, pero 300 se puede ver que ahora es más delgado, por lo que se puede seguir adelante y cambiar los pesos. O puedes hacerlo audaz para este estilo aquí mismo. Podemos tener una cursiva normal o ahí, esa de ahí. Creo que es sombrío. Entonces ya sabes, un republicano taliico. Déjalo como predeterminados para aquí. Altura de línea. Hablaremos un poco más sobre la línea alta y el espaciado entre líneas. Basar el Vice básicamente sólo hace espacio entre las letras. Entonces, por ejemplo, aquí mismo va a seguir adelante y decir así. De acuerdo, entonces si quieres interlineado, podrías hacer eso. Ahora, altura acostada es en realidad buena para un montón de texto. Por lo que hablaré de eso en el siguiente apartado y también avanzaré. Hablaremos más de margen y palmaditas un poco más tarde, pero también quiero hablar de animación de entrada. Entonces aquí mismo. Si haces click en esto, realidad podemos ir a, ya sabes, rebotando y a la izquierda. Podemos cambiar la animación, Así que si alguien visita, la página se va a ver así, y ustedes también pueden hacer esto por su imagen. Puedes hacer esto por tu ícono. Se puede hacer esto por cualquier widget sencillo, así que aquí sólo voy a seguir adelante y decir: ¿Qué hay de rodar? Eso es genial. A mí me gusta. Eso podría hacerlo. O la velocidad de la luz. Está bien. dejaremos a la velocidad de la luz. En realidad, no, no, no. Estamos haciendo rodar. Eso me gusta un poquito más. ¿ De acuerdo? Y aquí mismo dejaremos el margen y palmaditas. Hablaremos un poco más de margen y palmaditas solo un poco más tarde. Y para el color de fondo, podemos seguir adelante y cambiar la copia de seguridad. Pero no recomiendo hacer esto porque esto en realidad va a cambiar el color de fondo para esta sección específica, que no recomiendo. Pero solo por el sake tutorial, te mostraré cómo se ve. Tan clásico podemos seguir adelante y cambiar el color aquí mismo. Entonces ya ves cómo está cambiando el color del color de fondo. Ahora, recuerda, sólo lo va a hacer para esta sección específica. ¿ De acuerdo? Entonces no lo recomiendo, pero a algunas personas les encanta, ¿sabes? Por lo que nos gustaría la forma en que se ve. Yo no lo hago. Pero sólo para fines totales, voy a seguir adelante y sólo claro que no queremos eso. Muy bien, Así que ahora sigamos adelante e insertemos este otro widget de texto aquí mismo. Muy bien, así que volviendo aquí arriba, haga clic en eso y vaya al editor de texto. Y también va a hacer chicos es sólo tomar este editor de texto y simplemente arrastrarlo debajo. Ahora, ya ves dónde aparece esa pequeña línea. Ahí es donde va a aparecer el texto. Entonces voy a seguir adelante y dejarlo caer. Y ahí tienes. Tenemos texto, y está todo bien aquí. Ahora voy a ir a mi famosa página web. Este es un sitio web secreto al que voy a Lotes. No se lo cuentes a nadie. Es texto ficticio, y es simplemente texto ficticio. Y es solo texto para rellenar la página para que se vea terminada. Se puede decir así. Voy a seguir adelante y copiar esto y luego volver aquí y voy a seguir adelante y sólo retroceder esto y pegar esto ahí dentro. ¿ Todo bien? Ahora, por aquí, bajo estilo. Lo vamos a alinear, y le vamos a agregar algo de color de texto. Está bien, ahora, apuesto a que te estás preguntando, Darryl. No quiero que se estire por toda la página así. No se ve bien y estoy totalmente de acuerdo. Entonces vamos a seguir adelante y cambiar eso. Pero primero, sigamos adelante y sigamos hablando de algunos de los ajustes en los que podemos cambiarlo. Entonces bajo el contenido, lo tenemos ahí mismo bajo el estilo. Podemos hacer click en topografía aquí mismo. Y, ya sabes, podemos seguir adelante y cambiar el tamaño. Podemos cambiar los pesos. Todas las mismas opciones que teníamos recordar, esto va a ser muy consistente con muchos de los módulos porque muchos de los módulos funcionarán igual, y se verán igual para muchos tipos diferentes. Entonces si te encuentras como cuando hablamos del widget del ícono, se va a ver muy similar a esto. Entonces una vez que algo así lo aprendes para un widget, como que lo aprendes para todos los widgets. Y estos son muy autoexplicativos. De verdad no sé de qué otra manera decirte cómo cambiar el color, verdad? Como si así fuera básicamente como lo haces, ya sabes, y por aquí debajo de avanzada, misma cosa. Podemos tener algunos ajustes de margen aquí mismo. Podemos cambiar la marcha. El lo siento. El interés de la animación, etcétera. Igual que eso. De acuerdo, así que eso se ve bastante guay. 6. HomePage 2: Entonces sigamos adelante y pongamos el texto en este centro. Ahora, hay dos formas de hacer esto. Te voy a mostrar los dos caminos justo aquí debajo de esta sección, aquí mismo. Ve y da click en sección y justo aquí, justo aquí. Dice contenido con podemos hacer esta caja. Entonces al hacer esto, somos una especie de boxeo en el texto. ¿ Ves cómo lo hice? Por lo que ahora el texto está en esta pequeña sección justo aquí. Ahora hay otra forma de hacerlo cambiando el relleno para esa sección. Entonces voy a ir por aquí y llevarnos de vuelta al completo con voy a dar click en este pequeño módulo de texto y voy a ir a avanzado ahora bajo relleno justo aquí. Nos vamos a asegurar que esto esté descontrolado y queremos hacer espacio a la izquierda y a la derecha. Entonces aquí mismo podemos dar click tal vez como pondremos 500. Ahora, ustedes pueden ver que el relleno justo aquí es de 500 píxeles y siempre se necesita a eso para el lado izquierdo. Entonces dejó 500 o, ya sabes, donde quiera que estés tratando de posicionarlo. Entonces pondré tal vez 600 y entonces éste puede ser, ya sabes, 600 por 500 o lo que sea que intentes lograr. Esa es otra forma en la que básicamente puedes controlar dónde quieres que esté específicamente el Texas. Entonces ahí es básicamente donde las palmaditas vienen en una obra de teatro. Pero encontraremos mejores razones para dar palmaditas un poco más tarde cuando hablemos de, um, iconos y fondos, etcétera. Entonces por ahora, voy a ir y dar clic en sección, y sólo vamos a ir a la, um ¿cuál es la sección de contenido aquí mismo? Y yo iba a ser boxeada así. Creo que esto es mucho más limpio. Se ve más fácil. Y este es el preferido. Ahora, sigamos adelante y agregamos un botón. Entonces aquí mismo, vamos a tomar este pequeño icono de botón y solo grupo tratando de meternos justo ahí debajo . Y ahí tienes. Tenemos un botón. Entonces nosotros en una posición básicamente esto y me encanta esta cosa. alineamiento centrado se ve perfecto. Ahora, aquí mismo, podríamos tener tipos como info. Ahora todo esto realmente hace es cambiar el color. Esto es como un atajo. Entonces escucho el éxito. Básicamente te están diciendo como secretos como estos colores representan, ya sabes, peligro o etcétera. Y sabes que está probado. Ya sabes, mucha gente mira ciertos colores en el sitio web como el rojo, sabes, ya se alejan de él. No haga clic en ese sitio web. Eso es básicamente lo que han hecho. Ahora tú Aquí contiene el texto. Entonces voy a hacer contactarnos y enlazar. Entonces, ¿a dónde quieres que vaya este enlace? Entonces recuerda al hacer esto siempre empieza con un CTP Así que un CPP zero wilson dot com Y ¿de qué talla quieres esto? Bueno, yo lo quiero medio. Yo lo quiero grande o quiero extra grande. Sólo voy a ir a dejarlo como medio por ahora. Y por aquí bajo estilo. Ah, perdón por Icon. Podemos seleccionar un icono específico. Y chicos, tienen cientos de iconos entre los que podemos elegir. Entonces, por ejemplo, digamos que puse algo como este Gears. Vas a ver que aparecen los engranajes justo al lado del icono. Y también podemos cambiar el espaciado de iconos también. Ya ves cómo el icono se aleja del texto Podemos cambiar eso. Ahora. También podemos decidir si quieres esto antes o después. Entonces ahora el engranaje está tras el texto, o podemos tenerlo antes. De acuerdo, Ahora, probablemente voy a poner algo como esto. G ¿Qué es eso? G d? Eso se ve bastante guay. Dejaremos eso. Eso es bueno. A mí me gusta. Por lo que aquí va a ir estilo dis. Y podemos cambiar el color del texto. Entonces, por ejemplo, si quieres cambiar el color del texto, aquí es donde te gustaría hacerlo, acuerdo? Y traseros y flotar sobre. Entonces cuando alguien se cierne sobre el botón, ¿qué quieres mostrar? Entonces digamos, por ejemplo, quiero texto rosa o ¿Qué es eso? Sí, bueno, haz algo realmente obvio, como este texto rosa. Y entonces realmente tendremos el color de fondo para que sea verde. Entonces recuerda cuando pase el cursor sobre este botón, el color de fondo va a cambiar a verde, y el texto ahora es rosa. ¿ Ves eso? Entonces, ¿quieres esa mirada cuando alguien se cierne sobre ella? Así es como lo haces. Está bien. Y por supuesto, aquí mismo podemos cambiar el botón tan rápido sobre radio de botón. Hablaré de eso. Pero aquí mismo contiene el color de fondo del botón. También puedes cambiar las fuentes Ahora, Recuerda antes cómo hablamos de la familia, el peso, todo esto etcétera. Estas son las mismas opciones exactas para los chicos del módulo de texto. Entonces de aquí en adelante, fuera del resto del tutorial, realmente no voy a volver a cubrir todos estos porque en este punto es muy redundante a tal tamaño, etcétera. Entonces, ya sabes, estas alturas, ojalá entiendas lo que todo esto significa. Tales como las fuentes, los pesos, la transformación y el estilo. Está bien. Y también las alturas de línea y el espaciado de líneas. De acuerdo, así que vayamos por aquí al tipo fronterizo. Ahora lo podemos tener como sólido. Podemos tenerlo como doble, o podemos tenerlo como punteado. De acuerdo, Ahora lo que es eso es el color del borde en el contorno. Entonces aquí mismo, pondremos como un con testamento, pondremos como cinco. Ya ves como pongo un con ahora está punteado ahora se duplica. Ahora está disgustado, etcétera. Entonces lo voy a dejar como sólido, como uno sólido ahí mismo. Y también el radio del botón justo aquí Así que cuanto más grande tengas esto, más redondo va a ser. Entonces pongamos esto en 100. Ya ves como ahora se redondea al 100 pero es sólo un put 50. Es algo más ligero, ya sabes, pero eso es básicamente lo que hace el radio fronterizo. Entonces si quisieras tener, como un radio alrededor de estos pequeños iconos, eso es lo que son cuatro, vale, y también el relleno de texto que no recomendaría hacer. Eso se debe a que sí se ve un poco extraño, pero puedes tener el relleno lejos de eso. Entonces tal vez, ya sabes que siempre hay un uso para algo, chicos. A lo mejor puedes tener tres cajas gigantes. Ya sabes, siempre hay un uso específico para cada opción. Es justo lo que querías estar bien. Y, por supuesto, el autobús que sobrepasa. Y también podemos tener una animación para eso. Ya sabes que puedes tener una animación para pasar el rato por encima así podemos tener como, un latido del corazón ahí mismo o etcétera y bajo avanzado justo aquí está el margen. Entonces, por ejemplo, digamos que quiero mover este botón ¿verdad? El decir que quiero preguntar 500. Digamos que lo quiero en, Ya sabes, quiero la parte superior alrededor, como, ya sabes, uh, algo como esto aquí mismo. Simplemente haremos el top como 100. Entonces, básicamente, lo que está haciendo es empujar un margen de 100 píxeles desde el botón desde la parte superior. Entonces eso es lo que básicamente hace el margen. Y también el relleno recuerda palmaditas su espacio justo. De acuerdo, así que aquí mismo, quiero crear algo de espacio. Pondré 300 píxeles, y va a crear 300 píxeles de espacio aquí mismo. Está bien. Y también aquí mismo, el color del borde de fondo. Podemos cambiar el radio. Ser contiene un fondo. En realidad puedes tener un color de fondo para esto. Aquí mismo. Para que puedas tener una imagen de fondo para tu botón o puedes tener. Como dije, estas son las mismas opciones que antes. Entonces justo aquí en su sombra de caja. No creo caja, va a funcionar para esta sección. Entonces lo que hace una sombra de caja. Chicos, crea esta sombra sobre esta sección, pero vamos a estar usando esto cuando hablemos más de iconos. Entonces para esta sección, no es realmente bueno mostrarte Hay muchas buenas razones para usar la sombra de caja. Es una característica realmente, realmente genial. Entonces aparte de eso, chicos, es básicamente como creamos nuestra página principal. Básicamente hemos creado el logo, el texto, un poco de textos extra y el botón. Entonces ahora en realidad vamos a movernos aquí mismo, y vamos a crear esta sección aquí mismo, así que hablaré más sobre, ya sabes, más texto. Hablaré de separadores y hablaremos del modelo de imagen en la siguiente sección, así que los veré a todos ahí. 7. Imágenes y video: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces vamos a sumar en una nueva sección aquí mismo. Entonces en realidad vamos a usar algunos widgets diferentes. Entonces aquí mismo primero eso va a poner en nuestro título. Entonces voy a agarrar este título y sólo poner en esta caja aquí mismo. Entonces aquí, voy a dar la bienvenida a este tutorial, y voy a centrar esto. Y para el tamaño, por supuesto, podemos poner la talla mediana. Podemos ponerlo grande. Quiero un extra grande aquí mismo. Está bien. Ahora, por estilo, quiero cambiar el color del texto a tal vez algo así como el negro, y como que quiero empujarlo un poco hacia abajo. Ya sabes, esta sección aquí mismo. Quiero un poco de espacio aquí mismo. Entonces vamos a hacer eso. ¿ Está la sección de avance justo aquí debajo de la parte superior? Aquí mismo. Da click en esta cosa aquí mismo. Entonces, ¿qué hace esto? Básicamente, si lo dejas vinculado, lo va a aplicar a todas las secciones. Entonces se va a poner abajo a la derecha aquí a la izquierda y a la derecha. Pero yo sólo lo quiero a la cima aquí mismo. por lo que realmente no quiero eso. Entonces aquí mismo, retroceso. Este click en este pequeño enlace justo aquí. Y solo quería para la parte superior, así que esa es una muy buena razón de por qué quieres usar el margen. Sé que en la página principal, no había muchos usos buenos para ello. Pero como va este editorial, chicos, les voy a dar buenos escenarios para todo. De acuerdo, así que tengo el título aquí mismo. Ahora quiero agregar en un divisor. Yo quiero agregar en algún estilo, así que aquí mismo bajo divisor. Yo quiero tomar esto y quiero simplemente arrastrarlo debajo de esto aquí mismo, ¿de acuerdo? Y aquí mismo, esto básicamente es crear espacio. Ahora podemos hacer mucho espacio o podemos hacer un poco de espacio, pero solo quiero usar esto para el diseño. Realmente no me importa la brecha aquí mismo ni lo que puede hacer. Yo sólo quiero usarlo para el diseño, así que en realidad voy a reducir la brecha todo el camino, y quiero que esto se centre. Entonces ahora está centrado aquí mismo, y quiero reducir el con. Entonces se ve cómo la línea es una especie de reducción también. Entonces básicamente lo voy a hacer así. Entonces esto básicamente es solo crear, diseñado para un sitio web. Eso es todo lo que realmente quiero que esto haga. Y aquí mismo comienzan el cambio. Está punteado. Podemos cambiarlo como escondido, etcétera. Pero por ahora, simplemente no lo dejaré en eso. Y también el peso puedo hacer esto más grande. Y también puedo cambiar el color, etcétera. OK, entonces eso es lo que el divisor es básicamente en pocas palabras. Entonces a continuación quiero agregar en una nueva sección aquí mismo. Quiero agregar algunos más techs y también quiero agregar un widget. Entonces aquí mismo, voy a dar clic en este pequeño ícono y vamos a ir al editor de textos y quiero hacer una nueva sección aquí mismo. Entonces aquí mismo, voy a poner algo así como, um, voy a seguir adelante y poner un texto ficticio ya, e iba a ir a ritmo eso y por el estilo, lo quiero centrado. Entonces ahora ustedes pueden ver que el texto está centrado y no se ve bien. Y entonces aquí mismo, en realidad podemos hacer otra cosa. Entonces, en lugar de crear una nueva sección, en realidad podemos insertar otra columna. Muy bien, así que aquí mismo, debajo de estos pequeños, pequeños iconos, podemos simplemente tomar esto aquí y luego simplemente arrastrarlo aquí. Entonces ahora ves cómo hemos creado columnas dentro de esta sección. ¿ Ves eso? ¿ Ahora? Yo sólo quiero uno. Yo solo quiero poner una imagen, así que necesitamos una de borrar. Ahora. Al hacer esto, hay que tener mucho cuidado. No vaya a sección y vaya a eliminar, porque eliminará todo. Está bien. Quieres ir a columna aquí mismo y dar click en eliminar. Está bien. Entonces cuando hago clic en quitar, Sí. Ahora sólo tenemos una columna. Entonces aquí, quiero ponerlo en la imagen, y puedes poner cualquier imagen que quieras, pero aquí mismo, pero aquí mismo, voy a ir a la imagen aquí mismo, y luego solo arrastra esto hacia abajo, y aquí mismo, vamos a seguir adelante y poner una imagen. Entonces aquí mismo, voy a dar click en la imagen y simplemente agarrar una imagen que he subido. Entonces aquí mismo Ya sabes, hay mucho de cuando podemos usar. Podemos usar estos teléfonos, ya sabes, podemos usar todo. Por eso básicamente les di acceso a todos estos aquí mismo. Pero solo voy a seguir adelante y usar este de aquí, y soy un ir a contestar medios. Y ahí tienes. Entonces tenemos, ya sabes, esta pequeña sección hablando de ello, y tenemos estaimagen grande, hermosa, imagen grande, hermosa acuerdo? Y por supuesto, podemos cambiar el tamaño de la imagen a medio podemos cambiarlo a, ya sabes, grande, totalmente personalizado, lo que quieras. Pero voy a seguir adelante y dejarlo tan grande. También podemos cambiar las alineaciones. Ahora bien, la razón por la que no se estira por toda la página como antes es porque está en esta cierta sección. Por lo que no puede ir sin ella. No se puede salir fuera de ella. ¿ Entiendes lo que digo? Entonces lo voy a dejar como centrado. Ahora ya ves a lo que se ha vinculado podemos hacer un mural personalizado. Entonces lo que eso significa es que digamos que alguien quiere hacer click en esta imagen. ¿ A dónde los quieres llevar? Podemos poner un enlace aquí mismo. Y si alguien hace clic en esta imagen , los llevará allí. De acuerdo, así que volviendo aquí a ninguno y podemos poner una leyenda como imagen o algo así , pero personalmente no recomiendo hacer. Eso es porque creo que eso es un poco de vieja escuela. Pero claro, siempre hay una buena razón para todo. Pero no lo voy a usar para esto y el estilo podemos cambiar el tamaño de la misma. Y la opacidad es, bueno, podemos tener ah, hover animación para ello. Entonces alguien se cierne sobre él, se encoge. Ve eso Bastante cool. Bastante cool. Por lo que probablemente poner algo así como jalar retráctil. Eso es bastante guay. Para que puedas pasar por algunas de estas opciones. Ya sabes, estos son básicamente un poco redundantes y justo aquí bajo subtítulo. Si decides tener el título, por supuesto puedes editar el título también, pero en realidad desactivamos el título aquí mismo. No tenemos nada justo aquí y el ajuste avanzado, Lo mismo bla Estos no van a funcionar porque está dentro de esta caja. Por lo que queremos estirarlo por toda la página por aquí o poner mucho margen. No funcionará porque es uno dentro de esta caja. De acuerdo, así que volviendo por aquí, igual que esta sección. Chicos, básicamente creamos esta sencilla sección. Realmente, realmente simple, Realmente fácil. Ahora, sigamos adelante y sumamos en este bar aquí mismo. Vamos a seguir adelante y sumar en esta barra realmente genial. Entonces volviendo por aquí, vamos a ir y dar click en añadir una nueva sección. Ahora hay diferentes estilos. Y cuando hablemos de los servicios, estaremos usando la mayoría de estos. De acuerdo, así que por ahora, sólo vamos a usar este de aquí y justo aquí debajo del alfiler. Estos pequeños iconos sólo iban a agarrar el widget de encabezado. Y aquí mismo podemos preservar eso. Algo así como, um , ya sabes, este es nuestro trabajo reciente, y quiero centrar esto ahora. El tamaño lo voy a poner como grande. Uh, tal vez extra grande. Ahora, también, quiero estirar esto por toda la página. No quiero que, ya sabes, sabes, tenga esta sección de columna. Entonces aquí mismo bajo sección voy a ir por aquí dedo del pie para con todo bien y bajo posición de contenido que quería en el medio, así que lo que eso hace es básicamente ver cómo tenemos el esquema aquí mismo, cómo el contenido está ahora en el medio de esta sección. Eso es lo que hace la posición de contenido. Pero digamos que quiero agregar en un color de fondo a esto. Vamos a crear como un divisor, especie de Ah ah, divisor creativo. Entonces aquí mismo bajo el botón de estilo, vamos al clásico y podemos cambiar de color. Y esto quería negro. Entonces ahora se puede ver que tenemos esta sección aquí mismo donde ahora es negra, y hablaremos más de esta otra aquí mismo, que es un video de fondo. Digamos, por ejemplo, que quieres un video de fondo, voy a hablar de eso ahora mismo en la siguiente sección. Pero por aquí, sólo vamos a usar esta sección específica aquí mismo. De acuerdo, entonces eso es básicamente todo. Y también quiero agregar en un divisor debajo de eso, así que como quiero llevar este pequeño divisor a todas partes que vaya en la página web, como que quiero que sea un poco repetitivo para especie de llevar el estilo y el núcleo al sitio web. Entonces en realidad voy a ir por aquí y poner esto como blanco. Ahora, por aquí debajo de los iconos, quiero agarrar el divisor, y solo voy a seguir adelante y simplemente arrastrarlo debajo. ¿ Todo bien? Entonces ven el divisor aquí mismo. Voy a alinear esto al centro. No vamos a poner ninguna brecha. Y además, quiero dedo del pie aumentar un poco el peso, ¿de acuerdo? Y para el alivio sólido, está ahí y luego para el color. Yo quiero dejarlo como blanco. Y para avanzado. Podemos seguir adelante y probablemente dejar todo esto igual. Pero quiero cambiar el con aquí mismo. Entonces con lo vamos a hacer un poco más cerca así para el color, vamos a seguir adelante y dejarlo como blancos. Está bien, así que eso se ve bastante guay. Ya se ve bien. Por lo que en la siguiente sección también quiero presentarles a todos los videos. Entonces digamos que solo quieres un fondo de video. Sé que la mitad de ustedes por ahí probablemente estén súper entusiasmados con los videos. Podemos tener esta sección como video. Entonces aquí mismo bajo sección, podemos ir a avanzado. Ahora. Creo que está bajo estilo. Está bajo estilo. Y esto realmente reproducirá cualquier video de YouTube que tengas. Entonces voy a ir a mi canal justo aquí. Voy a mi canal aquí mismo bajo YouTube ya. Y yo sólo voy a seguir adelante y agarrar algo así como, uh, bueno, describiendo este, uh, este uh, producto de Will Commerce. ¿ Tutorial vintage? En realidad, no. Creo que algo mejor que hacer es ir a cuatro K. Fourcade Nature. Ésa en realidad es una muy buena para elegir. Entonces voy a agarrar tal vez algo así aquí mismo. Voy a copiar este enlace. Oh, odio a este tipo. Es tan molesto, tan molesto. Te gusta la estrella de la celebridad que te reclama. ¿ Está todo bien? Entonces aquí mismo bajo la discordia de video y haga clic en pegar. Está bien, Ahora ya ves cómo empieza a reproducirse el video en segundo plano. Entonces hagamos esto un poco más grande. Entonces aquí mismo bajo la sección. Muy bien, aquí. En realidad podemos controlar el tamaño de esto. Entonces bajo lo avanzado, digamos que queríamos, como saben, 500 por 500. Entonces ahora se puede ver que tenemos este hermoso video aquí mismo, y se está jugando Así que esta es una manera realmente genial. Voy a cerrar estos aquí mismo. Solo es mostrarlos por el tamaño del video y ese tipo en anotaciones, así que en realidad podemos hacer un poco más pequeño, Ya sabes, de 200. Entonces, ¿quieres algo así aquí mismo? Es así como lograrías el look. Y como dije, esto jugará en segundo plano. Se ve realmente bien. Se ve realmente, realmente profesional. Pero por ahora, solo voy a seguir adelante y dejarlo como un color clásico. Y sólo voy a cambiar la altura de nuevo a, uh, vamos a salir como cero aquí mismo. ¿ De acuerdo? Está bien. Entonces esa fue esa sección un poco sobre videos un poco sobre, um, ya sabes, el divisor y todo. ¿ Recuerdas algún video que quieras reproducir de fondo? Siempre hay que hacer es ir a sección de cualquier sección y simplemente ir a estilo y video de fondo , y simplemente puedes pasarlo ahí dentro y reproducirá cualquier video que quieras en el fondo de donde quieras que esté. De acuerdo, así que eso es todo para los chicos de sección. Adelante. y hablar de cómo hacemos algunas imágenes realmente hermosas y cómo podemos reducir las brechas igual que hicimos en este sitio web aquí mismo. Entonces los veo a todos ahí. 8. Íconos y contornos: Muy bien, chicos, chicos, bienvenidos de nuevo. Así que vamos a entrar y añadir algunas imágenes ahora y tener un efecto realmente genial, como lo hicimos antes. Por lo que por aquí bajo el ah, añadir nueva sección. Queremos hacer click en esto, y queremos realmente ponerlo a esta cuatro fila aquí mismo. Por lo que tenemos cuatro espacios para imágenes. De acuerdo, Ahora, insertemos las imágenes. Entonces aquí mismo, bajo imagen. Yo sólo voy a ir a arrastrar esto. Elige la imagen aquí mismo, y voy a ir a seleccionar esta de aquí también como ésta. Inserta un medio y luego aquí mismo, sólo voy a seguir adelante y dar clic en esto. Agregando otro respondió la imagen, los sitios para estas imágenes, Por cierto, los chicos son 5 70 por 5 70 Pero como ustedes chicos Condell lo facilidad, ustedes probablemente ya puedan ver por sí mismos. Perdón. Aquí en su imagen. Sólo tienes que arrástrelo hasta aquí. Elige la imagen y este usa esta aquí mismo. Y luego para la última, vamos a tomar esta imagen, arrastrarla, elegir la imagen, y solo seguiré adelante y seleccionaré ésta aquí mismo. De acuerdo, así que ahora tenemos cuatro imágenes, así que necesitamos básicamente hacer esto lleno con, y necesitamos reducir las brechas, así que hagámoslo. Entonces aquí mismo bajo la sección, vamos a tomar esta sección aquí mismo, y vamos a hacer esto lleno con. Está bien, así que ahora tenemos el completo con sección aquí mismo. Por lo que ahora está lleno de. Ahora escucho o veo sus huecos de columna. Ahora puedes elegir la brecha que le gustaría. Podemos tener una brecha más amplia. Podemos tener una amplia brecha, puede haber extendido. Vamos a tener una brecha muy estrecha, o no podemos tener ninguna brecha en absoluto. Por lo que ahora puedes ver las imágenes están todas alineadas realmente bien. Y en este punto, no hay necesidad de que hagamos otra cosa. Entonces, ¿quieres esto? Mira, así es como puedes lograrlo. Ahora quiero básicamente tomar esta sección aquí mismo, y quiero cerrarla detrás de esta sección. Ahora hay un atajo para hacer esto. Los chicos no tienen que volver a hacer una sección completamente nueva. En realidad podemos duplicar a Rose. Entonces, por ejemplo, les voy a dar un pequeño adelanto rápido, ¿ verdad? aquí bajo sección puedo dar click en estos poco para duplicar Rose, y va a duplicar toda la sección para nosotros. Pero no quiero hacer eso todavía, al menos no para este apartado. Entonces para esta sección, soy un click en esto y voy a eliminar toda esta sección aquí mismo. Ahora esto de aquí, quiero llevarme esto así que en realidad no voy a ir a sección y recordar, chicos, debe ser sección No hagan la columna. Si haces la columna, solo va a hacer todo dentro de ella. Y queremos simplemente tomar básicamente toda la sección. Entonces sección quiero duplicar esto. Ahora, en realidad voy a tomar esta sección aquí mismo, Así que si me pasa el rato sobre ella como es su sección de arrastre. Quiero tomar esto y simplemente arrastrarlo bajo. Ahora ya ves dónde está la barra azulada justo ahí. Simplemente déjalo caer. Perfecto. Entonces aquí, arriba con algo como esta página, este constructor de páginas es simplemente increíble, y lo haré un poco más pequeño. Y ahí tienes. Por lo que ahora tenemos este apartado, tenemos las imágenes. Fue muy sencillo de hacer. Obviamente. ¿ Verdad? No fue para nada difícil. Ahora, sigamos adelante y hagamos la siguiente sección aquí mismo. En realidad vamos a sumar. Algunos iconos geniales realmente iban a agregar en las cajas de iconos. Entonces por aquí, chicos, vamos a dar click en fuera de nueva sección. Sólo vamos a agarrar por ahora. Puedes elegir lo que quieras, pero solo voy a seguir adelante y agarrar en cuatro, y vamos a subir aquí y voy a ir a la caja de iconos. Por lo que la caja de iconos. Entonces aquí mismo podemos hablar realmente del ícono. Entonces diremos, ya sabes, móvil responsive. Podemos poner algo de texto aquí mismo. Espero que ese fuera el video de YouTube. Está bien, voy a agarrar algo de este texto aquí mismo y sólo ir y pegarlo ahí dentro. Ahora, si quieres este enlace del dedo del pie en algún lugar cuando alguien hace clic en él, puedes seguir adelante y ponerte tu Estás bien aquí. Pero por ahora, no lo soy. No voy a hacer eso. Créelo. Parpadeo. Y aquí lo podemos poner a la izquierda. Pero a los derechos. Oregon lo puso para la parte superior Ahora, apuesto a que ustedes se preguntan qué es esta etiqueta HTML del título. Esto es más para propósitos de Seo, y no me voy a meter, ya sabes. H cinco h tres etiquetas. Edad cuatro etiquetas. Este tutorial. Yo sí tengo un yo sectorial en YouTube. ¿ A ustedes les interesaba eso? Ustedes pueden comprobarlo. Pero para esto, lo creo como h tres ahora para revisión. Podemos tenerlo apilado. Podemos tenerlo enmarcado. Y cambiamos el tamaño del círculo. A lo mejor quería caja. Algo así. Entonces aquí mismo podemos realmente cambiar el yo icónico. Entonces pongo móvil responsive, Así que voy a escribir el teléfono. Entonces teléfono aquí mismo, teléfono móvil. Y, ya sabes, no me gusta la forma en que se ve. Chicos, eso me va a gustar. A mí me gustas. Y es simple. Al igual que sea simple. Entonces para el estilo, el color primario, um, ya sabes, ahora mismo, creo que para el color primario, probablemente podemos irnos. Es lo que quiero decir, como negro. Entonces ya ves cómo el teléfono está cambiando de negro Y también nosotros contiene el espaciado de iconos. Hacemos el ícono más grande. Podemos hacer el ícono. Podemos rotar el icono y sabes que podemos agregar espaciado ahora con el espaciado es que crea espaciado a partir del icono a partir del texto. Muy bien, ahora el ícono se desplaza. Lo mismo si se cierren sobre él. ¿ Quieres tener ciertas animaciones? Y además, ¿de qué color quieres? Si alguien pasa el cursor sobre el ícono y por los contenidos, podemos cambiar el contenido. Se puede cambiar el título del contenido. Entonces aquí ponemos negro y sabemos que estos son un poco más repetitivos. Se puede cambiar la fuente del título. Y luego para la descripción que es esta sección aquí mismo. Para que puedas cambiar eso. Ya conoces el color para la descripción. Y también puedes cambiar la, um, fuente Ford también. Muy bien, entonces ese es básicamente el ícono, chicos. Muy autoexplicativo. Muy sencillo. Pero, ya sabes, yo no quiero no quiero volver a hacer eso de nuevo. Eso fue mucho trabajo, ¿verdad? Entonces aquí mismo podemos hacer clic en solo duplicar, y luego simplemente lo arrastraremos por aquí, duplicaremos, duplicaremos lo arrastraremos por aquí y lo duplicaremos y solo lo arrastraremos por aquí Ahora, solo digamos que quieres duplicar esto toda la sección otra vez. Digamos que quieres aquí mismo. Tenemos otras cuatro secciones aquí mismo. Entonces aquí mismo. Simplemente haga clic en sección y solo duplique. Ahí lo tienes. Ahora también, está un poco demasiado cerca de la parte superior justo aquí. ¿ Ustedes ven eso? Cómo Estos teléfonos estaban demasiado cerca de la parte superior. Entonces vamos a añadir un poco de relleno. Entonces aquí mismo bajo sección, vamos a ir a avanzado y justo aquí bajo el margen o bajo el relleno pondrá 100. Ahora, asegúrate de que esto no esté marcado. No queremos vincularlo juntos. Pondré 100 justo aquí y recordaré como, digamos, por ejemplo, puedes poner un título aquí mismo. Ya sabes, puedes poner algo más que yo elegí no, pero si quisieras, puedes seguir adelante y simplemente añadiendo un título. Pero creo que esta sección aquí mismo como que enfatiza esta sección aquí mismo. Entonces eso son básicamente chicos los iconos. Y además, si quieres hacer esto lleno con, puedes ir a la sección debajo del apartado de contenidos. Podrías hacerlo lleno con. Y también puedes decidir si no quieres ningún hueco. No quieres ningún hueco. Ya sabes, algo que nos parece que es pero que se ve un poco mal. No queremos hacer eso todavía, así que lo voy a dejar como en caja. Creo que la caja que se ve bastante limpia, se ve sencilla. Ahora, no voy a pasar por todos y cada uno de estos tipos porque es muy autoexplicativo de que sabes lo que quieres elegir? Puedes, ya sabes, cambiar la posición del ícono, lo que quieras, correcto. Entonces no voy a, ya sabes, ir demasiado lejos en cada ícono porque, ya sabes, uno funciona para todos. OK, así que eso es una rápida corrida hacia abajo de los iconos. A continuación, sigamos adelante y agregamos el efecto paralaje con los botones. Entonces aquí mismo, realidad vamos a ir del pie en una intersección y realmente dar click en esta carretera de cuatro columnas justo aquí. De acuerdo, entonces tenemos esta sección. Ahora, sigamos adelante y sumamos algunos números. Así que desplazándonos aquí mismo, en realidad vamos a tener que encontrar el contador este año. Dice contador primero y arrastrando hacia arriba. Ahora, digamos que quiero,ya sabes, poner ya sabes, el número inicial 21 y y 2 100 Empezará en una y luego a 100 Oregon empezar a 50 lo que quieras. Entonces en este momento, solo voy a decir, OK, terminó $100 o ingresó 100 ahora mismo. Aquí mismo. Bajo la duración de la animación, puedes elegir qué tan rápido quieres que sea. Pero dos segundos es bastante bueno. Cualquier cosa más larga que eso, gente podría, ya sabes, decir OK. Es como que no está bien, ¿sabes? Entonces aquí mismo pondrá número de para tazas de café, tazas café. Ahora por estilo, podemos cambiar el texto. Ahora lo voy a dejar como blanco. Sé que no lo puedes ver, pero no te preocupes. Vamos a poner aquí un fondo que en realidad hará esto visible ahora en su topografía. Lo mismo soy público. Créelo como blancos. Pero quizá quiera hacerlo un poco más grande. Aquí podemos cambiar el tamaño de la misma. Y por el título aquí mismo. Yo quiero el título como caso blanco. Recuerda, este es el título y la topografía. Déjame mirar. Haga clic de distancia. Esta sección de aquí mismo cambiará el título. De acuerdo, así que vamos a avanzar En realidad no necesitamos nada ahí. Pero aquí mismo, bajo sección va dar click en sección Quiero hacer este tonto con y quiero agregar en un fondo así que aquí mismo bajo contenido vamos a hacer esta sección llena con ustedes pueden ver está llena con ahora y quiero una coda estilo y quiero agregar en un fondo. Por lo que por aquí, bajo clásico, vamos a dar click en Imagen. Y yo soy como uno de estos justo aquí, igual que éste de aquí. Ok, Ahora posiciónate. Por lo que esto camina para controlar la posición de la imagen donde quieres que esté, pero generalmente déjala como ninguna. Yo como que quiero sólo cubrir un énfasis de todo ello. El apego que vamos a ponerlo como fijo ahora con la opción fija hace es que crea el efecto de paralaje. OK, repite que nunca quieres. Repite ahora lo que eso hace. Básicamente, repite la imagen como 45 veces. Es realmente viejo y feo. Y si tienes como, uh, no lo sé. Ya no sé quién hace eso. Realmente ya no sé quiénes eran imágenes de pizza. Yo sólo creo que parece una locura. Entonces voy a ponerlo como ninguno. Ahora por tamaño, podemos poner cubierta podemos poner, contener, o podemos poner auto etcétera. Ahora, por aquí, debajo del back on overlay, podemos elegir tener una superposición de fondo en esta imagen, pero realmente rápidamente para el diseño. Yo quiero básicamente controlar el tamaño de esto aquí mismo. Realmente no puedo mostrarte todo porque necesito aumentar la altura. Entonces aquí mismo, bajo estatura, vamos a poner pantalla de hombres. ¿ Y qué tan grande quieres este tamaño? Entonces tal vez vamos a ponerlo en 500. Está bien, ahora, voy a volver a hacer clic en la columna, y aquí mismo, ya sabes, podemos añadir en ah bok sombra a ella. Ves toda la sombra de caja ahora enfatiza sobre eso? Eso se ve bastante guay. Ya sabes, es una buena razón por la que Toe lo agregó. Ya lo sabes? Entonces el color podemos cambiar el color de eso. Ya ves, ¿Cómo tiene ese color de fondo que podemos controlar? Controlar el spread aquí mismo o podemos encontrarnos horizontal. Podemos hacerlo vertical, etcétera. De acuerdo, por ahora, voy a ir a dejar ese espacio en blanco, y también podemos cambiar la propagación de ese color, ¿sabes? Entonces ven cómo tenemos esa animación sobre la caja justo ahí. ¿ Quieres eso? Ve por ello. Está bien. Pero ahora mismo, voy a ir a llamarlo aquí mismo, y en realidad vamos a duplicar esta fila. Por lo que quiero duplicar esta sección aquí mismo. Ahora, ya ves, ¿Cómo fue eso cómo? Acabamos de crear toda una nueva sección y simplemente mansamente se hizo básicamente 1/5 columna. Entonces para poder hacer eso, tienes que dar click en esta sección aquí mismo. Si haces clic en la sección de columnas y la duplicas, en realidad solo va a seguir creando más caminos, y va a seguir empujándolo. De acuerdo, así que aquí mismo quieres dar click en esta sección y solo arrástrela esta sección y arrástrela y luego esta sección para la columna. Yo quiero eliminar esto. Asegúrate de no hacer clic en la sección de la sección. Si vas a por aquí borrado, se borrará toda tu sección. Eso lo he hecho tantas veces. Entonces fue tan frustrante cuando empecé. Al igual que, esto es estúpido. Paige Miller. Esto no funciona, ya sabes. Entonces aquí mismo, ve a columna y ciérrala ahí mismo. De acuerdo, así que ahí tienes. Tenemos esa hermosa sección. Se ve realmente bien. Ahora bien, si sigo adelante y me desplaza, ¿ven cómo tenemos ese efecto paralaje ahora? Entonces así es básicamente como creamos el efecto de paralaje. Debes ponerlo como fijo. ¿ Todo bien? Una repetición. Debes ponerlo como fijo y no desplazarte para lograr el efecto de paralaje. Pero no te preocupes, Hablaremos un poco más de Parallax cuando vayamos a esta sección de la página. Voy a cerrar esto aquí mismo. En realidad, iré a mi Wilson. Quiero mostrarles una pequeña muestra rápida de realmente he hecho una página de paralaje totalmente funcional . Y hablaremos más de esto. ¿ Cómo lograr esto? Mira cuando lleguemos a esa parte del tutorial, ¿de acuerdo? Y pongo un video aquí mismo,claro, claro pero ya sabes, hablaremos más de cómo puedes tener un efecto de paralaje completamente funcional con cosas realmente geniales como esa. De acuerdo, así que por ahora, chicos, eso es todo para esta sección. Eso es todo para el Efecto Parallax y también los contadores numéricos. Como dije, puedes cambiarnos bajo la sección de estilo. El color del texto, todo está aquí. Entonces no quiero hablar de, ya sabes, sabes, esta sección otra vez porque ya nos hemos atrevido al respecto. ¿ Verdad? Entonces vamos a pasar a la siguiente sección donde hablaremos de qué estás hablando ? El siguiente apartado. Ya saben, chicos, no estoy guionado. Cuando haga estos tutoriales, solo hago, Ya sabes, vamos a estar hablando de esta sección aquí mismo. Tenemos este celular y vamos a presentar la llamada a la acción, así que los veré a todos ahí. 9. Teléfono y Carousel: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces vamos y añadimos en el teléfono aquí mismo, y en realidad añadiremos algún texto junto con una llamada a la acción. Entonces lo primero que tenemos que hacer es hacer una cuerda de dos columnas. Por lo que por aquí, bajo agregar nueva sección seleccionará dos. Y aquí mismo vamos a agarrar una imagen y yo elegiré la imagen. Y voy a agarrar estos teléfonos aquí mismo y entrar a los medios de comunicación. Ahora, Chicos, una cosa que quiero decirles es que cuando respondas imágenes, asegúrate de que sea un archivo PNG. El archivo PNG en realidad tendrá ese fondo transparente. Entonces si tienes un fondo de color diferente, no importará porque se mezclará perfectamente. OK, entonces si estás agarrando archivos JPEG, los archivos de Jay Peak tendrán el blanco en el fondo, y no se verá así. De acuerdo, así que asegúrate de que sea un archivo PNG. De acuerdo, entonces puse la imagen. Ahora sigamos adelante y añadamos algún texto por aquí. Entonces aquí mismo, voy a agarrar el rumbo y aquí mismo. Ah, pone este tutorial es sencillo. Otra cosa de la que quiero hablar es cuando lo hagas, Ya sabes, ponlo en texto en tu página web. capitalizar la primera palabra de cada primera letra lamentable de cada palabra es ideal. Y mucha gente hace eso porque sólo se ve bien. Y eso es básicamente lo que hacen todos los demás. Entonces quiero básicamente hacer esto en centrado o en realidad, no, quiero poner esto a la izquierda. Yo quiero cerrar los teléfonos y aquí mismo a su estilo. Voy a cambiar este texto a Negro. Ahora, bajo el apartado avanzado, quiero sumar en un margen. Entonces aquí mismo, voy a dar click en el poco enlazado entre sí y voy a sumar en un margen. Entonces ya ves ahora cómo espacio aparte. Entonces esa es básicamente una buena razón por la que podemos usar el margen. Ahora, hay dos formas de hacer esta sección. En realidad podemos justo por aquí, podemos arrastrar el editor de texto y justo aquí, O podemos seguir adelante y agarrar columnas y podemos poner la columna allí en su lugar. Entonces hay dos formas de hacer eso. Ahora lo que hacen las columnas. Como dije, básicamente crea columnas adicionales dentro de la sección. Pero no quiero hacer eso. Por lo que voy a dar click en X y dar clic en borrar. Pero esa es sólo otra forma de hacerlo. Solo te estoy mostrando que hay otras formas de hacerlo. Ahora, bajo editor de texto, sólo voy a agarrar eso. Y ya ves cómo está ahí la línea azul. Se va a soltar, y voy a agarrar mi famoso texto ficticio, y simplemente voy a ponerlo ahí mismo. Bueno, uh, y por supuesto, siendo cambiado, el estilo contenía el color del texto. Podríamos hacer de ella una línea, la centrada. Pero en este momento probablemente queremos hacer ya sea justificado o dejado justificado. También se ve bien, pero quiero mantenerlo a la izquierda, y quiero sumar en un llamado a la acción. Entonces este botón para que solo lo arrastramos hacia abajo, lo ponemos justo ahí. Ahora probablemente quiero cambiar el color de fondo. Ya sabes, no se ve bien así. Entonces bajo estilo, podemos cambiar el pero el color del texto a los blancos y el color de fondo a tal vez algo así como el negro así. Perfecto. Eso es perfecto. Ahora quiero presentarles a todos un nuevo widget que no hemos estado usando. Y ese es el Se llama el Carrusel de la Imagen. Sí, el carrusel de imagen. Íbamos a usar esto ahora mismo. De acuerdo, Entonces voy a agarrar esto y simplemente agregarlo en la sección de noticias. Ahora bien, ¿qué imágenes quieres? Bueno, necesitamos agregar o algunas imágenes. Quiero anuncio en este. Yo quiero sumar en este. Quiero anuncio en este, y quiero agregar algo como esto aquí mismo, también. Y voy a ir a la galería de crédito. Se pueden dar estos nombres, pero para esto no le voy a dar nombres. Te mostraré por qué. Creo que es bueno así como así. Y voy a ir a insertar una galería. Ahora vas a ver que las imágenes se airean ahí, para que las imágenes se airen ahí y la gente pueda desplazarse por él y comprobarlo. Pero sigamos adelante y hagamos un poco más de control. ¿ Sabes cuántas diapositivas quieres mostrar? Entonces, por ejemplo, si realmente quieres mostrar el tour Onley mostrando combustible, no querrás mostrar solo puedes tener uno para mostrar. Pero quiero tal vez alrededor de las tres. Ahora está rebanado el pergamino. Ya sabes, podemos dejar eso como probablemente como nadie fuera básicamente cada uno. Sólo uno se desplazará, o puedes tener dos diapositivas hacia fuera. Se desplazarán las reglas, etcétera. Por lo que estira la imagen. Si quieres estirar esto, podemos estirarlo. No me gusta la forma en que se ve, porque sí se ve un poco pixelada. Entonces aquí mismo, no voy a hacer navegación. Podemos tenerlo como flechas y puntos. Ahora, la razón por la que no puedes ver las flechas es porque son blancas y eso lo cambiaremos en tan solo un segundo. Pero podríamos tener flechas y puntos. No podemos simplemente flechas. Podemos tener puntos, pero lo dejaré como roan. Puntos vinculados a nosotros podemos hacer este enlace a una sección específica. Entonces digamos que estos son tus socios. Puedes hacer click en personalizado tu l y si alguien hace clic en estos, se los llevará a eso. Páginas web. Está bien. Ir a ninguna. Vayamos a adicional. Entonces pulse sobre hover donde básicamente, pondrá pulso sobre el hover el auto play. Entonces, ¿quieres que estos sigan desplazándose continuamente así si quieres eso, puedes dejarlo como sí. Ahora, Velocidad de reproducción automática. Por lo que dice 5000. Ahora, eso no son 5000 segundos. Son 5000 milisegundos. Entonces M s. Así que digamos que lo pusiste en el 2000. Se va a desplazar mucho más rápido si hacemos eso. Entonces ya ves, va a esperar alrededor de dos segundos. Uno para boom. Está bien, se supone que vaya, pero sí, probablemente sea porque estamos en el constructor de páginas, pero puedes reducirlo también a como 1000 ahora. Bucle infinito. ¿ Quieres que sigamos adelante? ¿ Lo quieres solo para seguir adelante? Si quieres eso, adelante y pon sí, la velocidad de animación. Entonces, ¿qué tan rápido querías enemigo como ves ahora mismo, Cómo tiene ese efecto de animación quieres que sea más rápido? Se puede poner algo así como 1000. Estamos ahora es un poco más lento o incluso hacer algo así como 100 donde va a ir súper rápido. ¿ Ves eso súper rápido? Pero por ahora, sólo lo dejaré en, creo, 500 a 300 y luego dirección. Obviamente izquierda o derecha, ¿ nos vamos? Déjalo a la izquierda ahora por estilo. Ahora por la posición aero. En primer lugar, cambiemos el color de la flecha para que podamos verlas. Yo quiero llevarlo a negro para que puedan ver las flechas aquí mismo. Ahora por la posición aero. ¿ Los quieres adentro? O los quieres fuera de la caja así que fuera estarán fuera de la caja. En el interior, habrá dentro. Y por supuesto, los puntos Puedes cambiar. Los quieres por dentro o por fuera. Puedes hacer los puntos más grandes o puedes hacerlos más pequeños. Y también puedes cambiar el color de los puntos. Ahora para la imagen, puedes elegir tenerla. Como saben, costumbre. Podemos tener espaciado personalizado entre las imágenes. Se pueden acercar un poco más el uno del otro o más lejos para el tipo de borde. Podemos optar por tenerlo como duplicado. Podemos tenerlo como punteado, podemos tenerlo como punteado. Y podemos cambiar el con de esos puntos si quieres. Y también podemos cambiar el color de esos puntos específicos. Está bien. Pero no quiero meterme en eso demasiado porque eso solo consume tiempo. Y SS dos núcleo y decoración, creo que parece que esto es bastante estándar. Creo que se ve bastante bien. Y por supuesto, para los avanzados podemos cambiar el margen. Podemos cambiar el relleno. A lo mejor quieres empujar un poco esto hacia abajo o empujarlo hacia la derecha o empujar hacia arriba , etcétera. Y con todo podemos tener animación de entrada. Para que veas cómo tenemos la animación de entrada. ¿ Dónde? ¿ Qué? Se le ocurre así. Entonces, para cada configuración, podemos tener animación. De acuerdo, ten eso en cuenta, porque eso es por cada módulo que usamos. De acuerdo, entonces esa es básicamente esta sección, chicos, esa fue básicamente el teléfono y estas sesiones de luchador. Ah, la siguiente sesión. En realidad vamos a ir a la siguiente página, o se va a hablar de la sección sobre nosotros. Entonces los veré a todos ahí 10. Customizer de temas: Muy bien chicos, tomemos un resumen rápido de nuestra página web. Así que mira nuestro sitio web aquí mismo. Esta es nuestra página de aterrizaje. Ustedes pueden ver que ya se ve guapa. Tenemos un trabajo realmente, realmente bueno en crear esta página. Pero hay algunas cosas que quiero cambiar y también mencioné antes de pasar a la sección sobre EU Ahora aquí mismo está nuestra sección de widgets Y no te preocupes, hablaremos de widgets y pie de página y también al final nos pondremos un poco más avanzados y hablar de cómo puedes crear tu propio pie de página con el constructor de páginas. Pero realmente rápido, sigamos adelante y hablemos del personalizador de temas y también creemos todas las páginas que necesitamos . Entonces justo aquí bajo agregar nuevo, podríamos ir a la página y quieres crear la página sobre nosotros Así que aquí mismo para ir a alrededor y justo aquí. Recuerda, queremos barra lateral. Lo siento. Un contenido sin barra lateral para los widgets simplemente irá y lo pondrá por ahora. Se quiere lleno de contenido y queremos seguir adelante y deshabilitar el título de contenido y vamos a dar click en publicar y vamos a ir a añadir nuevo de nuevo y vamos a añadir en la página de servicios y lo mismo aquí mismo. Contenido. No barra lateral para lleno con. Deshabilitar el contenido. Voy a publicar eso e iremos a añadir nuevo de nuevo y luego iremos a Parallax y luego haremos contenido. No hay barra lateral a widgets llenos con, y ya sabes que vamos a añadir un poco para poner eso. Esto básicamente es crear todas las páginas que necesitamos, y luego haremos una más, que es la página Contáctanos y luego aquí mismo. Contenido. No hay patillas. Dos widgets completos con contenido y deshabilitar el título del contenido y lo publicaré. Ahora hablemos del personalizador de temas. Entonces si quieres ver tus páginas, solo tienes que dar click en todas las páginas aquí mismo y tenemos el sobre el contacto, el hogar, el paralaje y el servicio está bien, pero necesitamos hacer algunos cambios en este momento. Si vas a la página web, se va a ver así aquí mismo. Y eso es porque necesitamos establecer la página principal como estática. Entonces aquí bajo personalizar listo, bajar a portada estática. Ahora, aquí mismo. Es una página estática. Tenemos que citar la portada como nuestra página principal. De acuerdo y haremos click en guardar y publicar. Está bien. Y también hablaremos más del blawg un poco más tarde. Pero este tema sí tiene lo siento, esta página Miller sí tiene secciones específicas. Blog de Ford. Puede que no necesitemos usar la página de bloque. Depende de ti, pero hablaré de las características pertenecer en este constructor de páginas. Pero vamos a volver aquí mismo y digamos que tenemos un logo. Ahora si has invertido, ya sabes, en tu página web, ¿qué son $5? Ya sabes, con $5 ustedes pueden conseguir un logotipo de aspecto muy bonito. Y justo antes de esta sesión, hablamos de que ustedes tienen una mente como ustedes vieron. Al igual que un pequeño artículo. Hay un sitio Web llamado Fiverr dot com, y la fibra dot com es Básicamente hacen todo por $5. O sea, te van a ver Feliz cumpleaños por 5 dólares. Estos tipos harán cualquier cosa. $5. Es bastante loco. Entonces solo teclea logo aquí mismo. Ahora, el enlace en la descripción que era un enlace afiliado. Entonces si ustedes sí compran algo. Ni siquiera recibo una pequeña comisión. Creo que es como la cantidad de gente como traer. Es una comisión muy pequeña, pero es eso sin costo para ti. Entonces solo, ya sabes , solo me ayuda. Por lo que aprecio eso. Pero aquí mismo, ustedes pueden ver que saben que estos tipos los harán realmente cool. Logos. Sigamos adelante y pinchemos en algo así como diseño de logo fijo. Entonces diseño de logotipo y vamos a agarrar algunos como este aquí mismo. Por lo que estos chicos te construirán un logo por tan solo $5 chicos. Y tienen algunas cosas realmente bonitas. Ya sabes, realmente hacen algunos lindos logotipos. Y muchos de estos tipos tienen su sede en el extranjero, así que es muy barato para ti. Por lo que recomendaría conseguir me dieron mi pequeño go de estos sitios web, así que lo recomiendo. No, digamos que tienes un logotipo. Vamos a subirlo. Entonces esta es nuestra sección aquí mismo. Primero, ve a una identidad de sitio Qué quieres que diga tu sitio web, Así que podemos decir, ya sabes, uh, este va a ser el sitio Darryl de Darryl, y somos ELA depredadora no puedes hechizo Ahora puedes elegir el Heidi también. Entonces en mi otra página aquí mismo, en realidad los desactivó a ambos. Y yo solo tengo mi logo. Eso también se puede hacer. No tienes logo. Puedes dejarlo así. Entonces digamos que sí tienes un logotipo. Voy a ir a seleccionar logo. Ahora, recomiendan el tamaño de 3 50 por 70. Pero creo que podrías hacer 3 50 por 90. Ahora bien, esta parte es la longitud, así que como que lo quieres más grande. Entonces creo que tengo mi logo. Lo es. Puse mi logo en otro lugar, pero por ahora, solo seguiré adelante y usaré algo como, uh oh, este es justo aquí? De acuerdo, así que esto es de 3 50 por 80 y es un archivo PNG. No puedo confiar en eso lo suficiente. Debe ser un archivo PNG, porque si cambias el color, se mezclará. Entonces aquí, sólo tienes que seguir adelante y hacer eso recortará la imagen. Y ahí tienes. Ahora, digamos que quiero deshacerme de todas estas otras cosas aquí mismo. Puedo hacer click en ocultar y también esconder. Está bien. Ahora para el ícono del sitio. Por lo que ven aquí mismo cómo tiene la fibra es puntos verdes fuera de este sitio web tiene su icono de engranaje. ¿ Quieres cambiar eso? Basta con hacer click en seleccionar imagen aquí mismo, y todo lo que tienes que hacer es solo seleccionar la imagen. Entonces aquí mismo, sólo agarraré éste. Lo seleccionaré, pero quiero recortarlo. Entonces ya ves, aquí mismo como tenemos la imagen de este pequeño caballo fresco, haremos click en imagen de cultivo. Y ahora, de ahora en adelante, se ve la parte superior izquierda aquí arriba. Ahora, cuando alguien venga a mi página web, va a mostrar eso en su lugar Ok. Realmente genial. Realmente sencillo volver aquí ahora. No recomiendo hacer ninguno de estos. Todo esto aquí mismo. No recomiendo porque me gusta la forma en que se ve esto. Pero si quieres cambiar, me gusta el estilo de esto aquí mismo. Debajo de tu diseño, vas al contenedor. Se puede cambiar. Ya sabes el ancho de esto. También puedes hacer ya sabes, un contenedor, etcétera También por aquí. Bajo cabecera. Puedes hacer que el encabezado esté lleno con, o puedes tenerlo contenido así. Y también puedes optar por tener esto lleno. Y la alineación de la cabeza puedes elegir como centro algo así. Ahí mismo. De acuerdo, Entonces si quieres tener esos ajustes, ya sabes, hay algunas características que puedes tener. mí personalmente no me gusta demasiado, pero de nuevo, ya sabes, es tu sitio web, así que básicamente te estoy mostrando cómo peinarlo. Entonces voy a volver aquí. Navegación primaria. Podemos cambiar la configuración en todos estos. Entonces el contenido de navegación, que es esta sección aquí mismo Podemos tener que contenía al interno. Denuncia Mugabe como plena. O podemos cambiar esto a, ya sabes, por encima del encabezado. Lo que quieras thes air. Simplemente básicamente ajustes donde puedes simplemente, ya sabes, decidir a dónde quieres que vaya. Um, probablemente voy a dejarlo como saben, debajo de la alineación de navegación de cabecera, tal vez centros. Bien. Ya sabes, si lo tenemos justo aquí, tal vez los centros buenos y navegación y desplegable. Si tienes un menú desplegable, hablaremos de menús desplegables en tan solo un poquito. Um, en realidad va a crear un, um, un icono de hover o un elemento de menú, etcétera. Pero no tengo ningún menú desplegable ahora mismo, así que no te mostrará nada ahora para la búsqueda de navegación. Podemos optar por tener eso habilitado. Y lo que eso hará es que creará este pequeño ícono, y la gente puede buscar en un sitio web algo específico. OK, volviendo por aquí. Barra lateral. No estamos usando las patillas. A lo mejor por una página bloqueada. Nosotros lo haremos. Hablaremos de la página del bloque un poco más tarde. Y también tenemos widgets, que hablaremos de widgets un poco más tarde. Y menús. En realidad podemos crear un menú ahora mismo, Así que sigamos adelante y hagamos eso. Entonces aquí mismo, va a dar click en añadir un menú. Haremos el menú uno, crearemos el menú, y sigamos adelante y agregaremos algunos elementos. Y así agregar algunos artículos. Vamos a crear el hogar bla, bla, bla, y tenía esos en. Muy bien, Así que ahora este es nuestro menú aquí mismo. Entonces a domicilio contacta con los servicios de Parallax y sobre ahora, si quieres cambiar el formato de esto, podemos seguir adelante y, ya sabes, ponerlo por ahí, o vamos a poner el contacto por aquí, etcétera. Ahora si quieres crear un menú desplegable. También hay que hacer es tomar esto y simplemente arrástrelo debajo de esa sección así. ¿ De acuerdo? Y esto creará un menú desplegable. Ahora, voy a dar click en el menú primario justo aquí y ahora ven justo aquí como tenemos este menú desplegable . ¿ Dónde tiene el sobre? Y ahora aquí es donde va la página del paralaje. Entonces, ¿quieres ese efecto? se puede hacer. Pero por ahora, creo que como pestañeo y ya sabes, puedes dejar eso como menú primario o, ya sabes, depende de ti. Si no ah, es nuestro menú primario. Eso es lo que estamos usando. Pero a este tema no le gusta que sí crea ese pequeño botón ahí mismo. Entonces no quiero que haya algunos que lo dejen así y haga clic en guardar y publicar. Por lo que creas un menú y conoces muchos zehr Bueno, porque si quieres tener esos efectos desplegables, puedes hacerlo con el tienes que crear un menú para poder hacerlo. De acuerdo, Ahora, para widgets se hablará de lo cual es un poco más tarde. Un CSS adicional. Esto es codificación personalizada todas las cosas por aquí. En cuanto a los colores y diseños para un color de enlace, en realidad necesitaremos cambiar esto probablemente no cambiaremos es algo así como los blancos. Entonces eso significa como cuando creamos enlaces personalizados, que serán un poco más tarde cuando hablemos de la, um ¿Qué es? El pie de página Personalizado. Hablaremos de por qué quieres cambiar el color del enlace. Me enteré de eso de la manera difícil porque tenía un cliente que me estaba gritando, y no sabía por qué. Y me enteré así que está bien, así que básicamente eso es todo, chicos, ese es el tema. Personalizador. Ah, muchos de estos aquí mismo, como colores. No los recomendaría porque podemos cambiar el color y también la topografía en el propio bowler de página real. Por lo que no necesitamos usar lo que nos está dando el personalizador de temas, así podemos ignorar mucho de esto. Pero para la identidad del sitio y también el diseño, podríamos querer cambiar algunos de esos ajustes y también asegurarnos de cambiar la portada . Eso es muy, muy, muy importante. De acuerdo, entonces Michael dices que los publicaron? De acuerdo. Y como dije, Chicos, goto fibra Es el mejor lugar para conseguir tu Web para conseguir tu logo. Es decir, y ya sabes, no seas barato. No trates de conseguir un logo gratis. Va a ser una pesadilla. decir, Esdecir,es que lo he hecho y yo siempre vuelvo a la fibra. Yo solo vuelvo ya que no es bueno. Simplemente ve a Fiverr, gasta $5 conseguirlo. Está bien. Si no, si no tienes logo o no quieres uno, sólo tienes que usar el texto está perfectamente bien. OK, ahora que hemos creado esto, soy cocinero en la página sobre y vamos a crear nuestra página sobre nosotros, así que los veré a todos ahí 11. Acerca de nosotros: Muy bien, chicos. Entonces sigamos adelante ahora y hagamos la página sobre nosotros. Entonces aquí mismo, voy a ir a editar página en la página sobre nosotros. Ahora bien, si no puedes encontrar que también puedes ir a tus páginas aquí mismo haciendo clic en todas las páginas que van a alrededor. Y vamos a editar esto con L un mentor. Y ahora que ustedes están un poco cómodos, vamos a seguir adelante y especie de acelerar un poco el proceso. Vamos a hacer esto un poco rápido para hacerte entender. Es una especie de burlarse de tu cerebro. De acuerdo, Así que aquí mismo bajo rumbo, voy a seguir adelante y agarrarlo. Y chicos, sólo vamos a seguir adelante y hacer esta misma sección exacta. Es realmente simple. Es realmente fácil. De acuerdo, así que por aquí, voy a seguir adelante y cambia al sobre nosotros. Voy a poner esto en el centro por el estilo. Voy a cambiar el color del texto a negro. Ahora, por aquí, bajo estilo. Puedo cambiar la topografía, pero no quiero hacer eso. Ahora Por aquí debajo de la sección, quiero agregar en una imagen de fondo Así que aquí mismo bajo tipo de fondo de estilo. Vamos a hacer clásico, y vamos a imagen. Está bien, ahora, aquí mismo. Voy a seleccionar al cuervo. Ahora, el tamaño de esto es 1920 por 4 23 Vale, así que voy adelante y respondo a los medios ahora, volviendo atrás. ¿ Ves cómo no se ve bien así? Sólo tenemos que ir a disponer. Vamos a ir a la altura y simplemente cambiar el alto justo aquí. Por lo que 400. Eso se ve bien. La posición de la columna en medio. El contenido posición que quería en el medio. Está bien, ahora, aquí mismo. Doy click en el texto y podemos ir al estilo. Y aquí mismo en una topografía, podemos cambiar el tamaño de este texto, pero está bien, ahora, sigamos adelante y sumamos algunas secciones más. Esa sección está prácticamente terminada. Fácil ir por aquí. Vamos a ir a dirigirnos. Y yo iba a seguir adelante y poner algo de texto aquí y, ya sabes, aquí mismo pongo panorama rápido así. Pondré resumen rápido, y vamos a centrar esto. Ahora. Quieres seguir adelante y poner esto Ya sabes, queremos arrastrarlo un poco hacia abajo, pero también queremos cambiar el color. Entonces el color del texto. Yo quiero hacerlo como negro. Y recuerdas, ¿cómo empujarías esto hacia abajo? Piénsalo. ¿ Todo bien? Está bajo las opciones avanzadas, y es el margen. Recuerda, estamos creando un margen de 100 píxeles así. De acuerdo, Ahora queremos sumar en ese bar. Entonces estoy seguro que ustedes saben ahora cómo agregar en la barra, dando click en esto aquí mismo. Iremos al divisor y luego solo lo arrastraremos hacia abajo. Ahora, el alineamiento debe estar en este centrado, ¿de acuerdo? Y la brecha. Yo quiero un hueco muy pequeño, y luego el con lo voy a simplemente reducirlo así. Está bien, Simple. Fácil. Ahora, la siguiente sección que quiero agregar en una sección aquí mismo. En realidad, quiero agregarla en el texto. Y luego agregamos una sección aquí mismo, y les presentaremos a todos estos mostradores de barras. Entonces por aquí, voy a ir a este editor de texto de sección. Simplemente vamos a simplemente podemos ponerlo aquí mismo o vamos a hacer una sección completamente nueva . Entonces aquí mismo, solo seguiré adelante y pondré algún texto ficticio y veré si pego. Entonces tengo mi textil ficticio ahí. A ver si lo hago. Sí. Está bien. Enfriar. Ahora por el estilo. Yo como que quiero esto centrado así. Ahora, sigamos adelante y sumamos en tu sección. Por lo que agrega en tu sección pondrá dos barras, esta sección aquí mismo. De hecho iré a esta sección e iré al editor de texto y simplemente arrastraré un poco de texano. Muy bien, pegarlo. Ahora digamos que quiero crear algo de espacio aquí mismo. Ya sabes, en realidad quiero que esta sección tenga más relleno. Por lo que pinchando en sección justo aquí, quiero ir a la sección avanzada justo aquí, y en realidad quiero hacer algún margen. En realidad, podríamos hacer algo de relleno, así que pero poner como 100 justo ahí, para que eso se vea un poco mejor. Eso lo divide un poco más. Nosotros no. Queríamos tener algo de espacio. Ahora, aquí mismo. Voy a añadir en otro módulo. Entonces haciendo clic aquí, voy a desplazarme hacia abajo y vamos a usar la barra Progreso así como así. Entonces aquí mismo tenemos, ya sabes, mi habilidad. Entonces Diseño web y luego aquí mismo tenemos tipo. Entonces estos son básicamente colores, ya sabes, si es como un pequeño atajo, y aquí mismo, tenemos porcentaje va a poner,ya sabes, ya sabes, algo así como el 90%. Ahora en realidad puedes elegir ocultar el signo de porcentaje, si quieres, así que solo pondré, ya sabes, ocultarlo. Así que sólo dirá 90 o simplemente Sólo dirá la barra por error, y luego aquí mismo pondrá tasa de éxito. Está bien, ahora, por estilo, quiero que el color de la barra sea algo un poco diferente. Yo quiero que el Garko sea negro. Ya sabes, sí que coincide con mi, mi estilo aquí mismo. ¿ De qué? Estoy tratando de lograrlo. Al igual que el género, el color de fondo de la barra, podemos cambiar eso y también el color interior del texto. Entonces este es el color interior del texto. Entonces podemos cambiar eso a algo como azul o gris o algo así. Muy bien, ahora el estilo del título, probablemente cambiaremos a negro, que es esta sección de aquí. Y también podemos pasar por aquí y cambiar la fuente también. Y para la sección avanzada, podemos elegir tener, ya sabes, una animación como, ya sabes, se está balanceando así. Ahora, en lugar de crear realmente un módulo completamente nuevo, podemos simplemente duplicar esta fila así como así, Y también por aquí, en realidad podemos decidir, Ya sabes, esto no se ve demasiado bueno. A lo mejor podemos Adam algo más de texto aquí mismo para una especie de, ya sabes, conseguir que emparejen. Y también, en realidad podemos hacer la altura de la línea. Entonces por aquí, bajo la sección avanzada, creo que lo es, o para el estilo de contenido, es topografía. Perdón. Y podemos cambiar la altura de la línea. Entonces aquí mismo podemos elegir combinarlo básicamente con esas barras para que se vea así . ¿ Ves cómo hice eso? Y además, este es el espaciado entre líneas, pero me siento como solitario que eso es así que la altura de la línea es una buena idea para una especie de igualarlo y para que se vea realmente bien. De acuerdo, así que ahora sigamos adelante y sumamos en la barra secundaria justo aquí. Y estoy seguro de que ustedes ya saben cómo hacer esto, pero vamos a seguir adelante y correr a través de él. Soy un click en esto. Agarra este rumbo y simplemente sigue adelante y empuja ahí mismo y pondremos a nuestro increíble equipo y centraremos eso, y tal vez el tamaño lo deje como algo así como un grande o extra grande. Ahora para el, um, para la sección vamos a dar click en sección aquí mismo. Queremos agregar en un color y también hacer a este tonto con tan contenidos con lo hará lleno con. Y en realidad vamos a ir al estilo Clásico y vamos a cambiar el color el negro. Entonces ahora eso se ve bien. Ahora también, quiero asegurarme de que este contenido esté en el medio. Entonces aquí mismo en nuestra posición de contenido, pondré Mill. Entonces ahora está en medio. Y, por supuesto, en realidad podemos tomar uno de estos bares. A lo mejor puedes duplicar estas barras son realmente difíciles. No, ahí realmente pequeño. Entonces solo agarraremos esto y lo pondremos ahí abajo así y probablemente cambiaremos este color de texto a tal vez algo así como blancos. Está bien, ahora hablemos de la nueva sección, que oídos. En realidad son perfiles, pero en realidad lo hice así. No viene así. Entonces por aquí vamos a agregar una nueva sección hará tres filas y vamos a ir a esta caja justo aquí, y vamos a hacer Cuadro de imagen dicho al cuadro de imagen. Y aquí mismo haremos una imagen. Ahora, en realidad, tener la imagen ya está aquí, así que voy a agarrar esta. Y el tamaño de estos tipos es de 3 54 por 2 83 y vamos a ir a insertar medios. Está bien, entonces tenemos la imagen ahí y vamos a poner a Stacey y aquí mismo podemos poner algunos textos diferentes . Voy a seguir adelante y poner en mi famoso texto ficticio que me pusieron ahora por estilo. Por lo que queremos que esto enfatice un poco más grande para que en realidad podamos hacerlo un poco más grande. Lo haremos o algo así, como, 80. Y podemos elegir el espaciado de la imagen también del texto. Pero voy a seguir adelante y dejarlo así, y en realidad podemos agregar animación a esto para que podamos sumar un crecimiento de pulso. Se ciernen sobre él y también el contenido para que podamos cambiar el color del contenido que podemos cambiar. Entonces esto de aquí es por el título. Y esto de aquí es para la descripción. Entonces titulo color, lo dejaré como negro. Y para el color de la descripción, probablemente lo dejaré como algo así como Gray. Está bien, Cool. Por lo que tenemos esta sección aquí mismo. Ahora vámonos. Y fuera de algunos iconos sociales. Así que voy a dar clic en esta sección aquí mismo, y vamos a desplazarnos hacia abajo, y nos vamos a encontrar a ver iconos sociales y simplemente tomar esto y en realidad podemos , ya sabes, vamos a hacer, en realidad, creo que va a ser un poco más útil. Bueno, en realidad, inserta una fila de columnas. Por lo que al agarrar columnas agarrará esto y lo pondrá ahí mismo. Ahora voy a tomar esto y simplemente arrastrarlo hasta aquí. Lo siento. Esta sección y simplemente arrástrela aquí abajo y aquí podemos hacer dos cosas, Ya sabes, podemos quiero sólo como una. Entonces bajo columnas, voy a destruir esto. Sólo tenemos una columna, y aquí en realidad insertaremos los iconos sociales. Bastante cool. Se ve bien. Ahora, iconos sociales siempre hacen que todo se vea bien. No sé por qué ahora, para cambiar a este tipo, eso es realmente sencillo. Por aquí, debajo de tus iconos sociales siendo click en, es simplemente seguir adelante y poner cualquier sitio web de redes sociales que te gustaría y luego poner en tu pozo así que debe ser público o debe ser un fan page chicos. Entonces si lo llevas a un perfil privado, sólo va a decir que este perfil es privado. De acuerdo, entonces todo lo que tienes que hacer es seguir, entra tu enlace para tu página de Facebook ahí y también tu Twitter y también tu Google. Además, puedes agregar más. Entonces aquí mismo. Puedo hacer click en esto e ir a algo como WordPress En otro ítem, Noble pone ah, parpadea algo así, correcto, correcto, Así que eso se ve bastante bien. Entonces ahora mismo lo voy a guardar. Está bien, Cool. Entonces guardamos esa página y esto en realidad es video va a parar, y vamos a seguir en la siguiente diapositiva 12. Acerca de 2: Entonces sigamos con el sobre nosotros. Por lo que también para los iconos aquí mismo, puedes elegir la forma de los mismos. Si lo quieres círculo, quieres TEM algunos Lo sentimos cuadrado o redondeado Ahora una forma rápida de, ya sabes, terminar esta sección en lugar de hacerlo manualmente como teníamos antes. Podemos simplemente seguir adelante y duplicar esta fila. Lo siento, esta sección y la arrastraremos aquí mismo. Ahora, también para los iconos se duplicará duplicará eso, y solo vamos a seguir adelante y los arrastraremos ahí mismo también. Entonces aquí mismo. Yo quiero asegurarme de ponerlo ahí mismo. De acuerdo, así que esa es una forma muy rápida de solo, ya sabes, diseñar completamente la página realmente rápidamente. Ahora, también, si te das cuenta aquí mismo, ya ves como tengo esta columna aquí mismo. Por lo que debí haber hecho sección. Entonces voy a seguir adelante y eliminar esto, y en realidad quiero duplicar esta sección porque esta sección controla el icono. Entonces aquí mismo, intersección, click, duplicar. Y luego vamos a arrastrar el tramo justo ahí. No, no, no lo llames. Lo hará. Entonces agarraremos la sección. Ahí vas ahí mismo. De acuerdo, así que ahora están perfectamente alineados. Se ve bien. Dicho esto, podemos volver a hacer esto aquí mismo yendo a llamar, Um, y podemos simplemente duplicarlo así también. Y sólo eliminaremos esto. Llámalo aquí mismo, está bien. Y sabes que estamos aquí. Seguiremos adelante y pondremos a alguien más, así que eliminaré esto. Pondré en la foto de este tipo aquí y aquí. Le cambiaré el nombre. Entonces ponga lo que se supone que sea su nombre. Bob elegirá a Bob. Y luego aquí mismo, vamos a dar click en esto y vamos a elegir. La imagen borrará esto, y pondremos esta foto de esta mujer justo aquí, y pondremos su nombre como Jennifer. Jennifer. De acuerdo, entonces esta sección se ve bastante bien, Ya sabes, es una sección muy limpia. Es directo al grano. Es sencillo. Ahora, vamos a seguir adelante y presentarles a todos un nuevo módulo que en realidad se llama el, um lo siento, no un nuevo módulo, pero vamos a crear un estilo diferente aquí mismo. De acuerdo, así que por aquí, vamos a ir a añadir una nueva sección. Esta vez vamos a crear dos barras, y queremos crear ese efecto de tener este contáctanos en cualquier momento y también este Click me sección aquí mismo. Entonces aquí mismo, vamos a ir por aquí y le arrastraremos texto, y simplemente pondremos contacto con nosotros en cualquier momento con el estilo. Voy a cambiar el color a algo como Blanco. Ahora. El motivo por el que hice eso es porque vamos a sumar en un fondo y va a verse diferente. Entonces bajo la sección justo aquí corrió cambia el sexo en pleno con, y quiero la posición de contenido en el medio por aquí en su estilo. Vamos a seleccionar este clásico, y luego seleccionaremos color y pondremos su negro. Por lo que ahora se puede ver que tenemos el contenido ahí mismo. Ahora queremos básicamente hacer que esto sea un poco más centrado. Entonces aquí mismo, si hago doble clic en el encabezamiento, solo podemos dar click en la alineación central. Ahora, por aquí, todo lo que hacer es arrastrar en un botón. Entonces haga clic en esto. Adelante y arrastrando un botón. Ahora probablemente pondré click me. Pondrás en contacto con nosotros. Los chicos de Call to Action siempre son muy buenos para tener entre más llamada a las acciones, mejor quieres dirigir a tu público. Quieres decirles qué hacer cuando naveguen por tu sitio web. Sé que suena un poco agresivo, pero confía en mí. Ah, he sido un bien diseñado desde hace algún tiempo y es realmente recomendable. Entonces quiero alinearlo ahí mismo al centro y al tipo justo aquí. Obviamente estos aire sólo colores atajos. Por lo que quiero cambiar a dónde van. Todo puesto http dot dot dot gov dot darrell Wilson Hoops, darrell wilson dot com. Y también podemos seleccionar el icono a Tal vez quiero poner algo como esta cosita ahí y luego por estilo. El color del texto es bueno, en realidad sabes qué? Tomemos este cambio. Era grande. Este poco diferente se invertirá el color pondrá el color del texto como negro y luego pondremos el color de fondo como blanco, por lo que color de fondo, blanco. Entonces eso se ve bastante guay ahí mismo. Y también podemos cambiar la fuente aquí mismo. Y también la animación, etcétera, lo que quisiéramos hacer. Pero, ya sabes que no voy a hacer eso. Y así es básicamente como creamos esta sección. Chicos, fue muy sencillo, muy fácil. Y tenemos una página totalmente funcional sobre nosotros en cuestión de 10 a 15 minutos. Ahora quiero guardar este apartado. Chicos, esta sección no aparecerá. Entonces no te preocupes si hay todas estas cosas raras aquí mismo. Si solo tienes que seguir adelante y dar click aquí mismo a esta X e ir a ver la página, no va a aparecer. Entonces esta es la página que creamos muy elegante, muy guapa. Y es directo al grano. Entonces aquí mismo están los widgets de pie de página, y hablaremos de eso un poco más tarde. De acuerdo, así que eso es todo para los chicos de página sobre nosotros. Enhorabuena. Ahora sigamos adelante y hagamos la página de servicios. Y luego después de eso, hablaremos de los diseños Primi y también del efecto paralaje. Entonces los veré a todos ahí 13. Preguntas 11: Muy bien, chicos. Bienvenidos a nuestro primer quiz en este quiz. Voy a mostrarles a todos cómo logré este look aquí mismo. Para que veas tengo esas barras superiores que tipo de simplemente transición y todas que ese Look realmente único. Entonces éste entra por la izquierda, la parte superior y la izquierda. Y además, tengo estas dos imágenes superpuestas entre sí. Ahora, puedes hacer esto con L. Un mentor. Ya sabes, es realizable porque estás haciendo diseño Web. Chicos. Es realmente difícil conseguir ideas e inspiración. Y confía en mí, he estado ahí. Es difícil ordenar el diseño de tu sitio y averiguar qué es bueno para ti. Entonces te voy a mostrar algún diseño realmente genial. Por lo que algunas estrategias realmente geniales que puedes usar para tu sitio web. Entonces yendo por aquí, todo lo que para esta sección, chicos, es que básicamente acabo de insertar tres columnas con las que lo hice lleno, y lo que hice fue realmente hacer la animación diferente para cada una de ellas. Entonces por aquí debajo de mi sección de columnas, esta es mi sección de columna actual justo aquí, y solo voy a dar clic en este pequeño ícono y por aquí bajo estilo, ustedes pueden ver que básicamente la he dejado sola. He cambiado el color primario, el secundario Nada. Nada demasiado loco. Pero bajo la sección avanzada justo aquí pongo la animación se desvanece dedo del pie izquierdo. Entonces si alguien se desplaza hacia abajo, tiene ese look cool donde todo tipo de chocan juntos y encaja perfectamente. Entonces básicamente hice tres filas justo aquí. Y si vas a esta sección aquí mismo, acabo de hacerlo lleno con Eso es todo lo que hice. Así que hice tres columnas con las que hice un tonto, y acabo de cambiar la animación para todas y cada una de ellas. Ahora, para esta sección aquí mismo, esta sección es un poco más avanzada. Entonces esta es una fila de dos columnas, así que tendrás una que lo llame aquí mismo, y yo tengo otra columna aquí mismo. Ahora, estas imágenes son ambas del mismo tamaño, Así que todo lo que hicieron fue básicamente simplemente insertar una imagen aquí mismo. Yo no cambié nada. Vas a lo avanzado. No se hace nada. Pero si vas al sexo la segunda sección aquí mismo y hacemos click en columna y vamos a seguir adelante y vamos a lo avanzado. Vas a ver que cambio el margen a un 300 negativo. Entonces lo que eso hace es que básicamente lo moverá al revés. Entonces, por ejemplo, lo dejo así. Un cero. Tenemos apenas dos imágenes. Vamos a cambiar esto otra vez. 20 también, sólo para mostrarles a todos lo que se ve desde cero. Entonces esta es una fila de dos columnas, pero quiero empujar esto un poco hacia abajo. Yo quiero crear algún margen ahí, así que voy a hacer 100 y eso realmente lo empujará ahí mismo. Ahora, en realidad puedo hacer algo un poco diferente. En realidad puedo ir menos 500. Veamos aquí mismo menos 400. Y ves cómo la imagen tipo de aparece ahí mismo para que básicamente puedas controlar la imagen de donde quieres que vaya con el margen. Entonces conozco antes la lección. Yo como que, ya sabes, no hablaba demasiado de margen. Y conocí tu pensamiento, Darryl, ya sabes, no estoy aprendiendo nada, Así que este es un ejemplo perfecto de por qué el margen es tan importante ahora para el lado izquierdo, en lugar de darle un 400 Martin al izquierda, quiero decir, ¿sabes qué? Vamos a seguir adelante y aplaudirlo a la página le va a dar menos 400 así. Entonces este es en realidad un look realmente cool y en realidad lo he hecho en otro sitio web. Este es un sitio web que construí para un cliente's hace un tiempo. Esperemos que tu sitio web siga funcionando y en realidad incorporé ese mismo look exacto. Entonces por aquí, bajo las hojas bajo la sección sobre Estados Unidos. Ahora me voy a desplazar aquí mismo y ya ves como tengo las imágenes superpuestas entre sí . Se trata de un look que puedes agregar a tu sitio. Ya sabes, hay algunas cosas que puedes lograr con eso. Mira, hay algunas características realmente geniales con las imágenes tipo de superposición entre sí, igual que aquí mismo. Entonces así como lo hice en este sitio web, tal vez puedas ponerlo a la izquierda aquí, tal vez agregando algún contenido, etcétera. Entonces yo como que quiero recoger tu poco de cerebro. Chicos, ya saben. Espero que esto ayude. Es un look bastante aseado. Es un look cool. Um, tengo que trabajar, que se acerca un poco más tarde. Entonces, uh oh, Peak. Veo que no aprenden algo de ellos, y los veré en la próxima conferencia. 14. Servicios1: Oigan, bienvenidos de nuevo, chicos. Entonces, ya sabes, espero que ese quiz te haya ayudado. Ya sabes, espero darte algunas ideas más para tus sitios web. Ahora, vamos a seguir adelante, hacer la página de servicios. Entonces aquí mismo, me voy a acostar con L un mentor, y en realidad vamos a crear un sitio que se vea así aquí mismo. Esta va a ser la página que vamos a crear. Es muy sencillo. Es muy práctico. Tenemos testimonios y también este acordeón fresco. Entonces les voy a mostrar cómo construir esta misma página exacta. Entonces aquí mismo, sigamos adelante y vayamos a nuestro rumbo. Simplemente vamos a seguir adelante y arrastramos esto hacia abajo, y aquí sólo vamos a poner nuestros servicios y nada de lo que quiero hablar de chicos es Por favor asegúrate de quedarte hasta el final de este tutorial para aprender mucho. Solo quiero asegurarme de que ustedes entiendan completamente todo antes de que ustedes empiecen a aventurarse y tratar de probar cosas nuevas. Entonces aquí mismo voy a ir al estilo y tal vez cambie de color a algo como el blanco y sí recuerdo cómo cambiar el fondo. Chicos, alguien levante la mano. De acuerdo, Está bajo sección, así que sección ir a lleno con estilo. Ahora, tal vez podamos agregar en un video. Ya sabes, puedes agregar en tu propio video aquí mismo. A lo mejor. Vamos a entrar y salir de un video aquí mismo. Vamos a sumar en un video para esta sección. Voy a poner cuatro K naturaleza aquí, cuatro k naturaleza. Y yo sólo voy a seguir adelante y agarrar uno de estos y voy a copiar eso. Odio a ese tipo. Es tan molesto. ¿ Quieres ser rico solo por mi libro e por un dólar y te volverás rico? No, eso no es cierto. OK, así que agregamos el video, Lincoln ahí mismo. Ahora, bajo el diseño, queremos seguir adelante y asegurarnos de que eso sea un poco más grande. Por lo que bajo el HaIf, podemos decir alturas mínimas. Y ahí tienes. Contamos con nuestros servicios, y se ve increíble ahí mismo. Está bien. No cambiará la altura. Recuerda, podemos seguir adelante y cambiarlo, pero voy a seguir adelante y solo dejarlo en 400 ahora también para el texto aquí mismo. Asegúrate de hacer click en el texto, y podemos cambiar también el tamaño del título. Por lo que bajo el estilo ir a la topografía y podríamos hacerlo un poco más grande. Está bien. Entonces algo que se ve así ahora también se preocupa. Aquí, vamos a ir justo aquí, y sólo vamos a seguir adelante y arrastrar esto aquí abajo, y vamos a crear un título, Así que voy a centrarlo en el estilo. Voy a hacerlo negro. Y quiero agregar un margen. Ya sabes, quiero bajarlo un poco. Ya sabes, va a hacer un poquito ahí abajo. Da click aquí, y quiero añadir un divisor. Quiero seguir agregando el mismo estilo que tengo a mi página web. Entonces aquí yo cuando reduje la brecha, quiero un centro. Es y quiero hacer el con sólo un poquito algo sencillo como eso. Está bien, así que ahora realmente quiero hacer una nueva sección. Vamos a usar una sección de seis columnas aquí mismo. Entonces seis columnas así aquí mismo, y vamos a entrar. Entonces Mike en cajas. Entonces aquí mismo. Caja de iconos adelante y agarra uno ahí mismo. Por lo que sí se ve un poco extraño ahí mismo. Pero lo que podemos hacer para arreglar eso es hacerlo a la izquierda o a los derechos. Pero aquí mismo, básicamente podemos reducir el tamaño del texto. Algo sencillo como esto que básicamente,ya sabes,lo mantendría ya sabes, un poco simple. Pero cuando repartimos la página, chicos, se verá un poco diferente. Entonces aquí mismo, bajo secciones podemos ir a lleno con, y en realidad va a reducir o lo siento, estiró el tamaño del texto. Entonces aquí básicamente podemos hacer algo así como, um, ya sabes, ir a dar click en esta historia Aquí, voy a dar click en esto, y luego diremos, Ya sabes, quiero esto para ser un justo Y luego pondremos, um, que ponemos gestionar gestionar, y luego un héroe agregó algún texto ficticio. Ups. Vayamos a conseguir mi famoso texto ficticio aquí ya. Entonces voy a seguir adelante y agarrar algo de esto y vamos a seguir adelante y pegar esto ahí dentro. No, Si quiero cambiar el estilo, puedo cambiar el color primario a algo así como el verde y también los contenidos. Por lo que quiero que los contenidos sean así aquí mismo. Yo quiero ser negro, así que voy a cambiar el título del contenido a Negro. Y recuerda cómo lo hicimos antes. Podríamos simplemente duplicar esto y arrastrarlo hasta aquí. Duplicar esto. Esto te ahorrará mucho tiempo cuando quieras lograr una fila de seis columnas. Ahora, también puedes usar imágenes, chicos, puedes usar todo tipo de cosas. Ya sabes, en este punto, estás empezando a aprender a usar el Paige Miller y la imaginación lo es todo. Y visitar otros sitios web también es una muy buena idea para especie de ayudarte a descubrir diferentes formas en las que puedes aprender a crear tu sitio web. Entonces nuestro héroe puso simple aquí, pondremos algo así como, um, increíble. Y entonces aquí se va a poner diversión. Entonces aquí vamos a seguir adelante y poner simple o fácil. Está bien. Y entonces aquí vamos a seguir adelante y poner algo así como, um, increíble. No. Enfriar. Está bien. Por lo que hemos creado nuestra sección aquí mismo. Y además, si ustedes chicos necesitan cambiar el color de esto todo parece hacer es ir al estilo y cabras al , ya sabes, el color primario, cual puedes cambiar a cualquier color que te gustaría. Está bien. Y otra cosa de la que quiero hablar. Si quieres duplicar toda esta sección, recuerda, recuerda, solo tienes que ir a la sección aquí y ir a duplicar y duplicar esa sección entera para ti . De acuerdo, así que ahora mismo no quiero toda esta sección, pero sólo voy a seguir adelante, ¿sabes? Lo dejaré ahí dentro. Lo dejaré sólo para propósitos contados. Ahora, siguiente que quieres hacer es realmente crear esta sección aquí mismo, que es algo así como un acordeón. Y te voy a enseñar a meter estas imágenes ahí también. Entonces aquí mismo, vamos a ir a añadir una nueva sección. Sólo vamos a poner uno ahora corriendo por aquí, y vamos a desplazarnos hacia abajo, y vamos a usar un nuevo widget. Esta vez. Vamos a estar usando la sección de pestañas, Algo así aquí mismo. Está bien. Ahora para la ficha, haga clic en pestaña aquí y diga nuestro trabajo. Y entonces aquí mismo podemos hablar de nuestro trabajo. Entonces tal vez algo así como, um, ya sabes, sólo voy a entrar a un ficticio chicos de texto porque ni siquiera tengo que ponerlo más. Yo solo acabo de poner yo solo escribo cosas locas y digamos que queremos esa imagen. Entonces, ¿qué entraría? ¿ Y aquí mismo? Yo quiero seguir adelante y agregar medios. Entonces vamos a hacer clic en eso, y voy a seguir adelante y agarrar una foto. Nos agarraremos en algo que se parece a esto aquí mismo. Agarraremos al cuervo. Ahora, digamos que quieres cambiar el tamaño de esto. Esto es un poco más pequeño. Si vas a nuestros estilos aquí mismo, en realidad podemos cambiar todo esto aquí mismo. El borde con etcétera, el contenido del grifo. Pero otra forma de cambiar esta imagen, chicos, es haciendo clic en la imagen misma y yendo a editar. Ahora, esta sección de aquí, ya ves todo dice medio aquí mismo. Puedes hacer click en esto e ir a tamaño completo. Por lo que quiero este tamaño completo. Algo se ve así ahí mismo. Realmente profesional se ve bien. Y también volviendo a los chicos de las celdas, podemos cambiar la frontera con también. Ya ves cómo empieza a entrar en su lugar la frontera ahí mismo. También podemos cambiar el color del borde, tal vez lo queramos negro. Y también podemos cambiar el color de fondo. Ya sabes, podemos cambiar el color del fondo para esto. Ya conoces esos aires tan pegajosos. Todos esos colores, Esos no funcionan juntos. Tan cerca en cerrar que ahí mismo también el color activo. Por lo que realmente podemos cambiar el color activo. Entonces cuando alguien está haciendo clic activamente en él, realidad podemos cambiar también el color activo. Y luego a partir de aquí, también podemos cambiar la topografía. Ahora, acabo de borrar eso. Perdón, chicos. Voy a seguir adelante y salir una vez más en el cuervo. Perdón. Aquí mismo. Yo también fui otra forma de cambiarlo. Por lo que al ir a tamaño completo, también puedes tener este enlace a una chica específica. Por lo que aquí mismo, bajo vinculado a se puede escribir en mural personalizado. Ahora, si alguien hace clic en él, ¿quieres que vaya a otras webs? Siempre hay que hacer es seguir adelante y poner eso ahí dentro y se mostrará. De acuerdo, así que ahora se va a tocar para ir a la pestaña, también. Entonces vamos a seguir adelante y cerrar esto e ir al tabulador, también. Y aquí vamos a poner nuestro caballo. Y luego aquí mismo, voy a seguir adelante y tal vez retroceder todo esto aquí mismo, y voy a pegar esto. A ver, pega esto y luego voy a poner un espacio aquí mismo, y vamos a sumar una foto aquí mismo. Entonces agrega medios y estoy fuera en este caballo así que el tamaño está lleno, así que va a ser una imagen de tamaño completo, y se ve absolutamente preciosa. Hermosa. De acuerdo, así es básicamente como agregamos en la sección de pestañas es solo otro módulo. Es solo otra forma que puedes usar para mostrar tu trabajo. Entonces, por ejemplo, sabes que pueden pasar por put como, ya sabes, nuestras casas, nuestros proyectos, nuestros empleados, lo que quieras hacer, ya sabes, lo que quieras darle estilo. Así es como lo harías. Y también quieres agregar nuevo artículo. Se hace clic en, agrega un nuevo elemento, puede crear otra pestaña, así que aquí se va a quedar sin impresión y el texto de Demi de nuevo. Pero entra y voy a sumar en 1/3 imagen sólo para hablar con fines. Ya sabes, es que se agregó algo así como este teléfono aquí mismo. Y este es un teléfono de tamaño completo. Entonces ahí lo tienes. Así es como lo hacemos. De acuerdo, así que sigamos adelante y agregamos una nueva sección, que va a ser la sección testimonial. Entonces aquí mismo, bajo agregar nueva sección dará clic en eso y lo pondremos aquí mismo. Entonces tenemos a estos y vamos a subir aquí, y todo lo que vamos a hacer ahora es sumar en la sección testimonial. Entonces un testimonio va a seguir adelante y agarrar así de simple. Entonces aquí mismo tenemos el texto justo aquí de lo que quieres que diga el testimonial. Entonces, ¿de qué quieres que hablen estas personas? Tus sitios. Entonces, ya sabes, un trabajo increíble. El mejor tutorial sobre ti a mí, nunca. Será mejor que sea una buena crítica o si no lo haré. Está bien. Nosotros vamos a Sí. Sí. ¿ Ustedes lo tienen bien? Está bien. Entonces justo aquí debajo de la imagen podemos agregar en una imagen para la imagen. Entonces pondré algo así aquí mismo, y entraré eso. Y ahí tienes. Tenemos la foto del tipo y ¿cuál es su nombre? Entonces su nombre es John Doe. ¿ Cuál es su trabajo? Bueno, es un puesto de imagen de diseñador. En realidad podemos poner esto en la parte superior justo ahí. O puedes dejarlo a un lado lo que quieras. Está bien. Y además, también podemos cambiar la alineación. Creo que el Senador siempre se ve bien ahora por el estilo. Podemos poner color del contenido aquí mismo, y se puede cambiar el color del contenido y también para la imagen misma. Puedes hacer la imagen un poco más grande y en realidad podemos agregarle un tipo de borde. Si elegimos tener una frontera, elijo no tener una frontera. Pero ya sabes Hey, puedes hacer lo que quieras justo aquí Y luego aquí mismo. Por supuesto, podemos decidir sumar en un radio. Entonces lo que hacen los rayos chicos, simplemente básicamente crea un círculo a su alrededor. Eso es básicamente lo que hace ahora el radio, por nombre aquí mismo. Podemos cambiar el texto y la fuente para ello. Y también lo mismo para el trabajo. Entonces para el diseñador, aquí mismo bajo el trabajo. Podemos simplemente cambiar básicamente el color del texto para eso. Tal Aziz azul. Entonces ahora es azul. Y también podemos seguir adelante y cambiar lo que ya sabes, la topografía también. El tamaño, lo que quieras que sea etcétera. OK, así que eso es todo para esa sección. Ahora, sigamos adelante y solo duplicarlo. Ya sabes, duplicar esto y arrástrelo hasta aquí, y podría cambiar el nombre. Ahora voy a poner, um ¿Cuál es tu nombre? ¿ Qué es? ¿ Cuál es su nombre? Jessica aún no tendría a Jessica. Por eso Jessica ahí dentro. Y Jessica es un ah, ¿qué sea Jessica? Ella es contadora. Está bien. Y entonces vamos a seguir adelante y cambiaremos el panorama a Jessica aquí mismo. Insertar en medios de comunicación. Y ahí tienes. Y entonces aquí mismo dice usted dice: Ah, Ah, él me estafó. Sólo bromeando. Y entonces tal vez una cara sonriente. De acuerdo, así es básicamente como agregaríamos en la sección testimonial, y eso es todo. Chicos, tenemos una página totalmente funcional de nuestros servicios. Ahora. Por supuesto, esta parte es, ya sabes, demasiado. Yo no lo haría nunca recomendaría demasiado texto gente realmente por imágenes. Ya sabes si es hermoso. Las imágenes se ven bien. El video se ve bien. A todo el mundo le encanta. Hay demasiados textos. Nadie quiere leer esas cosas. Simplemente A ellos simplemente no les importa demasiado. Realmente no lo saben. Una persona que le importa su me vistes. La gente sólo quiere llegar directo al grano. Mantenlo simple y justo, ya sabes, Bebe recto para todos. Muy bien, entonces eso es básicamente todo para nuestros servicios. Page, chicos, uh, volviendo por aquí, realidad hemos creado estos mismos sitios web exactos. Por lo que es muy sencillo. Y recuerden, chicos, la imaginación lo es todo. Ya sabes, ustedes están tratando de aprender a usar su página madre este punto. Entonces voy a hablar un poco más de ahora. Características avanzadas y también diseños prefabricados. Porque ahora que estamos empezando a aprender a usar una página Miller, tal vez podríamos estar un poco más cómodos haciendo, ya sabes, dar un paso más allá y conseguir un poco más avanzados. De acuerdo, Entonces los veré a todos en la próxima conferencia. 15. Widgets y pie de 1: Oigan, chicos, Bienvenidos de nuevo en esta sección, vamos a hablar de widgets ahora. Estas cosas son el camino de abajo justo aquí. Voy a hablar de cuáles son estos y cómo puedes mejorarlos. Cómo puedes hacerlos lo que quieras. Hay millones de los cuales está ahí fuera. Ahí hay feeds de Instagram. Twitter alimenta a Facebook como caja sobre nosotros. Cosas ahí. Tantos widgets por ahí. Entonces te voy a dar una introducción rápida sobre cómo puedes mejorar tu pie de página. Entonces aquí mismo, voy a ir a mi tablero y primero te voy a mostrar cuáles son. Entonces aquí mismo bajo la aparición en Click on Widgets. Ahora ves aquí mismo tenemos pie de página, Widget one, Tenemos pie o widget para tener una barra lateral derecha, una barra lateral izquierda y un encabezado. Ahora en realidad hemos desactivado la barra lateral, así que tenemos que preocuparnos por eso ahora. Por aquí bajo pie de página, widget uno. Estos son testigos actuales en este momento, por lo que podemos agregar un texto arbitrario. Entonces todo lo que entonces también necesitarías hacer es tomar esto, arrástrelo hasta aquí. Y tal vez podría ponerle esto sobre nosotros. Ya sabes, sobre nosotros sobre nosotros y luego arrojar algún texto aquí mismo. Ya sabes que podemos hacer algunos textos ficticio. Iré a mi sitio web secreto aquí mismo, y agarraremos algún texto ficticio todos los derechos. Mi internet es un poco lento ir a copiar esto y luego seguir adelante y pegar esto ahí dentro y luego dar click en seguro ahora también para el calendario. Digo, Dios, Dios, este calendario de aquí, estoy arrastrando más de dos pies. cual ponerle nuestra fecha. De acuerdo, así que he guardado eso. Ahora en realidad voy a abrir una nueva ventana aquí mismo, y les vamos a mostrar ahora los widgets. Entonces aquí mismo debo bajar al fondo justo aquí. Y ahí está el sobre nosotros. Y también la fecha está ahí ahora mismo. Entonces recuerda, recuerda en la configuración anterior cómo teníamos diferentes estilos de widget, cómo básicamente había cuatro o cinco. Entonces voy a ir a todas las páginas aquí mismo. Voy a ir a casa. Veo aquí mismo dice widgets de pie de página. Ella sólo tengo dos widgets. Entonces aquí mismo está indicando que solo tengo dos widgets, pero podemos tener hasta cinco widgets sobre este tema de WordPress. Entonces aquí voy a ir a cuatro cambios a cuatro ahora, y voy a actualizar la configuración y vamos a usar para widgets ahora. Así que digamos que quieres conseguir diferentes widgets. Entonces oyendo sus enchufes, vamos a ir a agregar nuevos y chicos, esta es la parte en la que una especie de aventurarse y entrar en el maravilloso mundo de WordPress Y simplemente encontrar lo que necesitas, porque realmente no puedo te digo que este es el mejor widget. Este es el mejor plug in. Sería injusto y sesgado para mí decir eso porque hay tantos widgets por ahí y cada uno de estos tiene una función diferente. Ya conoces estos aire Google Analytics, Mega slider, forma ilesa. Ah, formulario de contacto, etcétera. Entonces estos son todos widgets, y me gusta básicamente decir que estos aire como aps sus APS para sus sitios web de WordPress. Entonces les voy a mostrar a todos cómo hacer una caja como Facebook. Entonces aquí mismo, voy a hacer Facebook como caja, y sólo vamos a conseguir ah, enorme menos de ellos Y chicos, Sí toma tiempo y juicio y error encontrar unos buenos. Confía en mí. Hay muchos widgets malos por ahí. He pasado por toda una lista. Al igual que, por ejemplo, me estaba poniendo ah, viniendo pronto, Próximamente enchufado y como, no funcionó y, como, seis de ellos no funcionaron. Entonces aquí mismo, voy a instalar ahora, y sólo vamos a usar esta carrera aquí mismo como ejemplo de un widget en nuestro pie de página. Entonces voy a activar aquí mismo. Por lo que en realidad hemos activado el widget Facebook like box. Ahora, ¿cómo básicamente usamos esta causa por aquí no tenemos ninguna configuración, etcétera. Tenemos que volver a nuestros widgets aquí mismo. Por lo que bajo sala de apariencia, haga clic en widgets y ahora se puede ver la cara de Facebook. Siento que widget Facebook like box sea una nueva opción, y está ahí. Entonces haces click en esto y en realidad, solo puedo seguir adelante y decir, ¿ Sabes qué? Voy a ir a tomar esto y simplemente arrastrarlo hasta el widget o pie de página. Widget número tres. OK, entonces héroe puesto Síguenos. Paige, yo d. Aquí es donde quieres entrar en tu página de facebook. Entonces aquí mismo voy a mi Facebook y voy a ir a mi página de fans aquí mismo, y me voy a llevar a esta chica justo aquí. ¿ Todo bien? Voy a volver a esto para Page I d. voy a ir a pegarlo ahí para el con. Quiero sumar 300 y también la altura 300. ¿ Quieres usar un encabezado pequeño por ahora? Ponga No. ¿ Quieres esconder el forraje de la cubierta? Seguro. Sí. No quiero no quiero lo grande Ya sabes, esta es la portada aquí mismo. Realmente no quiero eso ahí. ¿ Y quieres mostrar caras de amigos? Sí, ¿por qué no? ¿ Quieres mostrar publicaciones de página? Sí, seguro. Entonces voy a dar click en guardar ahora. Ahora va a volver a nuestra página web y refrescar los grupos de páginas volteando a L. Un mentor. Ahí vamos. Y sigamos adelante ahora y solo desplázate hacia abajo hasta la parte inferior de la página y Walla. Ahora tenemos una hermosa caja como Facebook. Muy profesional. Se ve muy bien. Ahora. Además, te has dado cuenta de que este cuadro de aquí mismo se superpone a este widget. Y eso es por el con justo aquí. Hicimos el con un poco demasiado grande. Entonces aquí abajo con tal vez podríamos hacer 1 50 y vamos a ir a ahorrar, y luego por aquí se refrescará la página. Y ahí tienes. Entonces se puede ver que ahora no es un poco demasiado pequeño, pero ustedes pueden entender la idea, ya saben, sólo hacer que el haría el con un poco más grande. A lo mejor 200 va a ser bueno 200 y vamos a seguir adelante y refrescar la página. Y creo que eso se ve un poco mejor. Pero también recuerda que cuanto más sería justo que tengas, más scrunch será. Y también podríamos hacer esto lleno con. Entonces esta sección aquí mismo, digamos, por ejemplo, es caja ahora mismo, pero en realidad puedes entrar en el personalizador de temas justo aquí, y en realidad podemos hacer que esta sección esté llena con, lo que significa que se extenderá por toda la página. Entonces desplazándome aquí mismo, voy a ir a mis cosas en su sitio Identity. No, está bajo diseños y pie de página. Entonces aquí mismo tenemos nuestro pie de página con justo aquí y tenemos completo Hemos contenido, pero para la foto inter contenida, tal vez quieras hacer completo. Y ahora se puede ver que esto en realidad se ha dispersado. Por lo que ahora se va aparte, todo se separa toda la página. Entonces ustedes tienen la idea ahí, Ya sabes, básicamente, solo permite, ya sabes, Ah, mirar al completo con widgets o no. Ahora bien, no sé cuál se ve mejor o no. Todavía tengo 50 50 porque sí me gusta el completo con look, pero creo que este estilo podría no ir bien, pero, ya sabes, eso depende únicamente de ti. Básicamente solo te estoy haciendo saber cómo cambiar esto. Entonces voy a ir a guardar y publicar, y vuelvo. Ahora, sigamos adelante y tal vez encontremos otro widget para que lo instalemos. Entonces por aquí y los enchufes iban a ir a agregar nuevo y en realidad podemos ir a popular, ya sabes, podemos, ya sabes, buscar alrededor. Ahí hay toneladas de ellas. También podemos ir a recomendados lo que piensen que nos podría gustar basarnos en nuestras otras búsquedas. Entonces hay bastantes aquí mismo, y tal vez podamos hacer algo como, Vamos a ver, aquí podemos sumar. Hagamos un íconos sociales, iconos sociales. Por lo que tienen muchos aquí mismo. En realidad me gusta el de prensa de acceso. Creo que actores prensa tiene algunos iconos sociales realmente buenos. Entonces vamos a escribir eso aquí mismo. Vamos a escribir en prensa de acceso una vez que empieces, ya sabes, usando WordPress por un tiempo, comienzas a saber realmente cuál tiene quién tiene lo mejor, Blufgan y todo. Entonces aquí mismo están los iconos sociales para WordPress. Enchufe. Voy a ir y dar click en Instalar ahora y usar este aquí mismo. Y tiene muy alta calificación. Ya sabes, es para media estrella con más de 70 mil instalaciones activas. Por lo que vamos a utilizar este acceso prensa iconos sociales. Esta en realidad es una muy buena. Tengo un tutorial sobre éste en YouTube. Entonces si ustedes después de este video, asegúrese de revisar ese fuera. Ahora, voy a ir a activar aquí, acuerdo? Ahora, algunos enchufes en realidad crearán un nuevo menú, así que mira, aquí mismo cómo tenemos acceso a los iconos sociales de prensa. Algunos widgets van a estar en realidad en tu lado izquierdo. Así que asegúrate de recordar que cuando instales un enchufe, Así que voy a ir a suprimir realmente los iconos sociales. Y sólo voy a seguir adelante y crear un nuevo icono social. Entonces aquí mismo, voy a poner el nombre del set. ¿ Qué? Los nombres. Voy a poner social uno social. Y aquí mismo realmente voy a elegir entre los temas disponibles. Y yo sólo voy a seguir adelante y decir que quiero algo que se vea así aquí mismo. Por lo que tenemos todos estos ícono esto que se han abierto. Ahora sólo quiero el de Facebook. Eso es todo. Entonces justo aquí bajo lo de Facebook está justo aquí. Voy a seguir adelante y poner nuestro Facebook o simplemente poner Facebook con voy a ir y poner 50. Poner 50 para el ícono HaIf Así que esto es básicamente la altura del icono y el icono con todo bien, y luego aquí voy a seguir adelante y pegar en mi página de Facebook y luego aquí mismo toda discordia y poner Facebook. Ahora me voy a desplazar aquí mismo, y vamos a, um, um, punta de herramienta. Podemos mostrar Eso está bien. Icono de animación de hover. Entonces tal vez quiero que esto dé un pulso. Si alguien se cierne sobre él ahora, voy a dar clic en Guardar conjunto de iconos. Muy bien, ahora nos dan este corto código. Ahora, este es el texto Onley cuatro, así que realmente no necesitamos usar este código corto. Vamos a poner esto en nuestra sección de widgets. Entonces volviendo aquí a la apariencia, yendo a widgets. Ahora vas a ver acceso prensa, icono social trope. Ahora, de repente, ves eso? Adelante ahora y pongamos esto bajo el número cuatro. Entonces acceso para iconos sociales, Um, y toma esto, arrástrelo, y luego pondré sígannos, elige el ícono, establece Social one e ir a salvo. Muy bien, ahora, voy a volver por aquí y refrescar esta página, y soy un scroll hacia abajo todo el camino hacia abajo hasta abajo. Y ahí está. Entonces ahora tenemos nuestro Facebook, Y si hago clic en esto, me va a llevar a mi página de fans de Facebook. De acuerdo, así que eso es rápido resumen de widgets. Chicos, hay ah muchos widgets por ahí, un montón de enchufes, así que es un poco difícil para mí enseñarles. ¿ Cuál es el mejor plug in? Yo sí tengo muchas recomendaciones, sin embargo, sin embargo, en mi canal de YouTube. Así que asegúrese de comprobar eso si ustedes estaban interesados. Entonces eso es todo, chicos, para las brujas y el pie de página. Pasemos a las siguientes secciones. Allí los veo a todos. 16. Latijones1: Hey, bienvenido de nuevo en esta conferencia, vamos a hablar de diseños pre hechos y cómo puedes crear un sitio web en segundos con L. Un mentor. Además, vamos a hablar de cómo puedes crear tu propio diseño e importarlos y exportarlos a otros sitios web diferentes. Así que realmente rápido. Antes de hacer clic en esto, quieres asegurarte de que tu contenido esté bajo ninguna baraja aquí mismo. Se puede decidir el número de widgets pool platicar de brujas en tan solo un poquito. Y aquí mismo bajo lleno con contenidos, puedes dejar eso comprobado ahí mismo. Y también contenido título licencia. Ese cheque es Bueno, ahora voy a dar click en editar con L un mentor, y vamos a utilizar el layout pre hecho L Motor ha dado con nosotros. Entonces aquí mismo, click en add Template y elemental realmente ha creado todas estas plantillas para que nos especie de ayuda nos den ideas y también inspiración. Ahora voy a dar click en este de aquí. Vamos a usar este. Vamos a usar este bufete de abogados uno justo aquí y allá van. Por lo que el sitio web se crea para nosotros y esto es chicos en vivo. Por lo que este es un sitio web completo que ya nos ha hecho. Todo el arduo trabajo está hecho. Todo lo que necesitamos hacer es seguir adelante y simplemente tomar nuestras imágenes, ponerlas ahí, poner nuestro título, poner nuestra información, y ahí tienes. Entonces, por ejemplo, esto es así que quieres hacer un cambio a esto? Voy a ir a abrir esto. Es bastante sencillo que los chicos marquen para hacer click en él. Estamos aquí cuando pone el número uno en ventas, y aquí mismo puedes seguir adelante y cambiar los textos. Este es texto ficticio y aquí arriba, tal vez quieras seguir adelante y cambiar este título aquí mismo. Voy a poner a Darryl y Wilson, Darryl y Wilson. Y aquí voy a poner algo así como, Enfriarte a mí, instructor. El mejor. Te refieres a estructura, ¿verdad? Eso es correcto. De acuerdo, así que la mejor tú para mí, instructor, así como así. De acuerdo, Ahora, digamos que básicamente quieres mantener esta sección. Ya sabes, sólo me gusta esta sección del trineo arriba. No me gusta nada más. Todas estas otras cosas no me gustan. Digamos que sólo quiero tomar esto y guardarlo y cargado en una parte diferente de mi sitio web. Es muy sencillo. Por lo que aquí mismo en tu sección, haces click en este pequeño botón de guardar, Secre's safe Haz clic en eso. Y voy a vincular esto, uh, Lawley fuera podría ir a salvar, así que tengo este aquí mismo. Disposición LOL. Ahora, digamos que quiero cargarlo en una parte diferente de mi sitio web justo aquí en un desplazamiento hacia abajo y justo aquí debajo de agregar plantillas. Soy un click en agregar plantillas. Acude a mis plantillas y bajo los diseños de ley, sólo voy a insertarlo. Y ahí tienes y puedes usar el de este tipo en cualquier página de cualquier parte determinada del sitio web . No tiene que ser la misma página. Podría ser cualquier parte de la página web. Ahora, digamos que tienes otro dominio. Digamos que tienes otro ah entero otro sitio web y quieres tomar esta información y ponerla en otro sitio web. Eso se puede hacer aquí mismo bajo la sección. Vamos a dar click en sección y vamos a dar click en seguro y vamos a hacer algo así como, um, um, en realidad, no, en realidad podemos simplemente ir a nuestra biblioteca en su lugar. Entonces esta sección justo aquí, Vamos a ver. Podemos hacer esto de dos maneras. Simplemente haré así. Simplemente lo haremos desde cero. Está bien. Entonces lo voy a hacer desde SECCIÓN. Vamos a salvar esto, y vamos a hacer exportación uno. Y yo soy un go a ahorrar aquí mismo. Está bien, entonces ahora tenemos uno de exportación aquí mismo. Ahora, digamos que tienes otro dominio, y quieres tomar este diseño y ponerlo en otro sitio web. Entonces aquí mismo, soy un click en exportación. Y eso es sólo un poco de mañana. Entonces justo ahí está el diseño justo ahí. Entonces es l un mentor dot Jason. Ahora, digamos que quieres seguir adelante y cargar esto en otro sitio web. Además, tienes que hacer eso ahora mismo para que tengamos el diseño ahí mismo. Se llama punto elemental Jason, voy por aquí a ver o a ir en mi tablero. No voy a guardar nada de esto, y voy a bajar a L. Un mentor, y voy a mi biblioteca ahora, aquí mismo. Voy a dar click en diseños de importación, elegir el archivo y creo que se llamaba l un mentor y ver aquí mismo l un mentor. Lo es, correcto. Está Ahí está. Elemental, Doc. ¡ Jason! Aquí mismo. Entonces ese es el seguimiento que tenemos. Y voy a ir a dar click en abrir e importar ahora. Y ahí tienes. Entonces, importar importar importar uno está ahora en la página web. Entonces así es básicamente como tomarías esos diseños y los exportarías a un dominio diferente . Porque tal vez quieras crear muchos diseños, y entonces tal vez, ya sabes, tienes un cliente y solo podrías cargar un laico en su página web y luego bam, Ahí tienes. Ya sabes, tu trabajo ya está hecho, así que esa es una muy buena idea. Si eres diseñador Web, es un atajo muy bueno y cargar, cargar plantillas y bibliotecas chicos no es una vergüenza. Ya sabes, es que ahorra mucho tiempo. Sigue siendo un diseño muy bonito que han creado para nosotros. Entonces no hay vergüenza en hacer eso. Lo hago todo el tiempo porque a veces los clientes quieren un sitio web realmente bonito, y si ya han hecho algo realmente bueno, solo usa eso en algunas modificaciones, etcétera. OK, entonces ese es básicamente mi tutorial. Chicos en diseños. Ustedes pueden seguir adelante y pasar por la lista de diseños. Puedes usar las tuyas propias. Puedes exportarlos, importarlos lo que quieras. Está bien, así que eso es todo para esta conferencia, chicos. Los veré a todos en la próxima conferencia. 17. Parallax1: Hey chicos, bienvenidos de nuevo. Entonces en esta conferencia, vamos a hablar todo sobre la sección de paralaje y cómo lograr este look y cómo lo hice . Ahora el Efecto Parallax en realidad está creciendo popularidad y a mucha gente le gusta porque simplemente se ve realmente limpio. Se ve realmente divertido y único. Por lo que hoy te mostraremos cómo incorporar el efecto Parallax como este a tu página web Entonces vayamos aquí a nuestra página web y vamos a ir a nuestra página aquí mismo, . y yo soy un go a editar página y ahora vamos a dar click en editar con L un mentor. Y como siempre, chicos, asegúrate de que el contenido ID sin barras de lado, los widgets, puedes elegir cuántos widgets te gustaría. Hablamos de widgets en la conferencia anterior y también el lleno de contenido y también el título de contenidos. Entonces voy a dar clic en editar con L un mentor, y ahora vamos a crear ese hermoso efecto de paralaje. Entonces voy a seguir adelante y sólo agarrar un rumbo aquí mismo, y voy a seguir adelante y le da la bienvenida a Parallax. Y entonces aquí voy a seguir adelante y poner entrar ahora, también, por este estilo, podemos elegir cambiar esto. Probablemente me lo cambie a blancos. Ahora, quiero agregar un fondo a esto. Entonces bajo la sección justo aquí, lo primero que quiero hacer es que quiero hacer esto lleno. Y también Bueno, en realidad, voy a hacer la altura a continuación porque como que quiero mostrarles la imagen. En primer lugar, iré al estilo. Voy a ir al clásico y voy a la imagen. Ahora, también podemos poner un fondo de video también. De acuerdo, así que solo quiero recordarte todo eso es cómo pones fondos de video. Entonces por aquí y ve a la imagen. Y solo voy a seleccionar una de estas imágenes aquí mismo. Insertar medios. Y ahora voy a volver aquí a los diseños, y justo aquí bajo HaIf voy a hacer alturas de Men. Ahora bien, aquí es básicamente donde se puede controlar la altura de la imagen ahí mismo. ¿ Ves eso? Para que puedas seguir adelante y decidir qué le gustaría. Pondré algo así como abierto 700 7 700 luego la posición de contenido. Yo lo quiero en medio, aquí mismo. Está bien, así que tal vez quiero que eso sea un poco más grande. Entonces si hago clic en esto aquí mismo, realidad podemos seguir adelante y cambiar. Eso irá a tamaño, y yo sólo haré, como, extra grande algo que se ve así. Ahora quiero asegurarme de que esta sección de aquí está arreglada porque ahora mismo, si me desplazo la imagen tipo de no sabes, se queda. Entonces para conseguir ese look de efecto paralaje, tienes que ir a dar click en sección y por aquí vamos a ir al estilo, y vamos a tener estas opciones aquí mismo. Entonces creo que está bajo la, um la otra las repeticiones o apego? Sí. O el apego que vas a querer mantenerlo como fijo ahora con lo fijo hace es que mantenga la imagen donde está. Entonces si quieres obtener ese efecto de paralaje, así es exactamente como lo haces. Pero vamos a darle un paso más allá. Sigamos adelante ahora y creemos otro aquí mismo. Vamos a crear una sección completamente nueva. Entonces aquí mismo voy a ir a añadir una nueva sección. Voy a seguir adelante y poner esta de aquí. Agarra esto. Voy a agarrar este encabezado texto animal pone nuestra empresa es increíble y vamos a poner centro. No por el estilo. Voy a cambiar a blancos, y luego por aquí, voy a dar click atrás, y vamos a dar click en sección ahora y sección queremos esto lleno con vamos a ir al estilo. Queremos ir al clásico, y aquí mismo vamos a seguir adelante y elegir la imagen. Ahora, voy a elegir este de aquí. ¿ Todo bien? Y ahora, con el fin de difundir esto, vamos a volver aquí para colocarlo, y vamos a ir a bombo y en realidad puedo hacer caber a la pantalla. Y qué ajuste hace la pantalla lo ajustará en realidad a tu pantalla actual. Está bien, pero creo que eso es un poco demasiado grande. Yo sólo quiero algo alrededor. A lo mejor teníamos 700 pasando. Suena bien. Se ve así. Y también tenemos que asegurarnos de que esto esté bajo fijo. Entonces bajo estilo, vamos a ir a los archivos adjuntos y asegurarnos de que esto esté bajo fijo ahí mismo. Por lo que ahora tenemos un doble efecto de paralaje ahí mismo. Y también podemos seguir agregando cosas aquí mismo. Entonces, por ejemplo, digamos que quiero dar click en esto aquí mismo. Podríamos quizás agregar en el carrusel de imagen y simplemente arrastrarlo debajo. Y este tipo no acaba de agregar algunas imágenes aquí mismo. Ya sabes, no lo hice Este, éste y éste y éste de aquí mismo iré a crear una nueva galería e insertar la galería. Está bien, así que tengo mis cuatro imágenes ahí, y aquí mismo podríamos poner tamaño de imágenes. Probablemente pondré, ya sabes, puedes poner 300 etcétera. Por lo que ahora puedes ver que tenemos nuestras imágenes ahí para que esas se vean bastante cool. Creo que las imágenes blancas probablemente se verían un poco mejor en este fondo. Pero solo te estoy mostrando cómo hacer esto solo para que lo sepas, si los propósitos de peaje y todo también, digamos que quieres agregar en algún texto. Pero antes de que salgamos del texto, vamos a crear otra sección. Solo creemos otro. Tipo de Consigue este duplicado, paralaje hermoso efecto que nos pusimos pasando aquí. Entonces por aquí. Voy a ir a añadir una nueva sección. Da click en este de aquí. Ir a dar click en estos aquí mismo. Agarra el texto del encabezado. Y aquí quiero poner esto es Parallax y dar click en, ya sabes, centro. El estilo cambia a los blancos al igual que lo hemos estado haciendo. Y voy a dar click en estas partes de sección y la sección, recuerden, controla toda su sección. Quiero esto como lleno con y la posición de contenido. Mantenlo en el medio. Y también la altura. Dos hombres Altura. Ahí mismo. Ahora necesitamos agregar en una imagen de fondo. Ese es el problema, ahí mismo No se ve, no tiene una imagen de fondo por aquí. En tu estilo, haces click en clásico click en imagen animales como éste. Ahora contesta en medios y Voila! Ahí vamos. Se ve realmente bien. Ahora, recuerda, para el apego tienes que cambiarlo a fijo. Fijo te dará el efecto de paralaje Ahora volviendo a colocar. ¿ Quieres básicamente hacer esto un poco más grande, así como eso? Eso se ve bastante bien. Y entonces aquí podemos, ya sabes, añadir algunos widgets más. Sabes que puedes seguir agregando en contenido aquí mismo de los widgets de texto. Y lo pondré justo ahí y luego por el estilo que quería en el centro. Y quiero este texto blanco así como así, ¿de acuerdo? Y además, digamos que quiere agregar algunos contadores numéricos aquí mismo. Adelante y hagamos eso. Entonces aquí mismo y haga clic en esto, y en realidad voy a poner columnas y en realidad voy a poner esto aquí mismo. Ups. Simplemente lo puse en cualquier lugar justo aquí y ahora en realidad podemos insertar las columnas justo aquí. Entonces aquí, tomaré columna y todo, quizá agregue uno. Entonces tenemos tres. A lo mejor tres es bueno. Ahora, quiero esta sección debajo del texto aquí mismo. Entonces voy a dar click en esta sección, y solo voy a dar click ahí mismo. Y ahora tenemos la sección debajo del texto. Entonces haciendo clic en este ícono aquí mismo y quiero seguir adelante y agarrar en algunos contadores numéricos . Entonces contadores numéricos, y luego aquí mismo, seguiré adelante y te pondré sabes que eso está bien, ya sabes, número genial. Supongo que podemos poner algo más, pero quiero cambiar ese texto a Blanco. Entonces bajo color de texto, quiero poner eso como blancos y también para el título. Yo quiero poner ese trasero trasero trasero blanco. Bueno, ahora digamos que quiero duplicar esta fila. Lo mismo soy un duplicado. Y ahí vamos. Entonces ahora sigamos adelante y digamos que lo sabes. A lo mejor no quiero crear una sección entera. Ya hicimos tres secciones con el punto de volver a hacer todo de nuevo. Vamos a duplicar una sección entera y luego simplemente arrástrela. Entonces por aquí, solo voy a seguir adelante y dar clic en sección y vamos a duplicar esa sección ahí mismo. Entonces ahora ustedes pueden ver que la página en realidad se ha esparcido aparte, que es otro look realmente genial. Pero solo quiero tomar esta sección y simplemente arrastrarla hacia abajo. Entonces tengo esta sección aquí y quiero simplemente arrastrarla aquí mismo. Y ahí tienes. Ahora tenemos un efecto de paralaje realmente genial. Ustedes pueden ver que se ve realmente bien. Empezó a venir. Ahora también quiero hablar de deslizadores de video. Entonces hay mucho sobre videos, luchadores que puedes hacer. Ya sabes, Por ejemplo, en lugar de tener este gran fondo, en realidad podemos simplemente incorporar un deslizador de video. Entonces agregando una sección aquí mismo vamos al estilo y solo vamos adelante y agarramos un video de YouTube . Y realmente recomiendo agarrar en los cuatro videos K porque YouTube lo tiene todo. Por lo que es un sitios web monstruosos. Entonces cuatro k naturaleza y, ya sabes, agarrar una de estas es, ya sabes, probablemente una de tus mejores soluciones. Entonces solo agarraré este de aquí y veremos cómo se ve bien éste. Y voy a seguir adelante y pegarlo ahí mismo y mientras la ley Así que eso es un realmente cool ya sabes , fondo que puedes tener para tu página web. No, tenemos, ah, ah, sidra de video más el efecto de paralaje, que se ve bastante cool. Así que siéntete libre chicos para pasar por esto, ya sabes, y meterte con la configuración de paralaje que puedes tener como una página de paralaje totalmente funcional solo destaca y puedes decorarla. Puedes agregarle todo tipo de cosas realmente geniales. Entonces eso es todo para los chicos de sección. Espero que esto te haya ayudado. Pasemos a la siguiente sección, así los veré a todos ahí 18. Preguntas 2 2: Muy bien, chicos, bienvenidos de nuevo al siguiente quiz. Vamos a hablar de cómo hice estas tablas de precios. Por lo que las tablas de precios son realmente agradables, su único. Ahora hay 1000 estilos diferentes. Pero solo quiero mostrarte el formato de cómo crear una tabla de precios para que puedas crear una por ti mismo. Ahora, serio, todo esto son chicos. Si miras esto con cuidado, es sólo un texto, un texto, una línea. Añadí una Nikon esta aquí mismo y un llamado a la acción. Y entonces simplemente esbozé básicamente toda la caja con un color para una especie de darle ese aspecto distinto como si fuera su propia tabla de precios. Entonces aquí mismo debajo de la columna, vas a ver que básicamente cambio el color de fondo aquí. A ver que nuestro cambio, el color ahí mismo. Esta sección de aquí es un texto de encabezado. Entonces básicamente acabo de hacer una tasa impositiva aquí. Este también es un texto de encabezado, y yo simplemente básicamente, ya sabes, simplemente básicamente hice el tamaño más grande para especie de dar más énfasis para que parezca una tabla de precios, etcétera. Y en esta sección justo aquí solo hay un divisor. Entonces cabecera, divisor de cabecera. Y en esta sección aquí mismo, en realidad, un poco más de personalización. Entonces este es básicamente el gadget de lista de iconos justo aquí. Por lo que la lista de iconos. Ahora voy a borrar esto y mostrarte exactamente cómo lo hice. Entonces esta de aquí es la lista de iconos, y solo la voy a arrastrar aquí mismo. Ahora, por defecto, se va a ver así. Entonces, ¿cómo lo hice? Ups. Perdón por eso. Entonces, ¿cómo conseguí que se viera algo así aquí mismo. Vamos a todo lo que realmente hizo fue poner algo como, ya sabes, servicio completo de S E o. Y pongo un cheque aquí mismo. Puedes poner lo que quieras, y pondré empresa de diseño web, y entonces aquí mismo te hará ninguna comprobación de crédito, que tienes que estar loco para hacer eso. Pero algunas empresas por ahí, ya sabes, no lo sé. Entonces aquí mismo tenemos estos justo aquí, todo. Eso es bastante bueno. Pero necesitamos básicamente alinearlo para que se vea un poco mejor. Entonces por aquí, bajo estilo, quiero asegurarme de que esté centrado. De acuerdo, entonces lo tenemos centrado. Ahora, aquí mismo puedes cambiar el color del icono a algo así como negro aquí mismo. Pero la característica importante es que necesitamos usar el interlineado porque el interlineado básicamente lo hace. Dale esa ilusión de que es una tabla de precios. Entonces por aquí, bajo texto, vamos a ir a topografía y justo aquí bajo las alturas de la línea. Vamos a hacer esto un poco más grande y ya sabes, el espaciado de líneas que podemos saber, señor Vice basando un poco, etcétera. Entonces así es básicamente como hicimos la tabla de precios. Y también recuerda, una vez que hayas terminado de crear esta tabla de precios, todo lo que necesitas hacer chicos es solo duplicar la rosa. No lo hagas demasiado duro para ti mismo. No trates de, ya sabes, hacer todo tú mismo. Simplemente usa la tecnología, ya sabes, usa lo que está disponible aquí mismo. Todo lo que hay que hacer es solo hacer click en duplicar. Y ahora tiene una segunda fila y luego duplicado de columna. Y entonces aquí mismo, todo lo que tienes que hacer es simplemente seguir adelante y cambiar el título. Y también aquí mismo. Lo mismo, ya sabes, sólo al 99. Y chicos. También hay muchas demostraciones sobre cómo hacer tablas de precios. También está esta mesa apremiante. Y si ustedes miran esta tabla de precios con mucho cuidado, todo esto realmente es, chicos es esta es una sección gigante justo aquí. Entonces permítanme mostrarles la analogía detrás de esto. Entonces esta de aquí es una sección gigante, y es sólo gris. Se trata de una columna con fondo blanco, un texto, un texto, un texto, la lista divisoria del ICOM y un botón de llamada a la acción. Y si te das cuenta cuando tienen un flote sobre, se pone azul por aquí. Lo mismo exacto. Por lo que básicamente es conseguir ideas y simplemente aprender a usar el constructor de páginas. Y se ve complicado, pero en realidad no es, Ya sabes, es sólo un texto. Una lista de iconos divisor de texto. Ah, botón con solo fondo azul, Eso es todo. Y aquí mismo, el fuera del radio fronterizo. Por lo que el radio de borde es 10 y eso básicamente le da ese aspecto redondeado. Cambiar actitudes. Quiero decir, como, cero. Se va a perder ese aspecto aquí mismo. Por lo que esta caja de aquí ve cómo ahora está cuadrada. Entonces quieres ese look redondeado. Es necesario agregar el radio de borde. Algo alrededor de 20 a 30 sería genial. Entonces eso es todo, Chicos, para este quiz. Espero que esto te ayude. A lo mejor en el futuro ustedes podrían hacer alguna tabla de precios Que se veía realmente, realmente genial. A lo mejor aún que mi Así los veré a todos en la próxima conferencia. 19. Contacto: Oigan, chicos, bienvenidos de nuevo. Entonces en esta conferencia, vamos a hablar del formulario de contacto. Vamos a utilizar la imagen de Google Maps. Te voy a mostrar a todos cómo usar el formulario de contacto Enchufa junto con solo crear una simple página de contacto. Entonces sigamos adelante ahora y empecemos. Voy a volver aquí a nuestro formulario de contacto y aquí mismo, click en editar con L A mentor. O si eso no es esa opción no está disponible para ti. Sólo tienes que ir a la página de edición y en el concurso La sección de contacto US. Basta con dar click en cualquiera con l un mentor, y esto abrirá toda esta sección para nosotros. Así que realmente rápido. Es muy sencillo. Aquí mismo. Haga clic en. Agrega en tu sección. Queremos hacer este gran mapa aquí mismo. Por lo que tenemos esta sección aquí mismo. Ahora, solo quiero tomar Google maps justo aquí y simplemente arrastrarlo por ahí. Simple. Fácil. Ahora aquí. Voy a seguir adelante y poner Avalon Hollywood, y también podemos controlar el nivel de zoom. Ya sabes, podríamos hacer que se acerque realmente, o podemos hacer que se acerque. De verdad cerrar, etcétera. Lo siento. Esto es cuanto mayor sea el número, más cerca se acerca. Además, se puede cambiar la altura de esto también. Pero era algo así aquí mismo y también prevenir desplazamiento. Entonces eso significa que si alguien, si alguien se desplaza sobre él, ¿Quieres evitar el pergamino o no? Entonces, al hacer clic en sí o en no, mira , ahora, si uso mi ratón y desplazamiento, no lo hace zoom. Entonces creo que es una buena idea hacer eso. A veces la gente se queda atascada cuando se desplazan por la página. Ellos son como, Oh, Dios mío lo dice. Estamos conociendo. ¿ Sabes a qué me refiero? Eso lo he hecho mucho en muchos sitios web. Entonces aquí mismo, voy a ir a la sección. Yo quiero hacer esto lleno con. Y también quiero asegurarme de que aquí no haya brecha. ¿ Ves esa brecha ahí mismo? Yo quiero sacar esa brecha. Está bien. Entonces así es básicamente como entras en Google Maps es muy, muy sencillo. Hay una forma secundaria de hacer esto. Ahora te voy a mostrar la vía secundaria solo por dos peajes propósito es solo para hacerte aprender un poco más. Entonces lo que también puedes hacer es ir justo aquí, afuera en un editor de texto, solo manejarlo y agarrar un texto. Y ahora ya ves, hay dos pestañas. Hay un visual en el texto. Ahora para futuros chicos de referencia, siempre que un plug in o algo te diga que introduzcas un código corto o una pieza de guión, siempre va a ir en el editor de texto del cuadro de texto. De acuerdo, entonces déjame mostrarte exactamente lo que quiero decir. Entonces solo retrocedo que ahora voy a ir a Google Maps aquí mismo. Voy a ir a Google Maps, y sólo voy a seguir adelante y poner algo como, uh, uh, Dollinger, mi ciudad natal, Chatsworth, California. Ahora voy a dar click en compartir. Bueno, dos en el mapa de la cama. ¿ Y ves esto aquí mismo? Este código. Voy a seguir adelante y copiar esto aquí mismo. Voy a volver aquí y voy a pegar esto en la caja justo ahí. Entonces ahora si vuelvo aquí ahora, vas a ver que esto realmente ha salido. Entonces esa es una forma alternativa de utilizar los mapas de Google. Ahora, si se usa bajo visual, no va a funcionar. Simplemente sigo adelante y solo pego este código bajo visual. Vas a ver todo este código. De acuerdo, así que esa es la diferencia. Por lo que siempre que un enchufe o algo te diga que lo pongas en tu texto arbitrario, debes asegurarte de que esté debajo del cuadro de texto o de lo contrario no funcionará. Y eso va por todo lo que va por códigos cortos. Eso va por un código PHP que va por cualquier cosa que un plug in te dé directamente. De acuerdo, así que aquí mismo, sólo voy a seguir adelante y sólo mentí. Todo esto y no vamos a usar esta caja. Voy a seguir adelante y sólo borrar toda esta sección. Ya sabes, siempre lo hace a veces. Ya sabes, si hace eso también. Vosotros chicos donde es como que hacéis clic así. Simplemente hace que a veces es simplemente raro. Entonces lo sé. Entonces ahora sigamos adelante y sumamos un texto aquí mismo. Entonces quiero agregar en un texto, un divisor y un texto. Ya estás pensando, Oh, Oh, esto es sólo práctica, ya sabes, esto es bonito. Bastante simple. Espero que ustedes regresen a aprender a usar esto. Entonces aquí. Pero contáctanos. Ponga esto en el centro y por el estilo. Yo quiero hacerlo negro. Y quiero agregar un margen. Quiero agregar algo de espacio aquí mismo. Entonces haciendo clic en esto, voy a decir por qué quería 100 100 fotos de ahí. Ahora, haciendo clic aquí mismo, uno en un divisor justo debajo de ahí. Reducido el hueco, Póngalo en el medio y reduzca el con justo ahí. Ups. En el medio, ahí mismo. Y también aquí mismo. Yo quiero agregar en algún contenido nuevo. Yo sólo quiero seguir adelante y Adam algún texto. A lo mejor puedes hablar de tus sitios web o lo que quieras. Entonces aquí, voy a ir a entrar en algún texto ficticio, y voy a agarrar esto. A lo mejor es demasiado, ¿sabes? No lo sé. A lo mejor eso son demasiados textos y ver aquí. Acelera el ritmo. Sí, tal vez sea demasiado. De acuerdo, algo así. Está bien. Entonces ahora tenemos esta siguiente sección aquí mismo donde está un poco más dividida donde tenemos nuestra oficina y tenemos esta sección aquí mismo, así que les voy a mostrar cómo hacer esto. Entonces aquí, solo voy a seguir adelante y decir, Está bien, centrado. Voy a seguir adelante, centrar este texto ahora Justo aquí. Voy a ir a añadir una nueva sección y vamos a dar click a Todo bien. Ahora, por aquí. Yo quiero agarrar el rumbo y voy a poner algo como, ah, ah, era nuestro horario de oficina, nuestra oficina. Y entonces también puedo hacer algo como, ya sabes, el texto. Por supuesto, cuando se ponen negros y por el avance, no puedo querer empujarlo una ola. Yo quiero alejarme de la parte superior aquí mismo. Voy a agregar algún margen, así que no tengo 100. ¿ De acuerdo? Por lo que agregó algo de margen ahí mismo. Ahora también quiero agregar básicamente algunos iconos aquí mismo. Entonces, como, ya sabes, nuestro teléfono, nuestra ubicación, nuestro número de fax, etcétera. Por lo que yo llamo esto sería la mejor apuesta para eso. Simplemente tomaría eso y solo lo dejaría caer justo ahí. ¿ Todo bien? Y también recuerda que puedes agregar más. Ya sabes, podemos sumar tantos como queramos. Entonces aquí mismo podemos agregar algo así como, Ah, Ah, edificio del bulevar Pasadena, Hollywood, California, etcétera. Entonces aquí mismo, haré algo como, ya sabes, nuestro teléfono y luego comenzaré. Pero algo así como, ya sabes, para el ícono pondrá teléfono bien puesto y luego aquí mismo, sólo tienes que seguir adelante y poner tu teléfono. Ya lo sabes? Entonces 1 88 No, 288 un 9999 Vale, así es básicamente como logré esa mirada ahí mismo. Por lo que básicamente puedes pasar por cada uno y, ya sabes, diseñarlo también para el enlace. Por lo que si quieres que este sea un enlace donde alguien haga clic en él y los lleve a otro sitio web, entrarías ahí mismo tu enlace. También para el estilo. Puede cambiar el tamaño del icono para hacer un poco más grande y también cambiar el color de la fuente también . Está bien. Y luego, como por supuesto, puedes convertirla en una línea. Puedes llegar a los derechos, etcétera, donde quiera que quisieras estar. O en realidad puedes ir aquí y simplemente cambiar el texto del número real en sí. Entonces aquí puedes cambiar el texto, sangría, y luego tal vez cambiar el color del texto y la topografía también. Entonces, chicos, ¿ya saben qué es eso? No quiero volver a pasar por eso. Entonces sigamos adelante ahora y hablemos del enchufe del formulario de contacto. Entonces aquí mismo, ve a ahorrar. Y vamos a salvar nuestro progreso actual, y ahora vamos a ir a nuestro panel de control. De acuerdo, Ahora, también deberías hacer esto bajo una ventana diferente. Pero, ya sabes, solo para vender servicios, solo voy a ir al tablero, y solo vamos a hacer esto desde cero, acuerdo? Entonces yendo por aquí a enchufes, vamos a ir a añadir nuevos. No, hay muchos enchufes ahí fuera. Solía recomendar formulario de contacto siete, pero ya no recomiendo formulario de contacto siete porque me acaba de encontrar muchos de mis espectadores y mucha de mi audiencia encuentra que tiene especie de oro en el tiempo. Entonces yo lo soy. Ya sabes, ya no estoy recomendando contacto Formulario siete. De hecho te recomendaré Contact Bank y este enchufe me ha funcionado, así que sé que funciona bastante bien. Y es un relativamente, um, ya sabes, buen enchufe para usar. Era un banco de contacto. ¿ Ver? Aquí mismo. Se llama contacto. Otra forma. Ustedes confinados solo por ir a contactar por mí aquí y hay toneladas de ellos justo aquí. Pero muchos de estos formularios de contacto, ya sabes, muchos de ellos son muy anticuados. Ah, muchos de ellos no funcionan. El más popular es el formulario de contacto siete. Pero como dije, realidad ha tocado a lo largo del tiempo. Y me parece que el enchufe no está funcionando bien. Ah, muchas de las veces que uso Ah, formulario de contacto siete. Que el enchufe, en realidad simplemente no lo envía al spam estallado en su lugar. Bandeja de entrada, este es el formulario de contacto siete. Pero ya no nos recomendaría porque, um, desde la nueva actualización de WordPress, ha conseguido un montón de temas. Pero ahora sigamos adelante y justo y resolvamos el enchufe que buscamos a Serena, escriba WP Contact Bank, y aquí mismo vamos a usar este formulario. Entonces aquí mismo. Basta con hacer click en instalar ahora, y vamos a instalar este enchufe. Y lo que hará este plug in es que básicamente creará un formulario de contacto para nosotros. Por lo que siempre que alguien vaya a nuestra página web y nos envíe un correo electrónico, irá directamente a nuestra bandeja de entrada. De acuerdo, así que casi se termina de instalar y dar click en Activar. Está bien, así que aquí mismo, se puede ver contacto siendo tarde Edición está instalado. Ahora, sigamos adelante y usemos este formulario de contacto. Entonces, a veces , chicos, cuando estás cuando instalas enchufes, a veces es un poco difícil encontrarlos. Tienes que tipo de tener que mirar a tu alrededor. A veces es bajo ajustes, etcétera, pero arcos aquí mismo. Por lo que sólo va dar click en contacto rosa. Y en realidad han hecho básicamente un bosque de demostración. Básicamente ya han creado uno para nosotros, así que sigamos adelante y usemos éste. Pero, ya sabes, tal vez no debería hacer eso. Adelante ahora, Simplemente crea un formulario completamente nuevo solo para mostrarte solo por servicios ditto. Entonces aquí mismo hemos formado nombre y tenemos una descripción de formulario. Tenemos un mensaje en blanco. Tenemos mensaje de correo electrónico incorrecto. Un mensaje de éxito, etcétera. OK, entonces este es básicamente un foro rápido que han creado para nosotros. Ahora en realidad podemos simplemente tomar esto aquí y Digamos que quiero agregar en una sola descripción de línea justo aquí. Entonces aquí mismo tenemos el 2do 1 justo aquí. Y quizá quieras agregar algo, como un texto de párrafo. Entonces aquí mismo, vamos a seguir adelante y cambiaremos los nombres aquí mismo. Entonces voy a ir a ajustes, y aquí mismo, pongo como nombre ahora, ¿Se requiere esto o no se requiere? Por lo que suma a ti. Voy a dar click en guardar. Y aquí otra vez. Lo mismo aquí mismo. Haré algo así como, um, mensaje. Y entonces tal vez oigas mucha dirección de correo electrónico. Entonces configuración de direcciones de correo electrónico. Yo quiero hacer que esto sea requerido. Está bien. Y entonces aquí mismo hará casillas de verificación, o puedes hacer una casilla de selección. Um, ya sabes, lo que quieras agregar, aquí hay muchos gadgets. Entonces aquí, tal vez quieras hacer algo como, um, nada. Eso es suficiente. A lo mejor solo nombra como correo electrónico para mantenerlo sencillo. Ya sabes, creo que eso es bastante bueno. Por lo que mensaje de éxito , ya sabes, enviado exitosamente enviado a ser forma segura. Ahora podemos en realidad básicamente solo usar este Ah, este formulario de contacto. Entonces aquí mismo. Este es el formulario de contacto que hemos creado. Entonces voy a seguir adelante y usar este. Ahora, necesito agarrar todo esto, y estoy copiando esto. Ahora se va a pasar a nuestro formulario de contacto. Por lo que las páginas, todas las páginas contacten con nosotros. Muy bien, Así que toda la carne te hizo ahora es solo seguir adelante y vamos a desplazarnos aquí mismo, y vamos a usar el widget de WordPress. Entonces aquí mismo, bajo prensa premiada. Quieres tomar el texto arbitrario y simplemente seguir adelante y simplemente arrastrar eso ahí mismo. Y queremos tomar el código corto y simplemente pegarlo ahí mismo, y luego haremos click en guardar y voila. Ahora tenemos nombre, mensaje y correo electrónico, y solo pueden seguir adelante y enviar su mensaje. Entonces eso es todo, chicos para la página de contacto con nosotros, básicamente creamos una página de contacto totalmente funcional les hemos dado su mapa. Les hemos dado el título aquí mismo, la oficina y el formulario de contacto también. Eso es más o menos para esta sección, chicos. Además, sigamos adelante y tal vez agregando otra sección aquí mismo. Así que básicamente creé otra sección aquí en la parte inferior. Y lo único que hice fue básicamente que acabo de agregar una nueva sección aquí mismo. Y en realidad, podemos hacer esto de dos maneras. Podemos ir a dos columnas y aquí mismo sólo puedo seguir adelante y sólo añadir en un texto de encabezamiento justo aquí. Entonces parece que eso es y luego seguiré adelante y agregaré un editor de texto justo debajo de eso . Y también lo hice fue básicamente ir a sección y luego de sección fui a avanzar. Y yo simplemente básicamente creé un margen ahí justo así, y también aquí mismo bajo esta sección debajo de esta columna, también puedes agregar en un margen también. Se quiere alinear básicamente la forma para siempre que se quiera que sea. se puede hacer. Entonces eso es básicamente un rápido resumen de cómo creé esa segunda sección aquí mismo en el formulario de contacto. Entonces dije que podrías hacer esto puede ser un poco más largo para tal vez tipo de coincidencia a este texto porque esta sección aquí mismo, puedes ver que la casilla de contacto es más larga para que puedas hacer eso y también el mensaje en realidad lo hará tu mira un poco más grande aquí mismo. A lo mejor podemos hacer de eso un límite más grande cuando creamos el formulario de contacto. Entonces aparte de eso, chicos, eso es básicamente todo para el formulario de contacto. Sección dos. Bastante simple. Bastante sencillo, ¿verdad? Por lo que los veré a todos en el siguiente apartado. 20. Blog: Oigan, chicos, bienvenidos de nuevo. Entonces ahora vamos a hablar de blogueo. Entonces en este tutorial, vamos a hablar de cómo hacer un post blawg. Y también les voy a presentar a todos la versión pro de L. Un mentor porque sí tiene algunas características especiales referidas al bloque post. Entonces aquí mismo, si quieres iniciar una nueva publicación de bloque, vas justo aquí a plus nuevo y vas a publicar, o bajamos a nuestro panel justo aquí, y en realidad podemos acceder a él justo aquí yendo a posts y yendo a agregar nuevo. Entonces esto de aquí es básicamente solo crear un post blawg. Y recuerda, también podemos usar elemental para diseñar nuestra página blawg. Entonces, en lugar de tener el predeterminado, en realidad podemos crear un post blawg personalizado. Pero aquí mismo, voy a seguir adelante y poner blawg post uno, y, ya sabes, seguiré adelante y pondré cualquier texto que probablemente aquí. Entonces, por ejemplo, sólo voy a seguir adelante. Y así, como algo simple aquí mismo. Simplemente, ya sabes, pon lo que quieras hablar como un ya sabes, cosas cool y justo aquí. Ya sabes, podemos poner esto una línea en el centro. Ah, línea a la izquierda debilita bala podemos cursiva. Es todo tipo de características realmente geniales. También el problemático. Siento que el toggle de la barra de herramientas sí le dé algunas características extra como, ya sabes, en la dentadura. Quiere dar personajes especiales. Puedes poner estos en tus publicaciones o, ya sabes, si quieres tener un color de texto específico, puedes hacerlo también. Por lo que hay un montón de pequeñas opciones aquí que puedes usar para especie de, ya sabes, meterte con tu configuración si quieres. Ahora lo importante que quiero hacer es ir por aquí todo el camino hasta aquí abajo y establecer una imagen destacada. Chicos, siempre que estés haciendo cualquier tipo de post, debes tener una imagen destacada. Es básicamente una imagen que representa tu post de bloque. Entonces aquí iba a seguir adelante y poner a este tipo aquí y dijo que como imagen destacada y eso es básicamente todo para los postes de bloque. Parece que nosotros, ya sabes, agregamos algún contenido en bastante simple también vamos a una categoría de crédito para ello. Entonces, por ejemplo, esta publicación de bloque va a estar hablando de animales y podrías tener otros posts de bloque que hablan de otra cosa, etcétera. Entonces, básicamente por eso querrías categorizar tus publicaciones en bloque y también etiquetas. Entonces tal vez algo así como un animal de perro, etcétera, Y estas otras opciones son básicamente estándar para la página de correos de bloques. Entonces sigamos adelante ahora y publiquemos ya este post. Ahora en realidad creamos página para esto. Ni siquiera tenemos una página para los posts de bloque. Entonces aquí mismo debajo de las páginas irá a bien, en realidad cargarán todas las páginas. Creo que podríamos tener uno. No, no tenemos uno. Entonces aquí mismo, vamos a ir a agregar nuevo y escribir blawg, y pronto sólo lo publicamos ahí mismo. Está bien. Ahora, para que el post aparezca en esta página, necesitamos configurarlo en el personalizador de temas. Entonces aquí mismo debajo de ella lo siento. Personalizado. Da clic en eso. Ahora vamos a bajar a la página principal estática. Ahora ya ves lo que dice post ¿Página? Queremos que esa sea la página blawg. Está bien. Y entonces estamos aquí. Iremos a guardar y publicar y también te das cuenta aquí mismo. El menú ahora aparece justo aquí debajo de Blawg. Por lo que la página se ve bien. Ahora, sigamos adelante y vayamos a nuestra página de bloques. Entonces aquí mismo, voy a ir y dar click en Blawg. Y ahí tienes. Entonces tenemos este pequeño post fresco justo aquí, y ya sabes, tiene ah, imagen destacada. Tiene esta información aquí mismo, etcétera. Entonces esto es básicamente chicos el bloque post en pocas palabras. Es muy sencillo. Es muy sencillo. No es difícil de entender. Y lo que están aquí mismo es que estos son básicamente widgets. Ya sabes cómo en el pie de página justo aquí cómo tenemos esos widgets. En realidad se puede colocar el's a un lado. Entonces ir por aquí a widgets, lo ves o lo escuchas es correcto Sidebar. Esta sección de aquí mismo controla lo que ves en el blawg. Ahora puedes agregar por tu cuenta lo puedes en una caja de Facebook como. Se puede agregar en todo tipo de cool. Ya sabes, cualquiera que sea el enchufe que puedas encontrar en los mercados. Pero si no quieres esto, solo puedes ir y decir, sabes que no quiero mostrar archivos. Da click en borrar, y no quiero mostrar categorías borrar, y no quiero mostrar meta y borrar, eso es Y si vuelves a nuestra página rubia, vas a notar que Onley tres de ellas aparecen aquí. Por lo que tenemos las publicaciones recientes y los comentarios recientes. Los otros también han desaparecido. Entonces eso es un rápido chicos naturales sobre cómo hacer los postes de bloque. Y como dije, si dan click en su ahí vas. Ahí está el bloque post y haciendo inicio de sesión y pueden dejar un comentario, etcétera, lo que quieran. De acuerdo, entonces ese es un resumen rápido de la página en blanco. Pero sigamos adelante ahora y volvamos a nuestro puesto. Entonces voy a ir a mi puesto aquí mismo y vamos a ir a bloquear puesto uno. Y ya sabes, si quieres hacerte personalizable, puedes agregar ese formulario de contacto aquí mismo. Entonces, por ejemplo, puede hacer clic aquí agregando en el formulario de contacto, o puede agregar en una imagen aquí mismo yendo a agregar medios y simplemente poniendo una imagen. Y digamos que quiere alinear esto en el centro se puede hacer eso. Es decir, como esto para ayudar a darle a tu blog algunos, ya sabes, algunos. Algunos sienten algo de personalización. Ya sabes, se ve bien. Y también, um, aparte de eso es que básicamente es todo para el bloque post. Pero, ya sabes, también puedes editar esto con los elementos o Paige Miller. Entonces aquí mismo en el click en Actualizar, y vamos a hacer un nuevo post, vamos a hacer un nuevo post, una nueva publicación, y vamos a hacer bloque post uno ahora y aquí, en lugar de solo publicar y contenido, En realidad voy a editar con L un mentor, y en realidad podemos crear un post personalizado aquí mismo. Entonces aquí mismo, se puede ver ahora realmente podemos usar esto en lugar de lo que se nos da. Yo por defecto. Entonces tal vez quieras agregar una imagen aquí mismo. Podemos, ya sabes, poner la imagen aquí mismo. Y entonces aquí mismo, podemos seguir adelante y decir, ya sabes, quiero algún texto aquí mismo. Pondré algún texto, ya sabes, el viaje más increíble, el caballo más increíble y debilitar centro. Es Y aquí podemos seguir adelante y poner tal vez hasta un Google Maps, tal vez incluso un ícono. Entonces cuando estás haciendo estos chicos de postes de bloque, te recomiendo usar la elemental Paige Miller, porque tienes mucho más control sobre lo que puedes hacer. Y digamos, por ejemplo, que no quieres estas cosas aquí no quieres este año. Solo quieres una foto y algún contenido, ya sabes, todas esas cosas para mostrar. Adelante ahora y retrocedamos. Entonces vamos a mi tablero aquí mismo. Ahora, cuando hagas el poste de bloque, Así que aquí mismo, voy a hacer bloque post, también. Simplemente harían la misma característica, chicos, irían aquí abajo. Diría que quiero el contenido, pero no quiero ninguna barra lateral. Y entonces aquí mismo, vas a decir que lo quiero lleno, y no quiero que se muestre el título. Entonces aquí mismo. Si hago clic en los cambios de vista previa, básicamente es sólo ir a aquí. Seguiré adelante y lo haré así. Será un poco más claro, así que voy a dar clic en publicar aquí y ahora voy a editar con, uh, uh, el constructor de páginas. Entonces ahora este es nuestro post chicos. Entonces este básicamente es nuestro post, y puedes seguir adelante. Es decir, puedes insertar un diseño pre hecho para tu post. ¿ Entiendes lo que intento hacerte pensar? Por lo que básicamente puedes poner lo que quieras aquí como tu publicación de bloque, y no se considera una página es solo tu publicación. Entonces vamos aquí mismo en Template. Voy a ir a decir, ya sabes, voy a poner algo justo aquí como Thea el layout uno justo aquí. Y voy a contestar esto, y voy a seguir adelante y salvarlo. Y este es tu nuevo post blawg. Se trata de un poste de bloque. Esta no es una página. Se trata de un poste de bloque. Entonces volviendo por aquí, voy a ir a ver la página. Ahora bien, este es un post. Entonces aquí mismo, se puede ver que este es el post real en sí. Entonces no estás limitado por lo que lleva el tema que el bowler de la página puede hacer cualquier cosa que sepas, conseguir incluso crear blogs increíbles, ¿sabes? Y también aquí mismo en nuestro blawg, se puede ver que el post está ahí. Entonces, como dije, no estás limitado a básicamente lo que el bloque te dice que hagas y todo tipo de características realmente geniales . Ahora, también, quizá quieras limitarte básicamente la cantidad de cosas que la gente ve. Entonces para hacer eso, realmente vamos por aquí a posts y vamos a seguir adelante y dar click en uno de estos post aquí mismo . Tal es el bloque Post, también. Oigan, chicos, una cosa más. Quiero señalar si quieres que se muestre el extracto de la parte inferior, tienes que ir a opciones de pantalla aquí arriba y dar click en extracto. Y ahora tienes la opción de extracto. De acuerdo, así que aquí mismo bajo extracto aquí mismo. Adelante y solo escribe lo que quieres que tengan una vista previa. Entonces esta es una publicación de blawg realmente genial click click aquí y también desplazándose hacia abajo justo aquí. Vamos a ponernos imagen destacada aquí mismo. Entonces voy a poner imagen destacada, y voy a lanzar una foto de este cuervo aquí mismo y usar esto como mi imagen destacada y luego iremos a actualizar. Entonces si básicamente quiero tener a Onley esto aquí y al cuervo, tenemos que ir al personalizador del tema y cambiarlo en la configuración. Entonces aquí mismo, voy a ir a personalizar. Voy a bajar a Blawg y de verdad bajaré a Onley. Mostrar el extracto guardar publicar, y ya terminamos. Entonces ahora cuando alguien haga clic en el bloque, ponga post justo aquí, solo van a ver en qué les dijimos que hagan clic. Perdón, lo que dijimos, Teoh, ponemos en el extracto y también la imagen que hagan clic en su se llevarán al poste blawg . De acuerdo, así es como básicamente usarías el blawg ahora para la versión pro de Element o en realidad tiene la suya propia. Entonces déjame mostrarles a todos de lo que estoy hablando. Voy a seguir adelante y cerrar todas estas pestañas, y voy a dejar esta abierta, así que vamos a saltar a mi otra página web aquí. Está bien, así que este es mi otro sitio web, y en realidad tengo instalada la virgen pro ahora, aquí mismo. Dice post aquí mismo, este constructor de páginas, en realidad, solo toma todos tus posts y simplemente ponlo en un orden realmente ordenado y alinéalo muy bien. Y es realmente profesional, realmente sencillo. Y si alguien hace clic en esto, entonces serán llevados a la página de correos. Por lo que esa es una característica de los elementos o pro. Si quieres, es como dije, tengo un enlace en la descripción. Ustedes también pueden usar mi código de cupón. También tendré que ustedes van a ahorrar 10% de descuento en su compra. No tienes que conseguirlo. Pero si te gusta el diseño aquí mismo y también recuerdas, puedes poner esto en cualquier parte de tu sitio web. Por lo que realmente no estás limitado a la página blawg. Digamos, por ejemplo, que no quieres tener una página bloqueada. Entonces solo quieres básicamente poner en tu post aquí mismo, Eso es lo que son cuatro. Y hay todo tipo de características y opciones sobre tú sabes cuántas publicaciones quieres mostrar cuántas columnas? Etcétera. OK, así que en pocas palabras, chicos, ese es el blawg y también el block post. Entonces también, una cosa más de la que quiero hablar es que puedes especie de hacer lo mismo con el post blawg encendido igual que el básico, pero es muy limitado, Así que déjame mostrarte. Simplemente voy a ir a la página sobre nosotros y soy un go a editar con L. Un mentor, y en realidad voy a tomar un widget de WordPress conocido como Where Is it at recent posts. Y voy a dejarlo aquí mismo. Por lo que se trata de publicaciones recientes. Y si ven aquí mismo, esto en realidad tiene el poste de bloque al poste de bloque uno y todos. Mi post aquí mismo. Entonces de alguna manera, puedo ponerlo donde quiera. El problema es, es que es muy feo, se puede decir, y es muy limitado. Y esta es la predeterminada que obtienes con WordPress y muchas de las cosas que viene por defecto chicos de WordPress no es realmente la mejor. Por lo que también puedes poner algo así como comentarios recientes categorías o, um, ya sabes, páginas, archivos, etcétera, categorías aquí mismo. Y yo tenía animales, así que, ya sabes, es algo limitado, chicos. Entonces ya sabes, realidad no recomiendo um, ya sabes, el centro con el estándar con WordPress porque es solo muy limitado, y es que simplemente no es bueno, así que puedes elegir usa eso, Pero si no quieres la versión pro, recomiendo solo hacer un blawg se paga a sí mismo y solo usar eso porque la mujer que viene por defecto con WordPress es fea. Ya sabes, nadie le va a gustar. Nadie va a hacer clic en él Nadie va a hacer clic. Y es realmente que no hay foto, ¿sabes? No se ve bien. Entonces ese es básicamente el bloque post. En pocas palabras, chicos, ustedes pueden elegir tener los elementos o versión pro o crear la página de bloque, o incluso usar el estándar cuando eso viene con WordPress. De acuerdo, eso es todo, chicos a la siguiente conferencia y los veré a todos ahí. 21. Preguntas 3 3 de la la prueba.: Oigan, chicos, Bienvenidos a nuestro último quiz y a este quiz. Vamos a hablar de cómo tener el efecto de pantalla dividida. Ahora. Seguro que has visto sitios web donde tienen la mitad de su sitio web un color y luego la mitad del otro aquí. Se puede ver que tengo la mitad de la pantalla como verde claro, y pongo un objeto con ella. Y luego en esta sección, acabo de poner un objeto básico. Por lo que sólo estoy tratando de enfatizar el hecho de que se puede tener una página de aterrizaje de pantalla dividida o un efecto de pantalla dividida. Entonces te voy a mostrar cómo conseguí esto. Y tal vez puedas hacer esto por tu sitio web si quieres el efecto de pantalla dividida. He hecho esto para los sitios web de los clientes. Por lo que es una tendencia muy popular. Entonces aquí parece que todo lo que realmente hizo fue tener dos secciones. Entonces yendo por aquí, tengo una sección justo aquí, y tengo otra sección aquí mismo. acuerdo, ahora, todo lo que realmente hizo fue básicamente añadí en una imagen aquí mismo, pero en realidad vamos a crear todo esto otra vez porque decir que es una cosa. Pero creo que para este quiz. Tengo que mostrarte básicamente cómo lo conseguí. Entonces aquí mismo, voy a ir a añadir una nueva sección que voy a poner también. Está bien. Ahora, justo aquí de un clic en sección y ya ves cómo dice más estructuras aquí mismo. En realidad agarré el 66 33 justo aquí. Ahora puedo agarrar el 50% también. Yo sólo elegí sólo agarrar el 66 33. Entonces voy a hacer eso otra vez. Y aquí mismo. Voy a cambiar esto a lleno con y aquí mismo. Voy a dejar la altura como regular por ahora. Entonces voy a seguir adelante y añadir en un fondo aquí mismo. Voy a añadir una imagen que voy a añadir en esta imagen aquí mismo. Muy bien, entonces tenemos estas dos imágenes aquí mismo. Ahora, quiero básicamente empezar a estirar un poco esta página. Entonces por la altura, voy a poner fit a pantalla. Por lo que ahora solo se ajusta a la pantalla aquí mismo. En realidad, voy a hacer algo así como la altura de los hombres. Haremos media altura. Haremos Hombres se esconden a las ocho. O 7 79 79 correcto Así que tengo estas dos cajas aquí mismo. Ahora, todo lo que quiero hacer es ir aquí y en este apartado. Yo sólo voy a tomar imagen. Sólo voy a contestar esa imagen. Y aquí mismo, voy a seguir adelante y elegir la imagen y ponerla ahí mismo. Y en esta sección aquí mismo y chicos, puedes poner cualquier cosa que puedas poner en widgets de texto. Se puede poner en cualquiera de estos. Yo solo estoy haciendo esto solo por dos propósito Tour es solo para ayudarte a conseguir más ideas para tu sitio web. Y por aquí, voy a seguir adelante y poner este de aquí. Muy bien, Así que tenemos estas dos imágenes, y también ustedes pueden cambiar el tamaño de estas. Ya sabes, si es demasiado grande, podríamos hacerlo un poco más pequeño, etcétera. Oregon hábito medio. Lo que quieras. Está bien, así que por aquí, en realidad quiero cambiar la sección del relleno. Y además, quiero agregarla y superponerla así sobre el estilo justo aquí. Voy a ir a realmente, no, voy a ir a mi columna aquí. Vamos a hacer en la columna. Entonces al hacer esto, chicos, es muy fácil confundirse para hacer clic en la imagen o hacer clic en la sección o hacer clic en la columna . Entonces, para el efecto de pantalla dividida, vas a querer hacer clic en la columna, ¿de acuerdo? Y luego para un tipo de fondo haga clic en eso. Yo quiero tener un color. Ya sabes, quiero agregar en como, un color azul, pero quiero hacer un color transparente. Entonces déjame donde la gente realmente pueda ver un poco. Entonces algo así ahí mismo. Ok, ahora voy a ir a la sección avanzada aquí mismo, y en realidad voy a desactivar. Yo lo sé. Dejaré el relleno y agregaremos en algún relleno. Bueno, no tengo 200 o agregaré algo así como 300. Está bien, así que hemos agregado en el relleno por 300. Ahora, si quieres simplemente agregar básicamente suficiente relleno aquí mismo para solo cubrir la parte superior e inferior para que realmente podamos volver por aquí y poner esto aquí y habilitar esto a 300 y habilitar esto a 300. De acuerdo, así se puede ver que esta sección ha sido despejada y todo se ve bastante bien ahora en cuanto a esta sección aquí mismo. Digamos, por ejemplo, que quieres seguir adelante y empujar esta sección por aquí. En realidad vamos a dar clic en la columna ah justo aquí, y voy a ir a avanzado, y sólo vamos a añadir un margen ahora. Entonces ahora vamos a sumar un margen aquí mismo. Entonces básicamente nos estamos contradiciendo el uno al otro. Ahora digo que no, no, no, no. Sé que quieres relleno, pero quiero bajar, así que en realidad voy a empujar esta sección hacia abajo para básicamente conseguir ese efecto. Entonces esa es otra forma de cómo ustedes pueden crear este efecto. Se ve realmente bien. Y como dije, todo se trata de chicos de imaginación y sólo de averiguar qué quieres, ya sabes, aquí mismo podemos sumar como un aterrizaje ah como un montón de impuestos. Y aquí mismo podemos poner como una chica mirando, ya sabes, a la izquierda. Y ella puede como, ser como, Oh, Dios mío, esos precios son tan descarados, ya sabes, algo así. Entonces así es básicamente como puedes crear el efecto que esta página de destino es básicamente pantalla dividida ahora quiero mostrarte una cosa más para algunas imágenes como esta aquí mismo. Podrías conseguir esta sección aquí mismo. Necesitas asegurarte de que cuando pongas tu imagen aquí mismo, Así que voy a ir a sección. Entonces quieres asegurarte de que el, um que el ah, la sección de aquí está en realidad bajo auto. Entonces creo que está debajo de la columna justo aquí para el tipo de frontera. Déjame ver aquí. Por lo que está bajo la sección, justo aquí está bajo el estilo. Ah, sí, aquí mismo. Ok, entonces es por aquí, chicos, ya sabes, me pierdo. A veces uso la página polar, pero no memorizo dónde están todas las opciones. Entonces cuando haces algo así como el tamaño, quieres asegurarte de que sea otro ya sea una cubierta de contenedor, por lo que contener podrías seguir teniendo este efecto aquí mismo. Pero si tienes la, um, um, la cubierta dependiendo de tu imagen, esto en realidad cubrirá toda la sección. De acuerdo, así que eso es todo. Chicos, para este concurso, espero haberlos ayudado. Al usar esta estrategia, puedes crear el efecto de pantalla dividida en tu sitio web para especie de crear esta ilusión de que la pantalla está dividida por la mitad. Entonces espero que eso te ayude. Perdón. Ya sabes, yo no memorizo. Todas las opciones están en esta página. Constructor. Yo uso cientos, pero esta definitivamente es una de las mejores paginas como he visto nunca. Entonces sigamos adelante y pasemos a la siguiente conferencia. Chicos, veré a todos ahí. 22. Pila de cliente: Oigan, bienvenidos de nuevo, chicos. Entonces esto va a ser un poco más de un tutorial avanzado. Y quería usar esto porque quiero ayudarte a entender eso Paige Miller. Un poco mejor ahora si te desplazas aquí mismo, ¿ves este pie de página? Secciona el sobre las páginas y síguenos. Ahora, chicos, esto no es un pie de página que llega al tema. En realidad acabo de crear esto yo mismo, y básicamente tengo la ilusión de que esto es nuestro nuevo pie de página. Entonces en lugar de usar los widgets predeterminados que nos da el tema, podemos ir un poco más allá y básicamente crear nuestro propio pie de página. Entonces hoy te voy a mostrar cómo hacer eso. Entonces aquí mismo tenemos un sobre nosotros, nuestras páginas. Y después nos hemos seguido con estos iconos sociales. Entonces voy a ir a esta página aquí mismo. Y si me desplazo hacia abajo aquí, por lo general usamos estos widgets aquí mismo. Pero si quieres ponerte un poco más personalizable, te voy a mostrar cómo hacer eso. Perdón. Aquí. Voy a ir a editar página. Ahora, antes de hacer esto, necesitamos cambiar algunos ajustes. Entonces bajo el pie o testigo aquí mismo, vamos a seguir adelante y poner cero widgets. Entonces básicamente diciendo que no quiero a ninguna de esas brujas al final de la página. Por lo que ahora cuando haga clic en editar con L un mentor, va a mostrar que no hay nosotros sólo en la parte inferior. Y luego a partir de ahí, vamos a usar nuestro propio pie de página personalizado. Entonces aquí mismo los widgets ya se han ido. Y aquí mismo solo podemos ir y dar click en Agregar una nueva sección y simplemente básicamente vamos a crear un pie de página. Ahora igual que los widgets por click en, agrega una nueva sección. ¿ Cuántas columnas quieres? ¿ Quieres un widget de dos columnas? Quieres un widget de tres columnas para widget de columna, etcétera. Entonces voy a seguir adelante y seleccionar cuatro y justo aquí probablemente voy a poner en el rumbo justo aquí, y voy a seguir adelante y poner este centro y me voy a poner sobre bien, y luego aquí mismo. Simplemente seguiré adelante y agarraré algún editor de texto aquí mismo, y lo colocaré ahí mismo y aquí mismo tenemos algún texto ficticio, así que este es básicamente nuestro sobre sección. ¿ Todo bien? Ahora, si cierro esto aquí mismo, vas a ver que, Ya sabes, sí se ve bastante bien. Y si le damos un color, va a representar un pie de página. Entonces volviendo por aquí, voy a ir a la, um voy a ir a la sección, y en realidad puedes decidirte dejarlo lleno con o no. Depende de ti si quieres un completo con pie o no. Si no, te lo crees. En caja. Entonces aquí mismo, voy a ir a darle estilo al color de fondo. Es decir, podrías tener un pie o tienes un video reproduciendo en la parte inferior. Ya sabes, en realidad puedes insertar un video aquí mismo y tener un video reproduciendo en segundo plano si quieres. Pero por ahora, solo voy a seguir adelante y seleccionar un color básico aquí mismo, acuerdo? Y luego volviendo aquí, quiero cambiar esto. A lo mejor a blanco y también aquí mismo. Voy a cambiar esto a Blanco también. De acuerdo, ahora, esta sección de aquí, ¿qué debo poner aquí? ¿ A lo mejor las páginas ahora? Además, ustedes lo han notado en esta sección aquí mismo. Ten esta línea. Ahora, a estas alturas, ustedes saben lo que es eso. Es solo el divisor, aquí mismo es el divisor. Y básicamente solo lo puse, y puedo, ya sabes, uh, uh, reducir un poco la brecha y tal vez hacer esto blanco, y en realidad voy a reducir el tamaño de la misma. Entonces lo voy a centrar y luego reducir el con así así. ¿ De acuerdo? Entonces por aquí, haremos algo un poco diferente. Paseos para hacer una página es ahora aquí es donde los enlaces se ponen en su lugar. Y si recuerdas el inicio de la editorial, hablé de enlaces. Ahora cambian de color. Ahora vamos a hablar de eso. Entonces aquí mismo, voy a poner páginas y yo voy a centrar esto aquí mismo. Y luego por el estilo, voy a seguir adelante y ponerme blanco. También, puedo agregar en el divisor aquí mismo. Simplemente voy adelante y dejándolo ahí mismo. Y la brecha sólo reducirá la brecha. Pon esto centrado y te voy a hacer todavía con y luego lo pondré en el color aquí ahora, aquí mismo. En realidad vamos a volver a usar el encabezado y sólo vamos a nombrar básicamente las páginas que tenemos actualmente. Entonces básicamente diciendo: Vale, Vale, ¿cuántas páginas tienes? Entonces aquí mismo. En realidad voy a arrastrar esto justo aquí, Ponlo en el, um, veamos justo aquí. Seguiremos adelante y arrastraremos esto. A veces sí se pone un poco blanda. Entonces aquí, sólo voy a poner a casa, y voy a centrar esto y ya ves lo que dice link justo aquí? Básicamente sólo vamos a agarrar la página principal. Entonces esto aquí mismo, vamos a usar esto, pero necesitamos iniciarlo en http. Recuerda que http y luego aquí mismo pondrá www dot l un mentor tutorial dot com. Ahora, por el tamaño, tal vez quiero un poco más pequeño. Algo así. Perfecto. Entonces aquí lo cambiaremos como blanco. De acuerdo, así que ahora si pasas por encima, gente en realidad irá a nuestra página principal. Entonces en lugar de básicamente usar los widgets, podemos usar esto y voy a tener un duplicado esto tal vez tres veces. Entonces aquí voy a seguir adelante y poner el sobre, Y si ustedes chicos necesitan ayuda para encontrar sus enlaces de permiso aquí mismo. Ups. página web equivocada goop ve vamos a ir a cerca solo ve a dar click en el sobre y luego simplemente cangreja este enlace justo aquí y simplemente copiarlo. Recuerda, debes empezar con un CTP. Entonces, http y luego vamos a seguir adelante y solo nos espantamos o pegamos eso ahí mismo. Y ahí tienes. Y asegúrate de que no haya nada en el frente. Asegúrate de que sea Sí, todo está bien. Entonces tenemos el sobre nosotros y luego aquí mismo, empezar a seguir adelante y cambiar esto a algo como contactarnos. Entonces pon esto bajo contacto. Y luego una vez más, vamos a ir aquí a la sección de contactos y simplemente se describió este enlace, y vamos a seguir adelante y sólo el ritmo de ese enlace ahí mismo. Muy bien, Perfecto. Por lo que el número haga clic en seguro. Está bien. Entonces antes de ir a la siguiente sección, si rondo sobre esto, se va que básicamente se ve cómo el Texas Black quiero básicamente mostrarte cómo cambiar eso. Entonces aquí mismo, voy a ir a ver la página y nos desplazamos hacia abajo justo aquí. Te tienes sobre su negro. OK, entonces es negro, y necesitamos básicamente asegurarnos de que es el color que quieres que sea. Entonces aquí mismo, Ve a personalizar. Está bien. Y, ya sabes, no recuerdo que una palabra sea exactamente así que creo que está bajo los, uh, diseños comerciales justo aquí. Tu cabecera de navegación principal. ¿ Conoce el contenedor? No. A lo mejor bajo pie de página. ¿ No hay barras secundarias? No. De acuerdo, así que está aquí en alguna parte, y vamos a seguir adelante, y sólo vamos a seguir adelante uno por uno hasta que encontremos a un tipo. Entonces ahí está. Por lo que los colores así aquí tenemos el color del enlace y el color del enlace hover. Por lo que básicamente quieres asegurarte de que el color de la longitud sea lo que quieres que se vea. Y también el color de la longitud, el pasar por encima es lo que querías lucir. Entonces escucho Poner azul. Y aquí vamos adelante y ponemos rojo sólo para fines de control. Y voy a seguir adelante y decir que Ahora vamos a seguir adelante y desplazarnos hacia abajo. Ahora los enlaces son de color rojo, y si me cierro sobre él, es azul. ¿ Ves eso? Entonces así es básicamente como crearías esa sección. Está bien. Y si hago clic en él sólo me va a llevar a mi página web. Por lo que lo estoy vinculando a mi página principal. Entonces esa es ah, característica más avanzada sobre cómo puedes hacerlo. Y recuerda, asegúrate de que el permanente esté correctamente, como aquí mismo. No lo ingresé correctamente, así que necesito cambiar eso. Y también aquí mismo. Yo no lo hice tan bien. Entonces aquí vamos a editar con L. Un mentor, y yo sólo voy a desplazarme aquí mismo. Y me aseguraría de ver aquí mismo no lo hago. Yo entré demasiado. Por lo que un CCP Elementary doc com sobre y perfecto. Está bien, así que lo guardaré. Sólo te estoy mostrando que ya sabes, cometí un pequeño error. Está bien, Ahora, sigamos adelante y hagamos los iconos de las redes sociales. Entonces voy a dejar esta llámalo aquí mismo, y sólo voy a poner algunos iconos de redes sociales. Entonces bajando justo aquí, básicamente podemos agarrar los iconos de las redes sociales de esta sección aquí mismo. Está bien, así que ahora tenemos los iconos de las redes sociales, el color del enlace es rojo, así que tal vez quieras cambiarlo porque el color del enlace también influye en los iconos sociales . Entonces aquí, debo decir, ya sabes, como que lo quiero. Ah, ya sabes, podemos cambiar, ya sabes, el estilo de la misma. Si quisiéramos, podemos tener un círculo así. Pero otra cosa que tal vez quieras hacer es agarrar un texto de encabezamiento justo aquí y poner síguenos. Y luego de aquí, vamos a seguir adelante y dejar eso allá y por aquí, vamos a agarrar el divisor en DSI si lo consigo. Está bien, bien. Yo lo tengo. Y soy un centro reducido la brecha. Haz el con un poco más pequeño a 20 y luego voy a añadir el color en. Está bien. Y luego aquí mismo. A lo mejor necesito cambiar este color a algo así como el blanco. De acuerdo, así que ahora sigamos adelante y solo veamos cómo se ve. Yo sólo lo voy a guardar aquí mismo, y luego sólo vamos a ver la página y sólo ver cómo se ve. Entonces aquí, voy a ir a ver página, y si me desplaza aquí mismo, vas a notar que se mezcla perfectamente. Tenemos un pie o justo aquí. Incluso puedes añadir en tu logo. Logotipo de su empresa. Aquí mismo. Dar alguna descripción. Solo intento básicamente abrir un poco los ojos para hacerte pensar en las posibilidades que tienes con este constructor de páginas. Si no hay limitaciones. Entonces en lugar de usar a las brujas que nos dan, podemos crear nuestro propio pie de página personalizado. Entonces eso es todo para esta conferencia, chicos. Uh, espero que esto te ayude. Yo personalmente usaría esto porque creo que esto se ve mucho mejor que los widgets estándar . OK, fuera a la siguiente conferencia. 23. Optimización de móvil: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces en este curso, vamos a hablar de optimización móvil y chicos. Esta es una conferencia muy importante. La optimización móvil es extremadamente importante porque a partir de 2016 hay más usuarios móviles que usuarios de escritorio ahora. Por lo que realmente necesitas asegurarte de que tu sitio esté optimizado para móviles. Debes hacer esto. Es un requisito. Si no lo haces, vas a tener problemas en el camino. Está bien, así que sigamos adelante y empecemos. Déjame mostrarte cómo optimizar tu sitio web. Entonces aquí mismo, haga clic en este pequeño ícono justo aquí en la parte inferior justo aquí. Y tenemos tres opciones. Contamos con tablet de sobremesa y móvil. Entonces aquí mismo. Si voy al móvil, Así es como se ve mi sitio web actualmente en móvil. Ahora bien, la imagen no está alineada adecuadamente en el móvil, como ustedes pueden ver, tal vez yo quiera cambiar eso. Entonces aquí mismo, voy a ir a hacer estilo. En realidad vamos a dar click en esta sección aquí mismo. Anima ir al estilo. Y básicamente voy a cambiar la posición de esta justo aquí para que se alinee adecuadamente. Ahí vas. Por lo que ahora mismo ustedes pueden ver que se ve mejor en el dispositivo móvil. Ahora, sigamos desplazándonos aquí mismo y sigamos adelante y solo empecemos a descomponer los problemas uno por uno. Ahora, generalmente, móvil es muy, muy fácil. Normalmente se optimiza muy bien, pero digamos que quieres cambiar algo. Entonces aquí mismo, voy a bajar al estilo aquí mismo. Voy a ir al contenido ahora. Ya ves como hay tres barritas ahí mismo. Círculos. Aquí mismo. Esto básicamente está diciendo que esto lo está optimizando para el dispositivo móvil. Este lo está optimizando para las tabletas, y éste lo está optimizando para el escritorio. Entonces, por ejemplo, digamos que sólo quiero seguir adelante y cambiar el contenido aquí mismo. Entonces voy a abrir esto aquí mismo. Ahora, aquí mismo. Se puede ver que actualmente estoy cambiando la versión móvil y podría hacerlo más grande. Puedo hacerlo más pequeño, etcétera. Entonces, en dispositivos móviles, van a ver algo como esto aquí mismo. De acuerdo, así que solo te estoy haciendo saber que así es básicamente como harías cambios en tus sitios web con el constructor de páginas así que jodiéndote aquí mismo. Adelante y sigamos encontrando el ver si puedes encontrar algo que se vea mal. Ver, aquí mismo está básicamente totalmente optimizado ya. Es bastante increíble. Pero ahora revisemos la versión de tablet. Entonces voy a ir a la tableta aquí mismo, y parece que tenemos trabajo que hacer. Sí, sí lo hacemos. Por lo que esta sección se ve bien. Esta sección se ve bien, pero desplazándose hacia abajo justo aquí, esta sección se ve asquerosa. Esto no se ve bien. Entonces básicamente hay que asegurarnos de que arreglamos esta sección aquí mismo. Ahora hay algunas formas en que podemos hacerlo. Podemos o bien reducir el tamaño del texto o creo que eso es más o menos, pero podemos reducir el tamaño del texto, así que hagámoslo. Entonces aquí mismo en el contenido, voy a ir a ti. En primer lugar, se ve el título, los títulos. Está bien. Aquí mismo. Pero tenemos que seguir adelante y cambiar la descripción aquí mismo. Entonces la descripción quiero básicamente reducir el tamaño justo aquí. Algo así. Ahí mismo. Correcto, eso parece un poco más receptivo. ¿ Ves cómo se ve eso ahora? así que yendo por aquí, podría hacer exactamente lo mismo yendo al contenido de estilo. Abre la topografía aquí mismo. Y luego vamos a cambiar el tamaño. Entonces algo que se parece a esto aquí mismo. Entonces esto es muy importante. Chicos. Cuando estás optimizando tu sitio para móviles, necesitas básicamente pasar por todo tu sitio web para asegurarte de que eso es todo responsivo. Entonces lamento que tuvieras que hacer aquí mismo, así que no lo sé realmente. Ya los conocen chicos. Sí. Ustedes lo consiguieron. Ya lo tienes. Ya lo tienes. Entonces va aquí abajo para que puedas encontrar otra cosa. Justo Aquí tenemos estos números. Parecen basura. Cambiemos eso. Soy un go al estilo aquí mismo y voy al título aquí mismo y abre esta sección. Ahora quiero básicamente cambiar el tamaño de eso. Por lo que esta sección se ve bien. Ventas increíbles, pero necesito cambiar esta sección aquí mismo. Necesito cambiar estos números porque es un poco demasiado grande. Entonces por aquí, bajo números. Yo estoy abierto esto y vamos a cambiar el tamaño de los números. Algo que parezca podemos empujarlo así como así. De acuerdo, entonces ahora el sitio está básicamente optimizado para la tableta. Ahora, vamos a revisar el teléfono. Perfecto está totalmente optimizado para el teléfono también. Entonces, al hacer esto, chicos, es básicamente, ya sabes, solo tienes que averiguarlo básicamente. Ya sabes lo que quieres lograr en etcétera, y, um, como lo dije, Zaveri Simple. Es muy fácil. Solo tienes que pasar por tu vista y asegurarte de que hagas estos cambios para cada dispositivo específico, ¿de acuerdo? Y tal vez aquí mismo, tal vez quiero reducir el relleno justo aquí. Ya sabes, hay un poco demasiado espacio aquí mismo. Entonces aquí mismo, voy a ir a mi sección aquí mismo. Voy a asegurarme de que esto es Ah, ¿ ves cómo se ve esto? Bueno, se ve bien ahí. Y luego el móvil. Sí, A lo mejor podría simplemente reducir el relleno sólo un poco. Entonces aquí mismo. Yo voy a Tal vez sea la derecha aquí y vaya a avanzado. Ah, puedo puedo hacer algo así aquí mismo. Seguiré adelante y pondré un margen superior. Hagamos algunos hacer algunas habilidades a algunos secretos. Bueno, en realidad, hacer eso realmente ayuda sólo cambiando a cero. ¿ Ves cómo hice eso? Simplemente básicamente reduje estos todos a cero. Y parece que solo, ya sabes, por defecto, lo establece a cero. Entonces, quiero decir, eso se ve bastante bien, ¿verdad? Para móvil? Sí, creo que sí. Entonces voy a seguir adelante y dar click en seguro. En realidad iba a cambiarlo a menos algo, pero creo que eso se ve bastante bien ahí mismo, también. Está bien, se va aquí abajo. Vayamos a revisar otra página. Adelante y vayamos a nuestro menú aquí mismo, y en realidad tendremos que ir a nuestro panel de control. Y vamos a ir a todas las páginas y sólo vamos a seguir adelante y mirar la página sobre nosotros. Veamos si hay alguna necesidad de optimización móvil o optimización de tabletas en esta sección. Entonces aquí mismo, voy a ir a la tableta y desplazarme hacia abajo. Ya sabes, sí se ve bastante bien en las tabletas que va y prueba el móvil aquí mismo. Vamos a pasar por el móvil ahora. Ahora, esta sección de aquí mismo, podrías cambiar. Ya sabes, básicamente podríamos alinear en el centro algo así aquí mismo que se ve un poco mejor en el dispositivo móvil. Y tal vez también podamos reducir el tamaño de este texto. Creo que se ve algo bien, sin embargo. Nuestro equipo Bob. Entonces como yo estaba como dije, esta página bowler también es super responsive. Es decir, hay muy pocos cambios que tengo que hacer Teoh para hacer este móvil amigable. Entonces va a volver aquí arriba. Simplemente vamos a ir a echar un vistazo otra vez, y eso es básicamente todo. Chicos. Así que recuerda pasar y pasar por todos y cada uno para asegurarte de que tu sitio esté totalmente optimizado para móviles y también para las tabletas. No puedo recalcar la importancia de este tipo. Es muy, muy importante. Hay más personas que compran con sus teléfonos que personas que actualmente usan su escritorio . De acuerdo, así que eso es todo para esta sección, chicos, espero que esto haya ayudado. Pasemos a las siguientes secciones. Te veré a todos ahí 24. Versión profesional: un chico. Entonces quiero presentarles a todos la versión pro Y lo que tienen las características pro que la versión gratuita no. Entonces aquí mismo, voy a dar click en esto. Ahora ya ves lo que dice pro elements? Entonces aquí mismo tengo plantilla de formulario de cartera de poste un invaluable a cuenta regresiva diapositivas y también comerá productos. Entonces esto de aquí es el deslizador justo aquí. Entonces esto es básicamente un deslizador, y puedes, ya sabes, crear animaciones para ello. Puedes elegir cómo quieres que se vea. Hay todo tipo de personalización para así que aquí mismo en las diapositivas de edición, se puede ver que tengo un color de fondo. Lo siento. Una imagen de fondo. Puedo agregar una superposición de fondo. Puedo establecer la velocidad de la misma. Puedo establecer la altura. Hay mucha personalización que puedes hacer con este slider. Entonces si ustedes chicos quieren comprar la versión pro, sí tengo un código de cupón que les ahorrará un 10% de su compra. Entonces eso es solo si te interesa la versión pro, puedes obtener acceso al deslizador. Ahora. Además, hay algunos otros ya sabes, antes hablamos del Blawg, y esto aquí mismo es básicamente el portafolio. Y el portafolio es solo otra forma de cómo puedes presentar tu blawg. Por lo que también se ve muy, muy bien. Otra cosa que podemos hacer es el formulario de contacto. Entonces este de aquí es nuestro formulario de contacto, y esto fue creado con el formulario plug aquí mismo. Por lo que no necesitas ir a conseguir tu propio enchufe. Simplemente puedes seguir adelante y conseguirlo tú mismo. Entonces aquí mismo tenemos el portafolio. Y también están los posts, que les mostré a todos un poco antes, que se ve un poco algo así. Por lo que es un poco más limpio que la forma estándar que Wordpress te lo da. Entonces esta es otra forma de cómo puedes usar la versión pro y volver aquí. Tenemos los precios. Por lo que aquí mismo puedes ver las listas de precios. Esto de aquí es lo invaluable. Básicamente discreta todos sus precios para ti. Entonces si tienes prisa por la industria o algún tipo de industria, quieres mostrar un menú. Esta es una característica muy buena. A continuación tenemos los contadores de números. Entonces estos son los contadores de números aquí mismo, y hay muchas formas de personalizar. Es y, ya sabes, hacer que sea un poco más personalizable. Por lo que es bastante simple y sencillo. Puedes programarlo para tener, como, como, una cuenta regresiva. Puedes programarlo para tener todo tipo de cosas realmente geniales. Entonces este es el widget de cuenta atrás, y también tenemos voluntad de comercio de productos. Entonces si decides vender algo aquí, todo lo que necesitas hacer es solo seguir adelante y tomar esto, arrástralo para allá y luego son tu producto es, aparece, y supongo que puedes personalizarlo. Puedes hacer todo tipo de cosas realmente geniales con él. Se puede cambiar la animación de entrada por su etcétera. Entonces eso es básicamente la mayoría de los chicos de la versión pro. Si ustedes estaban interesados en eso, hay un código de cupón. Creo que es Darrell Wilson. Algo. Está en el archivo PDF. Realmente no hago un seguimiento de mi código de cupón. Entonces eso es todo, chicos, para la versión pro, sí tiene algunas características geniales, y hay muchas formas geniales que puedes usarlo para implementarlo en tu sitio web. Entonces eso es todo para esta sección, chicos, los veré a todos en la siguiente sección. 25. Sección de teléfono: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces vamos y añadimos en el teléfono aquí mismo, y en realidad añadiremos algún texto junto con una llamada a la acción. Entonces lo primero que tenemos que hacer es hacer una cuerda de dos columnas. Por lo que por aquí, bajo agregar nueva sección seleccionará dos. Y aquí mismo vamos a agarrar una imagen y yo elegiré la imagen. Y voy a agarrar estos teléfonos aquí mismo y entrar a los medios de comunicación. Ahora, Chicos, una cosa que quiero decirles es que cuando entres imágenes, asegúrate de que sea un archivo PNG. El archivo PNG en realidad tendrá ese fondo transparente. Entonces si tienes un fondo de color diferente, no importará porque se mezclará perfectamente. OK, entonces si estás agarrando archivos de Jay Peak, los archivos J pic tendrán el blanco en el fondo, y no se verá bien. De acuerdo, así que asegúrate de que sea un archivo PNG. De acuerdo, entonces puse la imagen. Ahora sigamos adelante y añadamos algún texto por aquí. Entonces aquí mismo, voy a agarrar el rumbo y aquí mismo. Ah, pone este tutorial es sencillo. Otra cosa de la que quiero hablar es cuando lo haces, ya sabes, lo pones en texto en tu página web. capitalizar la primera palabra de cada primera letra lamentable de cada palabra es ideal. Y mucha gente hace eso porque sólo se ve bien. Y eso es básicamente lo que hacen todos los demás. Entonces quiero básicamente hacer esto en el centro o en realidad, no, quiero poner esto a la izquierda. Yo lo quiero cerca de los teléfonos y aquí mismo a tu estilo. Voy a cambiar este texto a Negro. Ahora, bajo el apartado avanzado, quiero sumar en un margen. Entonces aquí mismo, voy a dar click en ese poco enlazado juntos, y voy a sumar en un margen. Entonces ya ves ahora cómo espacio aparte. Entonces esa es básicamente una buena razón por la que podemos usar el margen. Ahora, hay dos formas de hacer esta sección. En realidad podemos justo por aquí, podemos arrastrar el editor de texto y justo aquí, O podemos seguir adelante y agarrar columnas y podemos poner las columnas ahí en su lugar. Entonces hay dos formas de hacer eso. Ahora lo que hacen las columnas. Como dije, básicamente crea columnas adicionales dentro de la sección. Pero no quiero hacer eso. Por lo que voy a dar click en X y dar clic en borrar. Pero esa es sólo otra forma de hacerlo. Solo te estoy mostrando que hay otras formas de hacerlo. Ahora, bajo editor de texto, sólo voy a agarrar eso. Y ya ves cómo está ahí la línea azul. Se va a soltar, y voy a agarrar mi famoso texto ficticio, y simplemente voy a ponerlo ahí mismo. Bueno, uh, y por supuesto, siendo cambiado, el estilo contenía el color del texto. Podríamos hacer de ella una línea, la centrada. Pero ahora mismo probablemente queremos hacer ya sea justificado o dejado justificado. También se ve bien, pero quiero mantenerlo a la izquierda, y quiero sumar en un llamado a la acción. Entonces este botón para que solo lo arrastramos hacia abajo, lo ponemos justo ahí. Ahora probablemente quiero cambiar el color de fondo. Ya sabes, no se ve bien así. Entonces bajo estilo, podemos cambiar el pero el color del texto a los blancos y el color de fondo a tal vez algo así como el negro así. Perfecto. Eso es perfecto. Ahora quiero presentarles a todos un nuevo widget que no hemos estado usando. Y ese es el que se llama el Carrusel de la Imagen. Sí, el carrusel de imagen. Íbamos a usar esto ahora mismo. De acuerdo, Entonces voy a agarrar esto y simplemente agregarlo en la sección de noticias. Ahora bien, ¿qué imágenes quieres? Bueno, necesitamos agregar o algunas imágenes. Quiero anuncio en este. Yo quiero sumar en este. Quiero anuncio en este, y quiero agregar algo como esto aquí mismo, también. Y voy a ir a galería creativa. Se pueden dar estos nombres, pero para esto no les voy a dar nombres. Te mostraré por qué. Creo que se ve bien así así. Y voy a ir a entrar a galería. Ahora vas a ver que las imágenes se airean ahí, para que las imágenes se airen ahí y la gente pueda desplazarse por él y comprobarlo. Pero sigamos adelante y hagamos un poco más de control. ¿ Sabes cuántas diapositivas quieres mostrar? Entonces, por ejemplo, si de verdad quieres mostrar gira Onley mostrando Feeley no querrá mostrar solo puedes tener uno para mostrar, pero quiero tal vez alrededor de las tres. Ahora está rebanado el pergamino. Ya sabes, podemos dejar eso como probablemente como nadie para básicamente cada uno solo se desplazará o puedes tener dos diapositivas hacia fuera. Se desplazarán las reglas, etcétera. Por lo que estira la imagen. Si quieres estirar esto, podemos estirarlo. No me gusta cómo se ve porque sí se ve un poco pixelado. Entonces aquí mismo, no voy a hacer navegación. Podemos tenerlo como flechas y puntos. Ahora, la razón por la que no puedes ver las flechas es porque son blancas y eso lo cambiaremos en tan solo un segundo. Pero podríamos tener flechas y puntos. No podemos simplemente flechas. Podemos tener puntos, pero lo dejaré como una fila y puntos vinculados a podemos hacer este enlace a una sección específica . Entonces digamos que estos son tus socios. Puedes hacer click en personalizado tu oh, y si alguien hace clic en estos, se los llevará a eso. Páginas web. Está bien. Ir a ninguna. Vayamos a adicional. Entonces pulse sobre hover donde básicamente pondrá pulso sobre el hover el auto play. Entonces, ¿quieres que estos sigan desplazándose continuamente así. Si quieres eso, puedes dejarlo como sí. Ahora. Velocidad de reproducción automática. Por lo que dice 5000. Ahora, eso no son 5000 segundos. Son 5000 milisegundos. Entonces M s. Así que digamos que lo pusiste en el 2000. Se va a desplazar mucho más rápido si hacemos eso. Entonces ya ves, va a esperar alrededor de dos segundos. Uno para boom. Está bien, se supone que vaya, pero sí, probablemente sea porque estamos en el constructor de páginas, pero puedes reducirlo también a como 1000 ahora. Bucle infinito. ¿ Quieres que sigamos adelante? ¿ Lo quieres solo para seguir adelante? Si quieres eso, adelante y pon sí, la velocidad de animación. Entonces, ¿qué tan rápido querías enemigo como ves ahora mismo, Cómo tiene ese efecto de animación quieres que sea más rápido? Se puede poner algo así como 1000. Estamos ahora es un poco más lento o incluso hacer algo así como 100 donde va a ir súper rápido. ¿ Ves eso súper rápido? Pero por ahora, sólo lo dejaré en, creo, 500 a 300 y luego dirección obviamente dejó sus derechos. Vamos Déjalo a la izquierda ahora por estilo. Ahora por la posición aero. En primer lugar, cambiemos el color de la flecha para que podamos verlas. Yo quiero llevarlo a negro para que puedan ver las flechas aquí mismo. Ahora por la posición aero. ¿ Los quieres adentro? O los quieres fuera de la caja. Por lo que fuera estarán fuera de la caja. En el interior, estarán dentro. Y por supuesto, los puntos Puedes cambiar. Los quieres por dentro o por fuera. Puedes hacer los puntos más grandes o puedes hacerlos más pequeños. Y también puedes cambiar el color de los puntos. Ahora para la imagen, podemos elegir tenerla. Como saben, costumbre. Podríamos tener espaciado personalizado entre las imágenes. Se pueden acercar un poco más el uno del otro o más lejos para el tipo de borde. Podemos optar por tenerlo como duplicado. Podemos tenerlo como punteado. Podemos tenerlo como disgustado. Y podemos cambiar el con de esos puntos si quieres. Y también podemos cambiar el color de esos puntos específicos. Está bien. Pero no quiero meterme en eso demasiado porque eso solo consume tiempo. Y SS dos núcleo y decoración, creo que parece que esto es bastante estándar. Creo que se ve bastante bien. Y por supuesto, para los avanzados podemos cambiar el margen. Podemos cambiar el relleno. A lo mejor quieres empujar un poco esto hacia abajo o empujarlo hacia la derecha o empujar hacia arriba , etcétera. Y con todo podemos tener animación de entrada. Entonces, ¿ves cómo tenemos la animación de entrada? Bueno, qué sale así. Entonces para cada configuración, podemos tener animación. Vale, ten eso en cuenta, porque eso es por cada módulo que usamos. De acuerdo, entonces esa es básicamente esta sección, chicos, esa fue básicamente el teléfono y estas sesiones de luchador. Ah, la siguiente sección. En realidad vamos a ir a la siguiente página, o se va a hablar de la sección sobre nosotros, así que los veré a todos ahí 26. Tema y plugin: Muy bien, chicos, chicos, bienvenidos de nuevo. Entonces ahora vamos a instalar el tema de WordPress y vamos a añadir el constructor de páginas . Entonces aquí mismo bajo apariencia, ve a temas. Ahora, cómo funciona WordPress es básicamente que instalas un tema en tu sitio web. Ahora, aquí mismo puedes hacer click en añadir nuevo tema y estos son todos diferentes tipos de temas. Es básicamente la estructura de tu sitio web, cómo se ve y la sensación de ella etcétera. Ahora cada uno de estos tiene diferentes constructores de páginas. Ah, muchos de ellos tienen diferentes estilos de personalización, etcétera. Por lo que en realidad vamos a usar un tema muy calificado llamado Generar Prensa. Entonces aquí mismo bajo la barra de búsqueda, puedes teclear, genera prensa , genera prensa, y va a ser ésta de aquí. Y puedes hacer click en detalles en vista previa y está muy altamente valorado, ya sabes, 309 comentarios todos cinco estrellas. Entonces vamos a estar usando un muy buen tema de WordPress. Entonces aquí mismo bajo este botón de instalación va a dar clic en instalar, y esto va a instalar el tema en nuestro sitio web de WordPress. Entonces esto es básicamente un pequeño adelanto de cómo se va a ver. Pero claro, no es Parece nada como lo es. Se va a quedar mucho mejor ahora aquí mismo. Voy a dar click en activar. Está bien. Y digamos que quieres, ya sabes, checarlo. Echa un vistazo a tu página web y mira cómo se ve. Puedes hacer click en visitar sitio aquí mismo. Y este es nuestro nuevo sitio. Muy aburrido. Muy no bonito. OK, pero no te preocupes, vamos a hacer que se vea increíble. Entonces por aquí bajo nuestro tablero. A continuación vamos a enchufes y vamos a ir a añadir nuevo ahora un resumen rápido de los enchufes. La mejor forma en que puedo describir los enchufes son como APS para el iPhone. Es básicamente como APS para tu sitio web, como crear un foro como crear un sitio web de redes sociales para hacer clic aquí en nuestro popular. Vamos a conseguir todo tipo de diferentes. Es decir, hay millones de enchufes y todos tienen diferentes características. Esto aquí mismo crea un formulario de contacto. Esto aquí mismo mejora tu optimización en el motor de búsqueda. Esto aquí mismo, crea una captura. Hay tantos y la mejor manera como dije para describirlo es que son solo APS para tu sitio web de WordPress, y podría seguir y seguir con ella con bludgeons. Pero hay más de miles de ellos aquí mismo. Se puede ver que hay miles y hay más de 34 páginas. Así que realmente rápido. Todo lo que vamos a hacer es instalar el constructor de páginas y vamos a estar usando un constructor de páginas gratis y se acaba de golpear al mercado y es realmente, realmente, muy bueno. Por lo que va tipo en L. Un mentor. L un mentor tan elemento o y van a estar usando este constructor de páginas. Ahora Este peso acaba de salir, pero ya está pegando al blog. Ya está golpeando todo tipo de sitios web por su facilidad de uso. Es tan fácil usar este constructor de páginas así que va a dar clic en instalar ahora ya. Por lo que se está instalando. Y estos también son enchufes extra para esta página bowler porque se va. Se está volviendo tan popular que la gente realmente está creando enchufes solo para este plug ins. Ah, en realidad se está volviendo muy, muy popular con el paso del tiempo. Por lo que aquí, vaya a dar click en activar. Muy bien, felicitaciones. Por lo que hemos instalado el tema de WordPress y hemos añadido Elemental, que vamos a utilizar esto para instalar nuestro diseño nuestras páginas ahora. Como dije, es totalmente Dragón caído. Chicos, es súper fácil usar este constructor de páginas, y les voy a mostrar cómo hacer eso en este tutorial. Entonces a continuación, sigamos adelante y pasemos a la siguiente sección donde vamos a crear algunas páginas, así que los veré a todas ahí. 27. Terminación: Muy bien, chicos. Enhorabuena por completar el curso. Échate una mano. Espero que este curso te haya ayudado a aprender a usar mejor WordPress. Espero que te ayude a aprender a usar los elementos. O constructor de páginas, que va a ser les estoy diciendo chicos va a ser el constructor de páginas gratis número uno en el mercado. Ahora, entonces de este curso, espero que ustedes puedan hacer estos sitios web. Ustedes tienen problemas. Siéntete libre de hacerme preguntas. Avísame si necesitáis ayuda con algo. Además, quiero contarles chicos sobre mi canal de YouTube. Entonces mi canal de YouTube lo es todo. WordPress si quieres aprender a instalar Google analytics, si quieres aprender a instalar el plug in Yoast Seo o incluso configurar un chat en vivo en tu sitio web de forma gratuita. Mi canal de YouTube habla todo sobre WordPress para que dijeran Chicos, espero que ustedes me den una buena calificación y espero verlos a todos en el próximo curso. Os veo a todos más tarde.