Hola, ¿qué tal? Bienvenido a este nuevo vídeo donde voy a mostrar con los primeros pasos para configurar una web en WordPress. El recién he dado esta página web y lo primero que vamos a hacer es la opción de pantalla. Voy a poner las cosas que me interesan. La salud la puedo dejar, de un vistazo también, la actividad incluso también y bueno, las opciones que están marcadas son las que me interesan. Así que lo dejo tal cual y ahora ya si voy a cerrar estos apartados que no me interesa tanto. Y ya dejo estos apartados donde se ve las actividades. Vamos a empezar de arriba abajo, me voy a la entrada, toda la entrada y en primer lugar lo que tengo que hacer es borrar esta entrada de hola mundo para que Google cuando entren, no vea mi primer entrada como hola mundo y diga, bueno, esta página esto todavía sin desarrollar. Luego me voy a categoría, en las categorías son las temáticas sobre las que voy a tratar mi página web. Yo voy a editar esta que pone sin categoría, le dito y lo primero que hago es que voy a poner aquí una categoría que voy a llamar Jim. En el Slack voy a poner también Jim, en este caso en minúscula porque va en la URL y toda la configuración de las categorías no me gusta tocarla porque la saco del posicionamiento sea. Bueno, ya tengo una categoría pero voy a crear otra porque mi página va ahí de gimnasio de ejercicio físico pero también de viaje así que voy a llamar otra categoría, viaje. Igual, el Slack y añadimos la categoría. Bueno, ya tengo la composición de mí en tradas. Ahora me voy, bueno, en medio no tengo nada, en página tengo, vamos a todas las páginas y aquí me pasa igual, tengo la página de ejemplo, si que la voy a editar y la página de ejemplo simplemente voy a borrar el contenido que viene estándar porque, logicamente, estaría duplicado. Ese contenido no me interesa para el posicionamiento de Google así que lo primero que voy a hacer es cargarme este contenido, lo suprimo y la página de ejemplo la voy a convertir en la página de quiénes somos. Igual aquí en la parte de la derecha en página, me tengo que ir a la URL y llamarla también quiénes guion somos. Cierro aquí, actualizo y lo único que voy a poner aquí es algo de texto, pues somos estudiantes de actividades comerciales y comerciante nacional. Con eso sería suficiente, actualizamos y vamos a empezar con la configuración. Volvemos, andándole aquí a la URL de WordPress, volvemos a ver a nuestro escritorio, ya hemos configurado la entrada, las páginas, vamos a plantillas, las plantillas, perdón, en apariencia temas, en la plantilla que vamos a elegir para nuestro tema. Normalmente por defecto suele coger esta de tu enti pero nosotros vamos a coger una que se llama digital pro, simplemente la activamos, en realidad esta plantilla nos da un poco igual porque la vamos a configurar con elementos, pero bueno de partida, tenemos que coger una, vamos a coger esta. Luego nos vamos a ir a ajuste el la c permanente, dentro del la c permanente tenemos que hacer una configuración por defecto coger esta tipo de URL con la fecha que nos interesa, nosotros lo que nos interesa es el que pone el nombre de la entrada porque es mucho más amigable y para el posicionamiento sea mucho más correcto. Vale pues ya tenemos esa configuración hecha, nos vamos a ir también a medio, aquí normalmente pone el tamaño de las imágenes que vamos a subir, aparte del tamaño original de la imagen, siempre WordPress sube tres imágenes más en diferentes tamaños, o mejor dicho la misma imagen en diferentes tamaños. Vamos a poner el estándar normalmente, de la red es social en cuadrado y en apaísado, le damos a guardar los cambios y ya tenemos nuestra configuración inicial para empezar a hacer contenido, bueno nos falta algo un detalle importante y es el menu, así que nos vamos a ver un menu que vamos a llamar principal. Principal le damos a jeder, decirlo vamos a colocar en el encabezado, creamos ese menu y ahora simplemente vamos a añadir ese menu cuando lo genera, cuando lo genera el menu principal lo único vamos a hacer es añadir contenido de ese menu, le vamos a añadir la página de quienes somos y nos vamos a ir a categorías y le vamos a añadir las dos categorías que tenemos, las marcamos y le damos a ir y ya tenemos nuestro menu esas tres opciones. Vamos a dar de a guardar los cambios y listo ya lo tenemos, vamos de nuevo a páginas porque ahora tenemos una página de quienes somos y vamos a añadir dos paginamas, en primer lugar vamos a añadir la página de blog, simplemente escribimos blog en el título y le damos a publicar. Perfecto ya está, volvemos de nuevo y añadimos otra página que va a ser la página de inicio o home, inicio publicamos y publicamos, ahora que ya tenemos la página de inicio y de blog vamos a editar esta página de inicio y vamos a darle una configuración inicial, editamos con el mentor, el mentor es un page builder que nos va a facilitar la configuración, lo primero que tenemos que hacer para que desaparezca, fijaros ya tenemos aquí en nuestro menu para como digo para que desaparezca esta configuración, lo que tenemos que bajar es aquí al margin inferior izquierdo ajuste, le damos ajuste y elegimos en el desplegable de estructura de página, lienzos, el mentor. Esto nos va a dar un ancho de banda de toda la página y como vemos desaparece toda la configuración porque lo va a dejar todo en mano de elementos, lo primero que tenemos que hacer es vamos a añadir una sección, simplemente le damos aquí al más, le damos a añadir una columna de dirección y ya tenemos aquí una sección añadida, en esta sección como fondo vamos a poner un vídeo, entonces pinchamos en la, no aseguramos que esta elegida esta sección nos vamos a estilo, bueno aquí en la parte izquierda no aparece el menu cuando seleccionamos una sección en este caso nos parece la disposición y información sobre la sección, luego tenemos el estilo que es para cambiar los colores del fondo etcétera y luego en avanzado que tenemos toda la parte de la configuración de los márgenes, rellenos, alignaciones etcétera, bueno, vamos al estilo dentro del estilo normal en el fondo, vamos a poner un vídeo y aquí simplemente hay que pegar una URL de algún vídeo siempre pueden dar, pongo el vídeo que ya lo tenía aquí preparado y ya me aparece aquí el vídeo, bueno no se ve mucho pero no importa porque ahora cuando vayamos añadiendo contenido, logicamente se va ir ampliando esta sección y vamos ahí teniendo ya mucho más espacio y la posibilidad de ver el vídeo completo en su tamaño completo. Lo primero que vamos a ir vamos a ir añadiendo el elemento a esta sección que tiene como fondo el vídeo para ello nos vamos aquí al menu de opciones digamos y lo que vamos a ir primero vamos a añadir el navegador, ponemos nath de navegador y arrastramos el objeto del widget, lo arrastramos a nuestro espacio donde está el vídeo, bueno pues si se fijáis ya tenemos aquí el navegador con un espacio, una sección dentro o un contenedor mejor dicho dentro de esta sección principal, si tenemos la sección esta y dentro el navegador, bueno pues ahora lo que vamos a hacer este navegador lo quiero a mis izquierdas o mejor dicho a mis derechas, así que simplemente marco aquí y la reñación y ya lo tengo aquí a la derecha. Con eso sería suficiente ahora vamos a ir añadiendo más elementos, voy a añadir encabezado, vuelvo al menu y arrastro el encabezado, los arrastros debajo, debajo de ese encabezado voy a arrastrar otro encabezado así que vuelvo al menu, vuelvo a encabezado y los arrastros debajo del encabezado y luego bueno voy a ir configurando este encabezado y luego voy a ir configurando otra sección que quiero poner aquí. En el encabezado, lo que voy a poner, bueno seleccionas encabezados y siempre aquí al izquierda de donde tengo que ir rellenando los datos y en este caso voy a poner el nombre de la empresa, Forus, JN y ahora voy a configurar primero que quiero que se alinee al centro y voy a ir cambiando el estilo, le voy al estilo, cambio el color, le digo que quiero en blanco, cambio, perdón, medio aquí. A tipografía, le digo que quiero una tipografía pop-ins, el hijo de la tipografía pop-ins, el tamaño voy a aumentarlo con esta línea pulsador, bueno ahí creo que podría ser suficiente, bueno con esto sería bastante, vamos con el otro titular y aquí lo que vamos a poner también en mayúscula positivamente en forma, que es el slogan de esta empresa, bueno por ahora ya también alineamos al centro, también en estilo, color, blanco, nos vamos de nuevo cerrado, aquí estilo aumentamos el tamaño, tenemos que tener en cuenta la generquía, así que hay que ser más pequeñito que el principal, aquí ahora sí vamos a cambiar cositas, vamos a ponerle que no sea tan cruzada la letra, quiza me he pasado, vamos a poner normal, ahí, vamos a separar un poco las letras y separar también un poco las palabras, ahí podría valer, ya tengo un título sustítulo, tengo los menú, bueno pues ahora voy a actualizar para ver si lo voy a ver, voy a actualizar para no perder el contenido que ya voy poniendo y ahora quiero poner un contenedor para poner más información, en este caso con una llamada al acción, vuelvo de nuevo al menú y arrastro el contenedor debajo, debajo de los títulos, ya tengo aquí el contenedor y esto me va a posibilitar pues el cambiar por ejemplo el fondo que quiero poner un fondo de color, pero antes de poner el fondo voy a introducir los elementos que quiero para este contenedor, marco aquí de nuevo en el menú y arrastro, un encabezado dentro del contenedor, un separador que es una línea dentro del contenedor también, ya tengo ahí mi separador y ahora voy con un texto, arrastro el editor de texto debajo y ahora quiero un botón, arrastro aquí, elijo el botón y lo pongo aquí debajo también, ya tengo esto muy feo y muy mal configurado pero bueno ahora lo vamos a reglando, el menú ya hemos visto cómo se hace el encabezado, cómo se cambia pues simplemente los seleccionos y pongo aquí la llamada al acción en este caso va a ser para un entrenador personal, entrenador personal, de nuevo vuelvo a tipografía, le pongo la letra blanca, de nuevo cambio la tipografía a pop-ins, está bien que utilizemos la misma tipografía y no estamos cambiando de tipografía permanentemente, este es verdad que lo voy a poner, la ligera, no tanto creo que lo voy a dejar normal, si la voy a separar un poquito la letra y ahora está nuevo al centro, ahora voy a cambiar el separador, en principio lo que voy a hacer es, le voy a cambiar el color, así que me tengo aquí, no me interesa negro, voy a coger un naranjado, más al naranjado aquí, creo que se podría valer, lo que voy a hacer es seleccionar ese naranja por si lo utilizo en otra ocasión, voy a poner mejor algo de transparencia a ese naranja y ahora voy a seleccionar ese color, bueno ya lo puedo cerrar y voy a ponerle que no tenga brecha, es decir, el ancho este digamos el margen, lo quito y le voy a poner más peso, eso quiere decir que lo pongo como una línea bordita, bien vuelvo a contenido porque quiero cortar ese separador y que se quede con un tamaño más reducido, acorde con el texto que tengo, vale ahora ya en esta parte voy a poner también el texto blanco, bueno voy a pegar aquí el texto que tengo preparado, vamos a ver donde lo tengo, aquí, vamos, un el logan que utiliza, me voy a estilo de nuevo, le digo que lo quiero transparente, blanco perdón, ya lo tengo de nuevo la tipografía, vamos con la popins, tenía que verlo puesto por defecto y así me ahorraría algo de tiempo, pero bueno por no cambias más cosa, ahí la tengo y si queda muy separado, voy a intentar agrupar esto un poquito más arriba, quitarle aquí un poco de margen, entonces me vengo aquí avanzado, le digo que lo quiero en porcentaje y rompo la cadena y le digo que él de arriba, lo reduzco en uno y el debajo lo reduzco en uno, vale pues ya lo tengo esto configurado, vamos con el botón y para el botón voy a ponerle aquí, reserva tu entrenador, reserva tu entrenador en el color, en estilo, lo cambio por el color que ya teníamos con la transparencia, que habíamos puesto en el separador, vamos a si lo encuentro, sí, este primero, perfecto ya lo tengo ahí, o sea queda un poco, no me gusta mucho, bueno vamos a ver en principio dejarlo así, bueno es que se ve un poquito más curo por el vídeo, como le tengo que poner el fondo, todavía al cuadro al contenedor, vamos a ver como se queda cuando le cambio el fondo, así que vamos al contenedor, pinchamos en este margen superior izquierdo, así si queda marcado el contenedor y ahora todas las acciones que haga aquí a la izquierda van a afectar a eso, y la acción que voy a hacer en concreto es dentro del estilo, el color, me vengo aquí al color, voy a elegir un color azulado, vamos a darle algo de transparencia, esta demasiado verdoso, vamos a si consigo el color que voy buscando, voy a tirar más a la azul, aquí me gusta más, vale, ese sería, ese era más o menos el color que voy buscando, bueno pues ya lo tengo y ahora lo que voy a hacer es, voy a cambiar en margen para reducir el tamaño, para eso lo voy a poner en porcentaje y voy a aumentar el margen, un poquito voy a romper la cadena porque ahora voy a poner el de la derecha y el de la izquierda, más llores, no me interesa, así que lo voy a poner a cero y esta cero, también se ha desplazado aquí a la izquierda, entonces no era el efecto que yo iba buscando, así que lo voy a poner a cero, no sé por qué se me han desplazado aquí a la derecha y no era lo que yo iba buscando, quizá por el tamaño, así que lo que voy a hacer es que voy a seleccionar este contenedor y voy a probar con el relleno a ver si consigo lo que iba buscando de derecha y izquierda, vale aquí sí, esto lo necesitaba porque estaba muy a margen y lo tenía que separar un poco hasta ahí bien, pero ahora lo que quiero es conseguir aquí, menos ancho de banda, bueno voy a estualizar antes de perder el contenido que ya tengo, vuelvo a ver aquí, voy a ponerle aquí margen a la derecha, a la izquierda pero aquí este sí, pero quiero la derecha también, y a la derecha no me funcione este margen, no estoy consiguiendo lo que quería y voy a probar una cosa voy a quitar aquí la omárgenes porque no me están funcionando lo que yo quería y lo que voy a hacer es que voy a introducir otro contenedor aquí, aquí arriba y voy a meter este contenedor dentro de su contenedor, vale entonces ahora ya tengo un contenedor aquí y otro contenedor aquí, entonces lo que voy a hacer es este margen de aquí arriba, a este contenedor de aquí arriba, me voy avanzado y voy a probar a poner el margen aquí, tampoco es lo que voy buscando, o sea si tengo más éxito aquí, ahora ya lo tengo, vale esto era lo que está buscando, conseguir un margen aquí superior, no quiero tanto, así que voy a ponerlo más pequeñito, esto así pero ahora voy a romper la cadena y a ponerle en derecha, derecha voy a ponerle ahí, bueno aquí está bien a 8, bueno y queda 8 también y ahora si ya este contenedor si que aquí necesito relleno por ambos partes para que no se quede tan margen, bueno por ahora ya sí que tengo configurado toda la primera parte voy a darle a de nuevo al contenedor principal y dentro de estilo abajo tengo la forma de división, voy a darle la forma de división abajo del contenedor le voy a decir que o pasaría inclinada, perdón le he puesto arriba, me he equivocado, esto en ninguno tiene ese abajo, le digo que abajo o pasaría inclinada, entonces ya me hace una transición en el vídeo que va a convertirlo en esto, como veo que está todavía la información muy apretada, una con otra voy a añadir el espacio para eso voy a utilizar otro elemento que es un espacio, simplemente arrastro este elemento encima de la letra ya consigo hay un espacio, vuelvo a hacer otro arrastrar otro espacio de abajo, y ahora estos espacio de ahora sí quiero puedo ampliarlo, de alguna manera creo que ya han quedado bastante bien, no lo voy a hacer y simplemente aquí se verdad que podría poner más espacio, no sé si meterle un espacio o quizá lo que voy a hacer es voy a ponerle margin abajo, solo bajo, sí creo que esta es la solución, nos vamos a ir a, también volvemos a salir al escritorio, nos vamos a apariencia, temas personalizar y dentro de personalizar hay una sección que pone ajusta de página de inicio, nos venimos aquí le decimos que queremos página estática, que queremos como página de inicio, la de inicio y que queremos como página de entrada el blog, que ya hemos configurado anteriormente, le damos a publicar, y ahora ya cuando entremos a nuestra página principal que se llama comercio electrónico, ya directamente carga la página de inicio que pusimos en su momento, vale y esta como configuración inicial para la página web, creo que está bastante conseguida, espero que haya resultado interesante el vídeo y nos vemos en los siguientes tutoriales, muchas gracias por la atención.