 sobre todo emprendedores que quieren dar lo máximo de sí mismo. Tiene una página web, un blog bastante activo, sube contenidos constantemente a YouTube, creo que a un podcast también, y bueno pues voy a dejar directamente con él porque estará un buen ratito, así que sobre todo si queréis ir preguntando cositas y tal durante el taller, levantar la mano y os acercamos su micro. Vale, pues todo tuyo. Vale mía, qué de gente. De hecho tengo la primera slide que es esta, os suena el sitio, 2018 como huele el tiempo. En este caso di una charla, que era más cómodo que un taller de hora y media en una trill. Así que prepara algunos disclaimers respecto a eso. Ha comentado lo de las preguntas, las podéis hacer cuando queráis, no lo sé todo, así que algunas cosas igual mejor web, pero intentaremos verlas. Simplemente soy consultor, al mando productad.pro, trabajo con Trinchera WordPress que es una plataforma para aprender sobre el mundo web y diseño y demás. Casi todo abierto y gratuito, haciendo cosas en Trinchera Dev y soy embajador de marca de Weglot. Y mi Twitter lo tenéis ahí, pues si queréis twittear, si son cosas buenas guay, sino mensaje privado y listo. Vale, objetivos del taller, cuando vi esta charla, pues bueno, era un taller, entonces la idea era que entendáis las dos partes que digamos componen el full site Editing. ¿Quién de aquí sabe que es el full site Editing? ¿Quién ha trabajado un poco con Gutenberg? ¿El resto os habéis sacado que habéis venido? Luego, porque es hora y media, que no es en plan, bueno, 20 minutos nos vamos, si os queréis ir os podéis ir, en serio, no hay ningún problema. Como consultor de productividad, si no es productivo que estéis aquí os podéis ir. Y luego entender, pues bueno, por qué las cosas cambian, a veces veremos unas cosas, yo hago vídeos en YouTube, pues muchas veces me contacto, me dices que yo no lo veo así o con clientes os puede pasar. Pues mi idea es que entendáis por qué a veces veis unas cosas, por qué a veces veis otras, por qué a veces podéis hacer una cosa, por qué a veces no lo podéis hacer. Entonces, quiero que más o menos entendáis eso, es la idea. A partir de ahí un disclaimer, ¿vale? Esperaba que fuera un taller en una sala, ahí al final del todo, una mesita, 20 personas, todo en familia, unas cervecitas y acaso, pero estamos en el auditorio, ¿vale? Las slides van a ser muy pocas, la idea es que sea todo código en vivo, con lo que eso supone. Además, si habéis trabajado con Full State Edit y no con Gutenberg, os aparece el editor y os aparece la beta que puede salir mal en directo en un auditorio con algo que está en beta y que a veces se rompe, ¿vale? Perdón por el título, si lo habéis visto, lo envíe en plan, oye, quiero hablar sobre esto, pero no me dieron chance por decir una forma, cambiarlo y que sea algo más atractivo, ¿no? En plan, crea tu propia web con un par de clics, pues, bueno, y eso no lo sé todos y alguna duda podéis preguntar, si no lo gostaré fuera también para resolver dudas o lo que sea. Muy bien, empezamos. Antes todo era campo, ¿vale? Aquí le suela esta imagen. ¿Alguien no le suena? ¿Alguien ha entrado hace poco en WordPress y no le suena esto? ¿Vale? Este es el editor antiguo que lo único que podéis hacer es escribir textos, poner alguna imagen, pelearse porque se vea más o menos como querías y poca cosa más. Después, había algo que algunas personas odiaban, ¿vale? ¿Qué era esto? ¿Alguien le suena? Para mí esta herramienta era increíble. Si veis, más o menos se parece a Gutenberg. Tienes tus filas, tus columnas, tus grupos, más o menos la idea era la misma, ¿vale? Luego el código que te generaba es otra cosa, pero por lo menos estaba guay. Después llegaron otros, ¿vale? Que seguramente sonarán y hay muchísimos más, ¿vale? Y de hecho ahora mismo están saliendo nuevos. Entonces, bueno, todo este mundo de los editores visuales tiene recorrido. La idea es que no tengan tanto recorrido, ¿vale? Entonces tenemos Gutenberg, que ya debemos conocerlo como el editor de bloques, ¿vale? Gutenberg está muy bien, pero queremos conocerlo como editor de bloques. Entonces, teníamos esto y pasamos a esto. ¿Vale? Ya todo va por bloques, todo muy bonito, todo funciona muy bien, ¿vale? Pero queremos un poquito más. Es un poquito más que es, que hasta hace poco estábamos trabajando la parte azul y ahora la idea con Gutenberg, con el editor de bloques, es que puedas editar todo. Lo que es el sidebar, lo que son los menús, cosas encima, cosas debajo y todo hacerlo con Wordpress nativo, ¿vale? Si trabajáis con Elementor Divi o cualquier uno de estos, esto es muy fácil de hacer. Vale, vamos a jugar. Supongo alguno le suena, así que vamos con un poco de código y ver cosas y romper cosas. Entonces, prepara un Wordpress en local, ¿vale? La idea de hacerlo local es que cuando des una charla, tenéis cuidado que igual no hay wifi, entonces siempre si podéis hacerlo local y tenéis un curso en YouTube ratuito sobre cómo hacer Wordpress en local, lo buscáis. Entonces, bueno, estamos utilizando local y tenemos un Wordpress en local. He activado un tema, ¿vale? Que se esté aquí, que es un tema que he hecho yo, que lo veremos, que es con lo básico y lo necesario para que el tema sea, digamos, editable por este edito beta tan bonito que tenemos aquí, ¿vale? Entonces, digamos que vamos a intentar comprender cómo es la base del código, ¿vale?, por eso de las dos partes. Vamos a intentar comprender qué es la base del código, todo lo que se puede hacer a nivel código y lo vamos a intentar ver qué es lo que se puede hacer sin código. Lo importante es que entendéis que esas dos partes están unidas. ¿Vale? No es tan fácil como no, yo solo quiero indicar una cosa y el resto me olvido, porque igual algún cambio tenemos que hacer por código. Es lo bueno y lo malo de Wordpress, ¿vale? Te da toda esa libertad que puedes hacer lo que quieras, pero si no sabes, igual tienes problemas. Entonces, tengo para aquí el tema, ya mireis si se ven las letras lo suficiente, se ve bien, un poco más grande. Entonces, voy, me he creado aquí un par de themes diferentes, lo veremos ahora, ¿vale?, para ir haciendo el, porque no puedo con solo una pantilla más empezar a copiar y pegar códigos y hacer esas cosas, porque la liamos. Entonces, iremos haciendo este truco. Entonces, si nosotros ponemos la base base mínima y a este índex le ponemos esto de aquí que pone WLP, site title y luego lo he puesto un testalign center. Uy, esto tiene de código mucho, ¿eh? El que llega editor visual con esto, realmente si quitamos esto, ¿vale?, para que os habéis una idea. Luego ocurre esto. Nos dice que el índice está vacío. Esto es lo típico, que en un tema normal y corriente tenéis el index.php y ahí empiezan a pasar cosas, ¿vale? Luego metes el loop y demás cosas. Entonces, aquí ya te dice que está está vacía. Lo que hemos creado que es una carpeta de templates con el index. Si no vais a hacer código, no os preocupéis, ¿vale? Simplemente esto es para que entendáis cómo está por debajo. Entonces, hemos creado esto. Luego veremos este index donde se ve en el WordPress, cómo funciona y cómo podremos añadir más templates hechos a medida que es seguramente lo que mucha gente aquí se descargará o comprará, porque habrá desarrolladores que harán toda esta parte, ¿vale? Entonces, vamos a hacerlo como estaba, que está un poquito más bonito, ¿vale? Y vamos a venir aquí. Si venimos aquí a Entradas, y vamos a añadir un nuevo post, ¿vale? Si veis, es un Gutenberg normal y corriente. No tiene nada especial. Tiene su barral lateral y tiene todo esto aquí. Y si venimos aquí al editor, vemos que no funciona. Por lo menos este está controlado. Los otros no sé yo si estará encontrado este sí. Entonces, el problema es que este SIM no lo está detectando porque hemos puesto este SIM JSON. Lo tenemos que dar en cuenta es esto de schema y versión simplemente es de desarrollo. Aquí en settings es donde vamos a ir ajustando el tema a lo que nosotros queremos. Entonces, si recargamos, ya por lo menos se ve algo. Entonces, ya estamos viendo la página principal con su título, que estamos al planteado de índice, y ya por lo menos podemos hacer cosas. Si venimos al post y recargamos, ya ha cambiado algo. Veis que ya esto está la izquierda, ya no está estructurado, ¿vale? Porque este tema pues igual no tiene los estilos y cosas que necesitas para que se vea perfectamente. Entonces, empezamos a trabajar desde aquí. Entonces, vamos a ir viendo cómo añadiendo código, podemos personalizar qué cosas podemos hacer en nuestro tema. Es ahí donde digo que igual de repente decís, es que en este tema lo puedo hacer y en este no lo puedo hacer. ¿Por qué? Si es una cosa básica, pues aquí lo veremos. Entonces, aquí en el título, somos gente que tenemos conocimientos arduos y, pues, hemos entrado a uno y un LOLerimson, ¿vale? Y la vamos a dar a pulgar. Entonces, me pongo aquí encima de este, me dice, tengo aquí los textos, fondos, tipografía, la sección de avanzado. Por lo más que solemos tener con Gutenberg es que los bloques suelen estar bastante limitados. Si no, nosotros cogemos un plugin premium de pago de Gutenberg o un plugin con cosas avanzadas, nos damos cuenta que los bloques suelen tener, pues, por ejemplo, márgenes y pavings y podemos hacer ese tipo de cosas. Sin embargo, aquí no lo tenemos. Pues, ahí viene la parte bonita que es en este CineJSON. Si le ponemos esto de aquí, me dice que Appear in Stools true, quiere decir que está activado. Entonces, volvemos aquí al WordPress y recargamos. De repente aquí nos aparece dimensiones, ¿vale? Rellenos y márgenes. Entonces, ¿qué ocurre con todo esto? Como todo esto está hecho por la comunidad, va al ritmo de la comunidad. No es una empresa que está detrás y, entonces, puede decir, vamos a hacer esto y lo vamos a hacer muy bien ahora. Entonces, tiene que ir poco a poco y hay que tener en cuenta a mucha gente. Entonces, ahora podemos activar esto. Si os dais cuenta, esto lo está limitando la persona que crea el tema. Entonces, si estéis trabajando con clientes y no queréis que empiecen a tocar estas cosas, pues eso no lo activáis. Entonces, ahora mismo hay que hacerlo por código. Probablemente, en un futuro, podremos hacerlo todo desde el panel de control. Por lo final, estos son true false y más checkboxes, pues podríamos hacerlo. Vamos a ver más ejemplos. Si yo vengo aquí y todo esto de aquí, digo texto, pues lo que el cliente quiera. No os hemos ocurrado un diseño increíble y el cliente dice que quiere ese texto de ese color. Uuh, peligroso. Cuando haces ese control, peligroso. Bueno, entonces, igual como diseñadores y desarrolladores, decimos, oye, mira, no. Lo que queremos es que el color no pueda ser personalizado. Entonces, le ponemos ese código, recargamos y ahora aquí no me aparece la opción de escoger un color que yo quiera. Eso no me aparecen los colores por defecto. ¿Vale, dudas por ahora? Bueno, entonces, nos estamos dando cuenta que con código podemos limitar qué cosas pueden hacer desde el panel de control. ¿Vale? Seguimos. Decimos, no me fío de mi cliente. Le voy a limitar un poco más. Por lo que voy a dar más opciones, ¿no? En el sentido, por ejemplo, vamos a crear una paleta de colores. Entonces, cuando ahora recargamos aquí y hacemos click, tenemos dos colores aquí. Porque estos son los colores de la marca y queremos que utilices estos. Podríamos ir mucho más al detalle de bien, ¿eh? Podríamos quitar estos de aquí abajo. Podríamos decir, estos dos colores solo lo queremos en estos bloques y en este tipo de bloques queremos darte otro tipo de colores, para gradientes, lo que sea. ¿Vale? Pero la idea de este taller es que veáis que, bueno, que podemos limitar las cosas para que la gente no la alie en el panel. Esto también es, si queréis temas para venderlos, por lo mismo. Podéis crear diferentes estilos y decir, oye, ¿podéis utilizar estos estilos? No los cambies porque probablemente se va a ver mal. Pero como es WordPress y ahora lo sabéis, podéis ir a ese archivo y cambiarlo. Vale, esa es también la idea del taller. Que veáis que igual no sabéis ahora mismo cómo funciona, pero sabéis que, joder, es que estos colores están muy bien, pero los quiero cambiar. Sé que hay algo por ahí. Igual vienes aquí, cambias aquí el color y ya estaría. No es tan sencillo, probablemente es de un panel de control en un futuro se puede hacer, pero por ahí va la idea. Y con esto podemos ir mucho más allá. Entonces podemos ir aquí al 5 y meter más cosas. Por ejemplo, esto de aquí. Si lo miramos, tenemos personalizado. El base font tiene que ser de un tamaño 16, ¿vale? Y el line height lo vamos a poner 3 diferentes. Entonces ya podemos empezar a personalizar mucho más ese tema. Al decir, no, mira, vamos a utilizar este tipo de fuente también como veremos luego, estos tamaños, estos line height para que todo sea igual. No vayas haciendo lo que te da la gana porque me lo va a saliar. Entonces aquí tendríamos la tipografía con sus tamaños, ¿vale? Y sus line height. De esto también tenéis en cuenta que todo esto de aquí también se puede limitar. Lo que es la apariencia altos de línea, todo eso siempre se puede limitar. Entonces si veis aquí, pon 1.5 y todo esto lo podéis cambiar. ¿Vale? La idea luego sería ir limitando. Aquí no estamos limitando, siempre estamos definiendo un par de ellos. ¿Vale? Más cosas que tenemos, los font size. Esto al final también, lo malo que tiene el editor de bloques por ahora es el hecho de la documentación, ¿vale? Todavía no hay mucha documentación sobre esto. Entonces encontrar todos los ajustes que puedes hacer es bastante arduo. Pero si veis, ahora tenemos aquí tamaño ese, 50. Si veis, ha aparecido directamente. Todos los demás que estaban aquí ya no están 6, 50 pisces. ¿Por qué? Porque es lo que nosotros tenemos aquí. ¿Vale? Podríamos definir más, ¿vale? Igual esto si veis, slug size name, sería igual que slug name y color. Cambiamos size por color y podemos definir colores y podemos definir también el font size. Y lo mismo aquí con las familias. ¿Vale? No quiero que puedas escoger lo que a ti te dé la gana. Nosotros utilizamos esta por la que nosotros pongamos. Entonces esto te permite que todo sea más controlado. Vamos a ir por el 6 y vamos por el 7. Si veis ya no queda nada de código, ¿vale? Dime. Espera, te van a dar micro para que quede grabado, ¿vale? Que sea fácil, por favor. Ahora sí, ¿vale? Ahora sí. Nada, que todas estas propiedades que mencionabas al principio, el margin, el font size, tienen alguna posibilidad de customizarse en diferentes tamaños de pantalla. Es decir, mi font size la defino, los headings en 50 píxeles y en mobile 25, por ejemplo. No sé si capaz que estaba para más adelante, pero me dio mucha curiosidad. Tiene en cuenta que luego también tienes toda la parte de los estilos, el styles y demás. Entonces yo no soy experto en desarrollo de Frontend, pero luego por los estilos, porque luego tú puedes hacer la gestión de estilos como tú quieras, cuando está el CSS, o meterle un SAS, o meterle lo que tú quieras. Entonces está ahí ya puedes jugar con todo el responsive y todo ese tipo de cosas. ¿Vale? Pero ahora mismo tampoco le podemos pedir mucho algo que está en beta. Pero siempre hay que decirte que todas esas ideas que no sé si son viables o no, están guay porque somos una comunidad que es lo bueno, este tipo de cosas, es que lo comentes dentro del equipo que trabaja con esto, porque igual dicen, esto es increíble, lo vamos a implementar. Quizás no mañana, pero lo metemos. Seguramente vosotros tenéis mucha experiencia en algunas cosas y podéis aportar. Aunque sea la idea, no, tampoco es, no, tienes que aportar y hacerlo tú, sin igual aportar la idea. Entonces quizás en eso yo no soy experto, pero... Perfecto, muchas gracias. Nada. Entonces luego, si veis aquí, llegamos a una sección vale, vamos a ver un ejemplo, pero es para que veáis todo lo que se puede hacer. Entonces aquí en STYS hemos entrado dentro de blogs, que sean bloques, y después nos hemos metido en los bloques del core. El core es cuando te bajas WordPress, eso es el core, después todo lo que tú añadas son los plugins, ¿de acuerdo? Entonces nos estamos metiendo en los bloques del core y en este caso los de los botones. ¿Vale? ¿Por qué? Entonces venimos aquí y añadimos un botón, un botón... Eso llego, lo siento, no llego más. Entonces tenemos aquí un botón, ¿vale? Tenemos aquí el tamaño por defecto, que lo hemos puesto desde la S, también lo podremos quitar. ¿Vale? Espacio del bloque, tal. Esto lo que es justificado y demás. ¿Vale? Este botón, si veis en un estilo, pues el que es S. Pero nosotros, si ahora guardamos, esto que hemos puesto aquí debería afectar al botón. Y ya el botón es diferente. De ese oscurito todo redondeado, ya tiene el color de lo que sería el... ¿Vale? Entonces aquí no se llega a ver bien, pero bueno, tiene el color azul de fondo y el texto. ¿Vale? ¿Por qué? Porque lo hemos dicho que el background va a tirar de la variable del color primary. Como el color primary lo hemos definido aquí y lo hemos dicho que el primary es este azul, ya podemos llamar a esa variable y utilizar donde nosotros queramos. Y ya estamos definiendo los botones con el estilo que nosotros queremos. ¿Vale? Entonces si veis, yo quiero que tenga este borde, este es el color, esta es la tipografía que vamos a usar, este es el padding que tiene, ya lo podemos ir forzando. ¿Qué tiene bueno esto? Que aquí estamos viendo el core, pero también podríamos aplicarlo a otros bloques de plugins. Entonces, digamos, en vez de que no voy a añadir este bloque de este plugin, voy a cambiar lo que yo quiero y luego en otra página voy a añadir el mismo bloque, voy a cambiarnos, tienes aquí, lo configuras y siempre que lo uses estará como tú quieres. Hasta aquí el código. Lo prometo. Más o menos. Pero digamos que hasta aquí el hecho de que veáis cosas que están pasando en el código, que son estos de aquí, están afectando aquí. ¿Por qué? Porque igual bajáis un tema o lo compráis y los botones se ven de una forma que nos gusta y de repente han hecho algo que no se puede editar por ninguna forma y dices, ¿cómo quito esto? Porque el tema me encanta, todo está muy bien pero es justo esto lo que no me gusta. ¡Ah! Me suena que había un theme Jason, que por ahí puede estar, lo igual hay que buscar y demás, pero que veáis por ahí puede estar la cosa. Vale, hemos estado viendo el código y hemos visto que venimos aquí a la entrada 1 y no vemos el contenido de la entrada. ¿Alguna idea por qué? Ya alguien lo sabe de forma muy clara que no leo, pero si alguien cree que lo sabe ¿por qué no vemos aquí el post? Si tenemos un texto y tenemos un botón. Algo de content, Juan. Algo de soltítulo y lo del index, ¿no? Me decía. Nosotros por código lo hemos dicho que el index tiene esto. Si os sabéis un poquito los temas anteriores tú tenías el index.php que a partir de ahí empezaba loop y luego puedes hacer el single.php y todo este tipo de cosas. Ese single.php se encargaría de esto en concreto, pero no existe. ¿Vale? Entonces hay dos opciones. Podemos crearlo aquí en templates por código, pero si veis crearlo por código aquí solo estéis viendo una cosa muy sencilla pero luego crear un tema por código es muy difícil porque son todos códigos así entonces es ahí donde entra nuestro querido editor este aquí, ¿vale? Entonces si hacemos clic aquí, esto es también algo confuso si nosotros estamos en entradas y hacemos clic aquí, nos saca fuera y no hace gracia se te olvida y estás en blamier ha sacado. Sin embargo si estás en el editor y le das aquí, te saca un menú quizás esto estaría bien que funcionase igual entonces aquí te saca un menú y tenemos sitio y de repente tenemos plantillas ¿Quién de aquí trabaja con un editor visual como ElementorDip y demás? y el resto ni idea, ¿no? ¿Vale? Más que nada es para saber hasta dónde bajar y explicar. Entonces tenemos aquí las plantillas. Si veis tenemos una plantilla que dice índice. ¿De dónde sale esto? De aquí. ¿Vale? Del índex. Si nosotros hubiéramos quedado más plantillas si el tema que os descargáis o compráis tiene más plantillas, os aparecerán aquí y el índice pone que añadido por el tema. Si vamos aquí a añadir nueva tenemos página de inicio individual, página archivo, autor, categoría fecha, etiqueta, taxonomía búsqueda 4324 y elemento único, entrada. Entonces en este caso el single si lo veis siempre en inglés el single, el individual nos podría ayudar a diseñar todos los posts. Entonces vamos a individual ¿vale? y nos lo jugamos y aquí ponemos un bloque de texto que ponga single, lo guardamos si todo ha salido bien y recargamos esto que tendríamos que ver single haya porque ya se ve single, ¿vale? Entonces lo que necesitamos es que aparezca el content el loop que hace que aparezca el content pero también quizás queremos que aparezca el título también igual queremos que aparezca el autor, la fecha vale, todos esos datos, esos metadatos del post, pero igual también por adelantarnos un poco queremos que encima de todos los posts aparezca un banner con un anuncio o lo que nosotros queramos o queremos que después del post aparezcan tres columnas con lo que nosotros queramos, ¿vale? Entonces antes con el editor de bloques no podíamos hacerlo porque estamos atados a lo que era el post y ahora sí que podemos ¿Por qué? Porque este single lo hemos puesto nosotros y está ahí si nosotros añadimos algo debajo del single por ejemplo venimos a bloques y tenemos aquí bloques de tema tenemos navegación luego del sitio, título del sitio, descripción cortar el sitio, lista de contenidos lista de entradas, partes tal tal tal título de entrada, este me interesa porque se vea el título del post es importante pinchamos y nos pone aquí título de entrada luego la gente del SEO tira un H2 no, tiene que ser un H1 pues H1, ¿vale? Entonces esto dinámicamente lo que te va a hacer es meterte el título de entrada entrada 1 bueno, entonces ya estamos viendo cómo podemos jugar con cosas que están fijas ahí que también este single también podría ser no fijo, ¿vale? ya es más avanzado, pero cosas fijas y cosas dinámicas estamos ya editando lo que sería el single si trabajáis con un editor visual es exactamente lo mismo entonces aquí es donde podemos ir añadiendo cosas otro bloque dentro del tema que podría ser contenido de la entrada entonces aquí te pongo un texto este es el bloque, del contenido de entrada y recargamos el problema, le hemos dado al cliente toda la facilidad del mundo para hacer lo que quiera esto que nos hace gracia, ¿vale? si queréis eso lo podemos editar lo podemos editar para que no se vea así y dices, oh no, no puedo pero ahora como sabéis cómo hacerlo podéis venir aquí y este de aquí le decís y ese tema que habéis comprado pues ya lo podéis sacar un poco y ya que se vea como otros queréis terminemos aquí, recargamos y ya lo tenemos bien ya vemos el título ya vemos el texto y ya vemos el botón y el botón está como hemos diseñado con su color azul, con el bordecito y demás ¿vale? ¿qué ocurre? que esto no es viable ¿vale? leer esto, está mal por temas de accesibilidad y demás tendría que ser igual como mucho de esta anchura entonces vamos a empezar a jugar con ello ¿qué necesitamos? pues algo que lo contenga, una especie contenedor una especie columna, un algo entonces aquí podéis poner, si queréis columnas y podéis poner cuantas, en este caso una columna ahora bien, si nosotros queremos editar esta columna de aquí aquí a la derecha nos dice cuantas columnas quieres si quieres que se aplique en el móvil la tipografía, el relleno, el borde ¿vale? tenemos todo esto pero a algún lado aparece aquí tamaño máximo ¿alguien lo ve? para poder centrarlo no está, ¿vale? estos son los típicos problemas que tenemos con Gutenberg o el leitor de bloques y por eso está en beta porque todavía no está tan avanzado como para poder hacer muchas cosas con él entonces aquí lo que vamos a hacer para solventarlo es meterle aquí un CSS, una clase y luego por estilos ponerlo con estos que vemos, container y tramos millas ¿vale? entonces en este caso no vamos a aplicar esa parte de centrarlo pero simplemente que veáis que se podría hacer si utilizáis bloques más avanzados que existen entonces para seguir con esta parte de aquí que ya tenemos la columna, vamos a meter el párrafo dentro de la columna si le da a Gutenberg por hacerlo y el botón ¿alguien me dice que es lo que falta aquí? del post que no podemos aquí editar algo que está en el post que se ve en la página pero aquí no lo podemos editar al título podemos la palabra single si os deis cuenta desde aquí no se puede editar esa palabra single entonces esto lo digo porque mucha gente cuando no trabaja mucho con WordPress dice ¿ya pero es que este single? quien dice single hemos puesto solo single ¿vale? pero pues una imagen, pues un texto, pues ser columnas pues ser muchas cosas no sé cómo editarlo, no sé cómo editarlo ¿vale? porque está aquí pues eso tenéis que tenerlo en cuenta que esa parte de aquí lo tenéis que editar en lo que sería la plantilla es este individual que hemos creado aquí es donde podéis trabajar con él este parrafo que tenemos aquí entonces es difícil de entender muchas veces la parte que es dinámico que es contenido la entrada y título la entrada y esto de aquí ¿vale? hemos puesto una columna vamos a imaginar que lo hemos puesto toda bien ¿está bien? no está mal imaginando que está bien hecho y que lo hemos puesto a nuestro gusto ¿está bien? no está mal hecho nadie se la juega ahora dicen que bien aquí dicen que no está muy segura ¿creé que no? ¿alguien más se la juega? este lado dice que no que no pasa nada pues jugaros la el nombre Sandra ¿qué es lo que falta? o sea ¿qué se está haciendo mal? ¿vale? lo que decía Juan el problema es que nosotros hemos puesto las columnas en el post si hacemos un nuevo post esas columnas no existen entonces todo lo que tiene que ver con diseño no es las cosas tendrían que ser en la plantilla porque si no luego todo esto es más que nada es para que vayais pensando en eso porque luego cuando estéis solos y solos contra el peligro digáis ¿ah? bueno igual es esto igual es lo otro y hagáis detectives ¿vale? pero es la cosa lo ideal sería que todo que tiene que ver con diseño estuviera aquí, esto es título la entrada y contenido la entrada tendría que estar dentro de esas columnas párrafo este iría en otra columna por una forma en otro dif a su aire iría en otro y irías haciendo tus secciones para ir estructurando tu tu página ¿vale? entonces todo lo que hemos hecho aquí está mal más que nada por el hecho de si queremos mantenerlo ahora bien si en una entrada concreta queremos hacer algo específico y diferente sí ¿vale? también ahí tendríais que valorar si es específico y diferente va a ser recursivo puede ser que durante 50 post siempre hagas lo mismo pero luego vas a hacer una cosa de aniversario para hacer algo diferente tienes que pensar si es aniversario, si va a ser repetitivo igual quieres crearte una plantilla concreta para ese aniversario para que luego sea reutilizable ahí hay que valorar ¿vale? pero la base es lo que son estructuras que lo pongáis a lo que es la plantilla en este caso si veis aquí individual ¿vale? todo eso tendría que ir aquí no lo vamos a hacer por tiempo pero podría ir aquí ¿preguntas sobre esto? esto es lo que queráis no tiene por ser solo el post en cualquier cosa esto es lo que tenemos una cabecera ¿vale? ¿esto es cabecera? ¿por qué? es el título del sitio ¿vale? luego y menos, tampoco nos pasemos que luego está la beta y lo rompemos pero luego y menos creo que podremos hacerlo ¿vale? entonces tenemos aquí el individual volvemos a darle esticono que en este no nos va a sacar ningún lado de las plantillas ¿vale? tenemos individual e índice pero aquí abajo tenemos partes de plantilla entonces aquí podemos crear lo que serían las plantillas grandes del single, el page, el archive y todo eso y aquí diferentes partes que podemos reutilizar en diferentes páginas entonces vamos a partes de plantilla le vamos a añadir nueva y aquí tenemos general, cabecera y pie de página si vamos a hacer la cabecera general, se puede hacer sin ningún problema lo único que WordPress ya te dice si son cabeceras por aquí, para cuando te tenga que recomendar por una cabecera lo tengas más fácil de encontrar ¿en qué sentido? esta cabecera tiene en cuenta que no es el GAD del HTML ¿vale? entonces todo es dentro del body hacer una sección del GADER para que la estructura sea GADER, main y footer pero no tiene nada que ver con el GAD de HTML, entonces a Google esto en principio le da igual no lo aliéis y pongáis cosas feas, pero le da igual vale, entonces podemos GADER o cabecera y lo creamos ¿qué ponemos aquí entonces? luego y... bueno luego que no tenemos la imagen y menú, muy bien, es lo que tiene a hacerlo en vivo bueno, pondremos un logo de esto ¿vale? vamos a hacer la estructura entonces aquí para hacer la estructura ¿qué necesitamos? necesitamos una fila en este caso con los bloques de Gutenberg del editor visual como tal si es una columna también podemos intentar que sea un grupo ¿vale? pero bueno, vamos a ir con una columna y vamos a ponerle dos ¿vale? luego a la izquierda y el menú a la derecha podemos poner este o lo que sea ¿vale? entonces aquí diría el logo entonces en este caso, tiraríamos de una imagen luego le añadimos y aquí diría el menú ¿tenemos un menú hecho? ¿vale? entonces si venimos aquí y le vamos aquí a añadir bloques ponemos una navegación ¿vale? vamos a guardar si veis aquí pone sample page ¿por qué pone sample page? la primera página que se ha creado al crear el WordPress es un sample page y cuando creas un menú automáticamente te pone la página que haya generalmente está activado que si vas creando nuevas páginas se van añadiendo automáticamente es lo típico que generalmente desactivas estaría bien que lo venga desactivado y no al revés pero bueno entonces, lo que podemos hacer es si veis aquí en apariencia ya no aparece menú y tampoco aparece personalizar entonces gran parte de aquí estarían diciendo madre mía y ahora que hacemos con el menú ¿vale? todo eso ya va directamente desde aquí ¿vale? desde aquí es donde podemos gestionar todo lo que ocurre con el con el menú entonces si veis aquí en este más podemos añadir cosas entonces tenemos aquí añadir el enlace de hecho vamos a abrir aquí esto para que se vea es un bloque dentro del menú que es automático lista de páginas y aquí tenemos un enlace personalizado que hemos añadido nosotros entonces si nosotros dejamos este de aquí arriba lo que hacer es que automáticamente va metiendo ahí las páginas ¿vale? pero nosotros queremos añadirlo nosotros entonces si veis aquí es el típico buscador de enlaces dentro de de WordPress entonces aquí podría el sample page o podría entrar uno voy a poner entrar uno porque es algo que ya tenemos en la lista de páginas, podremos ponerlo debajo o podemos eliminarlo lo guardamos ¿vale? ¿qué estamos viendo aquí? cuando hemos estado a guardar ahora nos dice ¿vale? hay diferentes cambios que has hecho tanto a nivel menú en navegación que es un bloque que lo tienes aquí en la vista pero es un bloque que va por su cuenta y tanto a nivel geader entonces pudiera ser que quieres guardar uno y no el otro ¿vale? o quieres guardar los dos en este caso los dos ¿vale? aquí nos falta una imagen espera, el micro casi para la gente que está poco viendo el vídeo y mientras busco el logo excusa de que buscas ok con la navegación estoy aprendiendo español podemos hacer enlaces fuera del sitio pero sabes que podemos hacer enlaces y no queremos que es muy feo podemos usar una palabra que no... ¿sabes que es? en inglés podemos hacer links con una palabra y el link es la url ugly ¿es la capacidad de hacer eso? he visto un vídeo en esto el otro día y se puso en Wordpress.org pero no cambió para Wordpress y no veo donde podemos hacer ahora ¿cómo cambiamos eso para una palabra? ok vamos a probarlo si nosotros aquí intentamos cambiar esto nos permite hacer esto lo que pasa es que todavía vamos a hacer una cosa, vamos a dejarlo para luego para cuando veamos el menú en el frontend hacer las pruebas porque ahora mismo no se ve y porque no se ve porque la plantilla no lo tenemos por eso aquí no se va a ver entonces vamos a poner la imagen esa que nos hemos currado increíble con el equipo de diseño nos lo han hecho a medida solo mide 2560 de ancho está optimizado y va bien le hemos puesto título, el alt le hemos puesto todo somos profesionales vale, entonces tenemos las entradas vamos a cerrar esa y aquí estamos con el geado este está guardado, si volvemos aquí volvemos a plantillas donde añadiríais el geado en el índice o en el individual solo en el índice o en las dos en las dos si aquí estamos en el index y vemos el título para todos aquellos que han dicho que hay que ponerlos dos que puede ser teóricamente si abrimos el single no deberíamos de ver el título pero hasta aquí entonces si nosotros queremos que este geado se vea en todas las páginas pero si solo queremos que aparezcan unos posts concretos o lo que sea, tendremos que añadirlo en esa plantilla hecha para el single entonces en este caso para trabajar solo una vez lo añadimos aquí como lo añadimos, vamos aquí al más vamos a los bloques y si bajamos aquí al de temas tenemos parte plantilla, cabecera y pie de página como hemos puesto como cabecera lo tenemos en cabecera si lo vamos a elegir nos sale aquí y nuestro geado si tenemos muchos geado se aparecerán por aquí en este caso lo que queremos igual es que suba arriba quizás ya este no tiene lógica y no iría aquí pero lo hagamos si recargamos el index vemos nuestra cabecera nos es muy bonita pero si recargamos aquí esto no lo hagamos pero había dicho que entonces si que se veía en este caso este si que se ve pero quizás si quitamos y ahora me lo voy a jugar mucho esto se ha guardado pero que creéis que se sigue bien de igual no, tener en cuenta que de aquí lo hemos quitado lo que antes hacía que esto se viera que es el título se viera ahora lo hemos quitado y se sigue viendo entonces cuando nosotros lo hemos generado aquí y hemos abierto el editor WordPress ha creado ese bloque porque ya lo reconoce pero está hecho de una forma que lo reconoce entonces una vez que ya está aquí y aquí lo hemos guardado ya no está en ese archivo sino que está digamos en la parte de la base de datos de WordPress es algo que lo quitemos de aquí seguirá viéndose ahí entonces esto ya no nos hace falta a bailar muy bien, entonces tenemos aquí este de aquí no se llega a ver aquí abajo pero ahí abajo pone trinchero wp.com que es el enlace original que habíamos puesto pero arriba pone un texto que es totalmente diferente entonces una vez que pegas el código lo que es la url ya se quede guardado y todo lo que cambias no afecta para lo bueno y para lo malo, si luego que es cambiar el código pues tienes que eliminarlo o la url, tienes que eliminarlo y crear un nuevo pero teóricamente aquí pongas lo que pongas sigue funcionando el enlace ha servido eso espera el micro podrías haber creado la palantilla vacía y habría funcionado, ¿verdad? es una duda que me ha venido si, si, ten en cuenta que esto lo que estás haciendo es decir a WordPress que esto existe aunque esto no exista, WordPress sigue funcionando o sea, ten en cuenta que aquí no estamos poniendo ni singles ni estamos poniendo nada y podemos crearlo nosotros vale, esto más que no os lo enseño porque esta carpeta templates y puede haber más cosas, pero esta carpeta templates si trabajáis un tema o compréis un tema lo que sea, probablemente tenga sus diseños ya hechos si, pero tu creas una plantilla tuya propia creas una carpeta templates un index.html y una style.cs lo subes y podés empezar a editar en visual todo esto es como los otros temas que Naita siempre le está el index.php pues es exactamente eso si no tienes el index te va a decir los tres cosas básicas que hacen falta para que tú empieces a trabajar en visual con tu propia plantilla pero lo bueno que tiene esto es que tú puedes hacer todo el código que quieras para aquí también sobre todo es más la parte de diseño si quieres utilizar un procesador y demás pues viene bien y sobre todo también si quieres el theme jason ponerlo a tu gusto para que a la medida que estás desarrollando por mucho que seas tú mismo el botón cuando eras a botón ya es el botón que tú quieres pues se agradece si por aquí y en el caso que está bastante cuando tienes cosas metidas en el index.html y además lo estás haciendo visualmente como cojuga las dos cosas esto está por encima del index si te das cuenta hemos añadido la cabecera y demás y se han seguido viendo la cabecera o sea tú ahora lo que tú hagas aquí al existir ya el index da un poco igual o sea este ya no lo tienen cuenta si ha tocado el visual generalmente las plantillas lo que hacen es nosotros tenemos la home imagínate hecha super bonita luego ya tú te pones a editar con el editor de bloques y ya está otra cosa es que borres esa plantilla y entonces warp esta la vuelva a regenerar porque está el archivo ahí quizás no lo ideal hay que mejorar las cosas pero bueno ahora mismo está así bueno entonces tenemos este de aquí aquí arriba y bueno pues funciona tenemos a la entrada 1 pueden ser enlaces internas al final si veis aquí la isle más es el buscador normal y corriente enlaces de warps más luego algunos que te permite crear de forma sencilla o por ejemplo quizás este trinchera queremos que se abra en una pestaña nueva pero bueno esto es lo normal del navegador simplemente del menú simplemente tenés en cuenta eso que es el hecho de ahora el menú funciona desde aquí no está ni apariencia de menús ni en personalizar todo eso ya no existe para lo bueno y para lo mal entonces vamos a ver algo más tenemos aquí esto que nos falta tenemos una cabecera esto tendremos que cambiarlo plantillas igual este aquí si veis que lo ha generado porque venía en el index y le metemos nuestro bloque cabecera que nos falta el footer podemos poner más que nada aquí podemos tirarnos la vida haciendo cosas vale siempre tenemos con las estructuras para que veis un poquito todo vale entonces vamos a poner un footer como lo hacemos trozo plantilla tiene página seguro el footer que ponemos dividimos en tres todos jugársela aquí depende de vosotros aquí hay los witches está super bonito y que más hace falta en un footer bueno no tiene por qué estar en el footer realmente pero generalmente lo ponemos en el footer entonces vamos aquí columnas vamos a añadirle un párrafo aviso legal pero no tiene enlace ya tenemos el aviso legal puesto y aquí vamos a poner algo algo sencillo columna 1 como me lo ocurre es increíble columna 2 me da juego y hago la broma vale tenemos el footer le cargamos no está, entonces tenemos que ir a plantillas vale vamos a ir al índice de más vamos al índice ponemos más ponemos pie, elegimos lo seleccionamos y lo guardamos que podemos mejorar en lo que hemos hecho no, ahí ya serían estilos no puedes forzarle a ponerla abajo porque ya vas a nivel estilos y el bloque no te va a permitir como tal este quizás si utilices otro tipo de bloques avanzados pues igual sí pero este no te dejar la cosa es que podemos mejorar en el proceso se que no es muy bonito pero en el proceso que acabamos de hacer para el footer estas de pensar os hago pensar simplemente para que luego cuando estéis solos no me llaméis a nadie se lo ocurre casustica y cuando hacéis páginas web y decís esto hacerlo así nos va a traer problemas está bien pero no voy por ahí venga, yo os tiro una yo os digo imaginas que ahora queréis hacer una landing page para vender algo y queréis añadir el aviso legal y todo este tipo de cosas porque tienen que estar pero quizás los tres columnas esas que están ahí no pero ahora mismo están en el mismo bloque entonces qué haríamos entonces lo que podremos hacer es en cada post vamos a suponer que son landings ponemos las tres columnas y a funcionar pero si hacemos eso estamos citando parte del footer que teóricamente no es parte del post entonces no sería lo viable entonces aquí lo que tendremos que hacer es que este footer vale en vez de tener las columnas postas así que tenga que, los doy ideas yo voy bajando el ratón y me decís vale ahora mismo nosotros hemos creado un footer y un header, pero también tenemos generales entonces podemos hacer que el footer sea el footer y que luego por generales hacer cosas esto como siempre depende mucho la casuística, la situación, lo que tenéis que hacer yo tu ideas, para luego lo que se podría hacer entonces si lo que queremos es poder utilizar lo máximo posible que sean reutilizables y trabajar lo mínimo posible quizás tendríamos que hacer eso footer legal, lo ponéis en pide página o en general porque si es el footer pues es otro footer tened en cuenta que esto aquí no dejan de ser categorías vale, eso es una forma que sea sencillo, luego encontrarlo pero si uséis el buscador y ponéis una nomenclatura sencilla, también es fácil poner footer legal y desaparecer vamos a ponerlo en general por ver otra cosa entonces aquí es donde pondríamos las tres columnas tenemos el footer sois vagos como yo vais a copiar el bloque en ese footer legal tenemos aquí las columnas y tenemos esto, sé que no es muy bonito pero funciona venimos a partes de plantillas venimos al footer y ¿qué es lo que tendríamos que hacer? cambiar este que sea dinámico por de una forma ponemos las columnas entonces aquí si ponemos footer vale vemos muchos footers igual esto ahora nos está molestando aquí pero vemos muchos footers ¿por qué? porque están los patrones de Warpers, vale entonces Warpers per se ya te trae patrones instaléis más plugins tenéis más patrones podéis crear vuestros propios patrones pero aquí no vemos lo que hemos creado nosotros que me parece lo feo de Warpers que lo podría hacer o sea primero que te muestro lo tuyo y luego lo otro pues veis no aparece entonces ponemos plantilla vale y ahora aquí deberíamos de poder escoger elegimos y en este caso tenemos footer si veis, hemos puesto el general pero nos aparece el footer y el geader aunque son footer y geader no dejan de ser lo mismo es una forma de categorizarlo ponemos footer y en este caso lo veremos y este sería exactamente lo mismo creamos un general que de hecho lo hemos nombrado mal no me deja de evitarlo se ha ilusionado ha hecho ahí y por atrás hasta el columnas, perfecto footer, legal lo hacemos general ponemos un párrafo hasta no lo voy a copiar y pegar que es muy sencillo vale, guardamos al final todo esto es muy mecánico muchas veces entonces lo primero siempre suele ser que hagáis todo lo que son los bloques listo y luego ya empecéis con el single y todo eso a ponerlo bonito tenemos footer haremos esto para que lo veamos eliminamos batilla acabamos y este igual bueno no me roto nada, está bien vale, ya está solucionado ¿por qué no? si se ve, está aquí bueno, vamos a estar solo con el index vale, ahora mismo tenemos lo mismo lo único que hemos hecho es que lo dentro sea algo más dinámico pero realmente tenemos a tanto lo mismo si no, vamos al landing, al single que hayamos hecho de las landing y escojamos el footer, es exactamente lo mismo vale tenemos aquí este footer de aquí que no podemos duplicarlo este footer de aquí tendría que ser tipo oye mira tú vas a ser footer legal y te voy a quitar las columnas y es de poder poner footer completo o footer landing o ven a lo que queráis o footer general o el nombre que os de la gana y aquí le ponemos parte plantilla footer columnas entonces ahora mismo tenemos dos footers que son el legal y el completo que son con los que podemos jugar dependiendo lo que queremos mostrar pero estos dos componentes que tenemos son dinámicos por lo tanto, siempre que queramos editar el legal y añadirle cosas simplemente tenemos que editar el footer legal de esa forma, ahí donde estoy usando este bloque ya sea aquí o en el completo o en cualquier otro, está actualizado es un poco engorroso tener que hacer todo esto pero luego a medio largo plazo te ahorra mucho tiempo entonces quería mostraros eso de pensar a ver cómo puede ser la mejor opción qué también podríamos hacer la cabecera también sería lo mismo sería poder crear diferentes tipos de cabeceras con los que jugar vale, porque igual decís no, yo en esta cabecera quiero que se vea lo típico suele ser, es el menú pero luego tengo un yum botón de estos con un color que lo cojo con la cabecera y todo y aquí el título el post, pero en el resto de la página no quiero esa cabecera entonces podrías empezar a jugar con los bloques de textos dinámicos y más que hemos visto el título y demás con ello, entonces aquí ya puedes hacer muchas cosas, que es lo importante que entendáis las diferencias que hay entre plantilla como tal que es el hecho de quiero editar el índice, que sería el general para todo, quiero editar el individual quiero editar unas páginas en concreto y demás, vale entonces si venimos aquí hacemos una página para que lo veamos tenemos todas las páginas o página para un elemento específico, cual queréis todas, a lo grande vale por lo que lo estamos viendo así así puedo, sí pero bueno, no se parece el geader no se parece el aviso legal, pero no estas las columnas como aparecen unas cosas, no aparecen otras entonces esto si uno sepa aquí a plantillas, índice no suena entonces realmente el single como antes lo habíamos puesto el footer ese y luego lo hemos cambiado y si lo hubiéramos eliminado, nos parecería aquí lo suyo sería que si aquí queréis, en vez de poner este footer legal pongáis el completo pero el completo lo hemos puesto como general y no lo hemos puesto como footer y lo que ocurre en esos casos nada, porque lo mismo si metáis a la plantilla, ya está aquí el footer completo y este entonces este es el índice y vamos a seguir pagina sample page pero ahora en sample page no aparecen que hemos hecho mal entonces si venimos aquí al editor y vamos a la plantilla y vamos a páginas que queréis que ha pasado o sea, el sample page no le está llamando al footer pero le está llamando a otras cosas le está llamando al footer legal, le está llamando a la cabecera alguna idea vamos a probar una cosa que ocurriría si borramos esta y esta me la voy a jugar y lo volvemos a crear es que el problema es que lo tenemos exactamente igual pero no ahora tenemos las columnas cuando lo genera está utilizando el índice como base dice es muy probable que quieras utilizar el índice como base, ya te lo doy y no tengas que relacer todo pero puede ser que en este caso digas yo no quiero esto, lo borro pero por eso antes nos ponía el aviso legal y no las columnas porque en el índice no están las columnas por eso en la presentación ponía lo de ser detectives porque muchas veces en plan ¿qué está pasando? ¿por qué no funciona? ahora mismo teóricamente estaríamos editando entonces en este caso estamos haciendo un sample page que estamos haciendo lo que es la base página que está afectando a todas por lo tanto tendríamos que añadir al contenido dinámico que hay en esa página entonces aquí como estamos con la plantilla quizás algo que podremos hacer pero yo no soy experto en frontend pero quizás algo que podremos hacer es decir todo lo que voy a meter aquí lo voy a meter en una columna en un div que se di este de aquí está en el centro entonces tendríamos el header, el main y tendríamos el footer y ahora empezará a jugar aquí dentro entonces aquí igual querríamos poner dos columnas, una, tres lo que sea pero si ponemos título pone título de la entrada, título de archivo título de resultados en este caso queremos de la entrada es importante tener en cuenta que una entrada que es un post una página también es un post por eso es lo mismo no te va a poner título de la página es un post no te va a poner título de la entrada ¿cambia algo? vamos a poner el h1 que luego se nos enfadan entonces ya nos aparece aquí sample page entonces más o menos es todo al final luego todo el rato es lo mismo es ir quedando bloques, ir quedando los archivos ir editando en todas las páginas imagínate en todos los singles quiero que aparezca una cajita con el autor en las páginas no lo quiero en las páginas quiero que ponga este banner entonces allá podemos ir editando cosas y ponerlas al gusto faltaría más cosas por ejemplo podemos poner contenido de la entrada porque nos mostre cuál es el contenido los metas podríamos ir un pasito más allí quizás todavía está un poco limitado pero si utilizamos plugins como advanced custom fills y campos personalizados y cosas de esas pues igual ir viendo la opción de sacar esos datos alguien no conoce que es advanced custom fills o campos personalizados y demás ¿que no conoce? ¿lo conoces todos? ¿todos? ah Juanca ¿no? claro, eres bueno pues entonces con eso ahora mismo aquí no lo podemos hacerlo pero sería interesante decir vale pues en este texto quiero ponga esto en concreto que ponga todas las páginas que la seleccion pues puedes añadirlo aquí donde estéis prediseñando las páginas pero entonces ¿qué añadiríamos en la página? ten en cuenta que ahora estamos hablando de páginas ¿vale? no de post generalmente pero si intenta que sea lo menos editado posible como tal ¿vale? que no empiezas a poner bloques y cosas en un post bloques me refiero columnas y hacer cosas diferentes pero en esta página ¿qué haríamos? o sea ¿qué diferencia entre esto va en la página y esto va en en el... en la plantilla? para que lo jugáis hay que no hay una respuesta concreta para que pongáis ejemplos y... ¿alguien más? bueno entonces tu editas aquí en página ¿vale? y no es dinámico es que se ve en todos lados salvo que supongamos que lo ponemos en esta sección no es dinámico y no queremos que aparezca en algún sitio ¿qué hacemos? con css puede ¿vale? es código pero bueno con css podéis hacer lo que os dé la gana me refiero a que quizás a veces es más fácil mira yo se lo pongo a la plantilla y le digo que en esta página en esta página no aparezca css o en otros casos iguales ¿no? no se lo ponga ninguno y lo pongo yo manualmente ¿vale? y ya depende como lo queréis hacer espera el micro por acaso ¿qué? como está en aquel lado o aquel no le pido pero aquí que está en aquel lado serían dos preguntas primero se puede usar short codes dentro de estos templates dentro de este editor podemos probar lo vamos para más tarde para probarlo todo esto se podría exportar a código ¿qué tipo de código querrías? el mismo código que tienes en el html del index ¿vale? pero eso es ningún problema tener en cuenta que te refieres a este yo hago toda mi edición en el visual y quiero que eso se transforme al código que tenga títulos dinámicos y el fooder y el header y todo pero tener en cuenta que vale vamos a coger una idea vamos a coger esto y vamos a copiarlo no tengo ni idea ¿eh? y lo voy a pegar entonces como está usted dando Gutenberg el editor de bloques su fuerte está en que todo funciona gracias a los comentarios que están aquí para lo bueno y para lo malo ¿vale? entonces como hemos visto cuando tú copias de una plantilla a otra lo entiende cuando tú lo pegas aquí lo entiende y esto lo podremos usar el problema es que aquí no tienes PHP entonces aquí no puedes decir ah vale pero justo esto ahora lo quiero que sea dinámico lo quiero que sea de title o lo que yo quiera entonces esto ya no es PHP puedes utilizar PHP pero empecerías con el index.php y entrarías pero no puedes hacer lo que tú comentas de no es que yo copio aquí el que es este dinámico pues como pegarlo allí y ya funciona aquí te va a funcionar bueno me refiero que es dinámico no hay ningún problema me refiero si quieres hacer un código a medida por tu cuenta no pero esto así funcionaría esto funciona eso es la cosa es que si quieres hacer eso no en el sentido de luego poder volver a editar las cosas eso sí lo que comenta es que tú estos templates los tienes ya generados entonces tú cuando lo instalas en tu Wordpress esas plantillas que hemos visto antes ya estarían generadas entonces en ese caso estaría bien también tenés en cuenta que si utilizáis herramientas como local si lo vas a añadir a un nuevo sitio puedes utilizar Create from a Blueprint y utilizar esto como plantilla o sea creáis un Wordpress lo guardáis como plantilla y luego lo puedes reutilizar entonces ahí tienes que valorar pero claro igual tú todo un poco más avanzado si quieres hacerlo también por código que esté por Git y esté en GitHub pues por código es mejor simplemente son ejemplos para que veáis que hay diferentes opciones para hacerlo o simplemente en este caso pues igual a este no tiene para duplicar Clonesite y ya está que veáis que hay diferentes opciones tenemos título, tenemos tal más ideas sugerencias, cosas que tengáis cuando dices una web y tengáis dudas formularios mejor no lo metemos pero bueno sería exactamente lo mismo tenés en cuenta que el formulario al ser la página de contacto probablemente la que queréis usar queréis una página de contacto y ya está pero quizás queréis que en los single aparezca el formulario de contacto bajo un formulario de newsletter, un formulario de tal eso iría en el single que estoy citando en vez de página iría en el single igual más preguntas una galería ah esa era la perdón para añadir la galería sería un bloque normal y corriente de Gutenberg en teoría me estás pidiendo un plugin si quiero luego lo miramos fuera pero realmente no uso galerías avanzadas entonces no te sabría decir cuál es el mejor sé que había una que utilizábamos en trinchera que era mi au gallery creo que era pero creo que era este por este pues funcionaba bien tampoco hacíamos nada avanzado pero bueno 125 o 5 estrellas valoraciones muy buenas entonces más de 8000 instalaciones se puede recomendar si hacen algo malo no es mi culpa pero bueno a priori se puede recomendar entonces alguien conoce algún plugin de bloques avanzado caden te apagan igual debería caden tú me irás también instalaciones 1329 valoraciones 5 estrellas gracias a la serie rompe todo lo destruye simplemente aquí lo que vamos a ver es qué ocurre cuando metes unos bloques más avanzados de repente los problemas que teníamos antes ya no están de repente empezamos a ver que esto tiene un tamaño máximo entonces lo puedo centrar puedo meter a añadir estilos diferentes puedo hacer cosas más avanzadas que supongo que caden los tiene vamos a ir a qué plantilla podemos editar el individual porque queda más bonito centrado entonces unimos aquí y ponemos columnas no tiene columnas caden vamos a recargar diseño de la fila ahora me la estoy jugando pero obviamente aquí de repente veis que ya tenemos muchas más opciones si veis yo no he usado este plugin nunca pero si vosotros cogeis las nociones base generalmente todo funciona igual Elementor y Divi funcionan igual solo que algunas computaciones están en un lado otros en otra pero más o menos la base es la misma si sabéis eso utilizar Cutenver es más o menos parecido entonces nosotros queremos una columna y lo queremos es meter todo esto dentro de esta columna ¿por qué? porque lo queremos es centrarlo y el título también y vemos que tenemos más opciones para este bloque diseña la fila aquí me dejará hacer un ancho máximo algún sitio donde está aquí perfecto debería funcionar lo centro automáticamente no funciona que si funciona la verdad estamos viendo el simple page no la entrada vale, funciona vamos a ponerlo un poquito más pequeño, lo bueno también es que te lo centro automáticamente en algunos le tienes que decir el margin para que sea auto otra pregunta Iván por aquí si estás relacionado con estilos, si tienes un bloque básico de Cutenver tú que recomiendas poner los estilos en el avanzado del bloque o ir al al fichero, perdón al punto CSS del tema y ponerlos ahí, tenerlos todos centralizados ¿cuál es tu recomendación en ese sentido? depende vale, la cosa es si ese bloque solo va a ser una vez pues igual no hace falta ir hasta el CSS y hacerlo avanzado es suficiente entonces el Cutenver de base es que aquí vas a bloques y este avanzado solo te permite poner clases vale, que es una cosa que no me gusta sin embargo hay muchos plugins avanzados que vamos a ver si este lo tiene que tú cuando le das aquí al bloque suelen tener CSS personalizado entonces el problema que tiene Cutenver es que muchas veces los bloques están un poco capados quizás en el futuro añadirán más cosas por eso se usan mucho este tipo de plugins o si solo quiero poner una cosita simplemente quiero ponerle color red y ya está vale, entonces si es solo un bloque que solo vas a hacerlo en ese bloque puedes hacer esto, si es un bloque que vas a reutilizar como es el mismo bloque que estás reutilizando, utilizando Cutenver puedes hacer eso, si es un bloque del estilo que lo vas a reutilizar pero no vas a utilizar el bloque como tal iría por una clase le pones una clase y punto que vas a afectar también en CSS puedes afectar también directamente como vimos aquí en el SimJSON que vimos aquí esta parte de quiero que solo afecte a los bloques de core de tipo botón pues por CSS también puedes porque te saco una clase te lo podemos ver entonces aquí de bloque, block, buttons vale, entonces puedes apuntar directamente también por CSS al botón o al bloque que sea general o decir, todos los que son un bloque de blocks buttons, quiero que tengan estos estilos a partir de ahí depende mira que bonito que más podemos hacer por ejemplo podremos hacer cosas con el header o el párrafo ahora mismo el párrafo está ahí a su bola es un texto que ahora igual no va a querer centrarse gracias entonces aquí lo recomendable sería por estructuras pues que esto lo metas en una columna, lo aprendió rápido señor fila le puedes poner diferentes cosas pero bueno que ya lo vayas haciendo tu estructura para que esté semánticamente también bien hecho entonces el párrafo lo pones aquí y demás si vemos el párrafo, los obtienes que tenemos aquí tenemos dimensiones tenemos tipografía y demás pero quizás caden tiene párrafo o texto texto avanzado pero esto es cabecera ¿no? gracias entonces si ponemos aquí sin single teóricamente es lo mismo el problema que es que aquí tenemos esto me y aquí tenemos esto entonces podemos hacer muchas más cosas entonces simplemente quiero que veáis que Gutenberg está muy bien, que podemos hacer muchas cosas hasta un nivel como un editor visual como tal ergo quizás necesitamos pues vitaminarlo un poco con bloques avanzados como pueden ser estos a partir de aquí depende de cada bloque pero muchas veces lo que se puede hacer es parecido no hay mucha diferencia hoy en día entre diferentes plugins salvo que caden este en algo que sea increíble ¿preguntas? ¿cómo? es la hora creo vale ¿dónde quieres el site bar? en el post entonces iríamos a individual ¿de acuerdo? porque lo que vamos a editar y la estructura sería la misma nosotros estamos aquí creando la estructura que lo que tendríamos que hacer meterle un diseño de fila o columnas depende de dónde queramos el site para un lado o otro y lo que tendríamos que hacer es este sacarle entonces lo que haríamos es o los dos o solo este si queréis el contenido vamos a meterlo este de aquí que lo queremos no me voy a dejar ¿no? vale entonces aquí podemos crear lo que nosotros queramos este de aquí se ha metido aquí arriba entonces hemos dejado este aquí arriba para que pueda coger todo el ancho y podemos hacer lo que queramos hay que vamos a poner nuestros banners ¿por qué? porque este título es un bloque dinámico el contenido es un bloque dinámico y aquí podríamos ir poniendo otras cosas ¿qué podemos poner? cualquier bloque entonces si os acordáis de la presentación ¿qué pasa cun? vale antes solo podíamos editar esta parte de aquí no podemos hacer nada con el site bar ahora mismo acabamos de crear un site bar porque nosotros hemos decidido que esto ahora es un site bar vale porque hemos creado dos columnas y esta sección de aquí ahora es site bar porque yo lo hago entonces lo bueno que es que ahora vamos a añadir cualquier tipo de bloque que añadimos al site bar entonces se veis aquí se veis estos que son así azulitos es decadence lo que ha hecho es crear su propia categoría cuando veis tenéis otros plugins crearán sus propias categorías entonces aquí tenemos texto y aquí tenemos los decadence pero también podéis buscar últimas entradas hemos dicho bueno vale que está el bloque funciona luego habría que jugar con los estilos y todo tipo de cosas conculten pero os vais a pegar un tiro pero si podría jugar con todos entonces podéis crear el site bar que queréis o lo queréis a la izquierda o queréis que coja todo el ancho o que éste sea 600 y los dos son 1200 luego ya y podéis jugar vale quizás ahora no tendría lógica que éste de aquí tenga esa anchura que le hemos puesto y simplemente que coja todo lo que pueda porque ya le está limitando esta sección de aquí y así podemos crear el site bar y luego podrías ir añadiendo bloques en esta parte de aquí que sea toda la parte izquierda ir añadiendo bloques en toda la parte derecha y de repente decís no ahora justo debajo de todo eso quiero que otra vez coja todo el ancho ergo, crearíamos otra fila aquí abajo para que coja otra vez todo el ancho y así podéis ir estructurando la página y aquí pues los que os guste van a estar afiliados todas esas cosas para exportar el tema o sea lo hemos estado trabajando y tal no ya las entradas sino todo nuestro diseño como lo exportaríamos exportarlo donde o sea lo hemos hecho en local y ahora yo lo quiero publicar estamos hablando ya de migración de la web el tema es a instalarlo en la web o sea lo hemos diseñado ten en cuenta que el tema diseñado en la web en la web está la cosa es que tu pregunta va como llevarlo a otra web que sería o una migración migrar todo el WordPress o te lo llevarías por aquí te subes los archivos y está problema que tenemos que muchas de las configuraciones que hemos hecho probablemente se hayan guardado la base de datos era por ahí el tema todo esto de los bloques, todo esto que se ha creado o sea que hemos creado uno lo hemos borrado, se ha quedado en base de datos bueno cuando lo borras hay que quitar la base de datos pero creo que todas estas personalizaciones que hemos ido haciendo, señor guardándolo base de datos señor guardando por ahí, pero no están en el tema como tal, entonces tú si te llevas esto vamos a suponer que estos no están si te llevas esto aquí no están esos estilos que hemos creado entonces generalmente cuando desarras la web deberías ser la web con lo que vas a acabar y te llevas todo el WordPress no te llevas solo el tema pero esto también te pasaría a tener en cuenta en aquellos temas premium que puedes comprar porque tú te llevas solo los archivos no funciona que ocurre con esos temas que tienen una funcionalidad de exportar e importar y todos sus ajustes los puedes hacer directamente desde el panel de control que probablemente oculten ver en un futuro permita hacerlo realmente si tú te llevas los archivos te llevarías lo que tú hayas configurado aquí y lo que tú hayas diseñado que podrías crear estos archivos copiar y pegar, como decía él y llevarte, pero te dejarías parte del WordPress y otra pregunta, como esto que vas dicho de productividad esto en cuanto a productividad trabajar con esto es que depende trabajar con cualquier editor visual lleva su tiempo la cosa es que el problema que tenemos con este editor visual en concreto es que todavía está en beta entonces les faltan muchas cosas entonces tienes que buscar la vida comprar quienes diferentes, pongo esto, como me lo juego hay que seguir por CSS, no hay forma entonces ahora mismo no es lo ideal para hacer páginas ¿Qué ocurre? que esta página aquí está hecha con full site editing es claro, cuando sabes y tienes la habilidad de poder hacer cosas un poco más avanzadas y demás, puedes hacer cosas muy chulas dentro de encima de lo limitado que está lo que es la plataforma qrcam.rgay lo que te permite hacer que no es un WordPress que puedes hacer lo que quieras entonces se pueden hacer muchas cosas que si esto te falla en el sentido que no tienes conocimiento si te falla la parte de CSS y frontend todavía estás muy limitado entonces todavía no es productivo pero si te pagan por horas vale cuatro minutos, preguntas dudas, algo que queréis ver espera casi queda grabado y creo que el último tema por defecto que trae WordPress está hecho con mucho del Gutenberg y se puede supongo que transpolar un tema propio y llevarte así el tema en código hacia donde tú quieras si, ten en cuenta que cuando te metes en este tema ya tienen cosas más avanzadas pero no podemos verlo todo vale pero si editas el tema en el editor de código puedes ver cómo está hecho todo el tema si, me refería que eso está bien me refiero que no hemos visto por cerrar el que no hemos visto que si veis aquí tenemos también diferentes estilos que podemos configurar entonces si el cliente dice que lo es todo aquí todo ver cambiando esos colores que hemos definido pero si hay cosas más avanzadas que no hemos visto cosas chulas que se pueden hacer entonces ya me dices que activa este tema vale y que me la juegue quería mostrar cómo estaba hecho si, me refería más al código que a lo que está en base de data el código que vea cuando tienes todo ordenadico eh, os ha gustado el ICO eh, ordenadico entonces si veis aquí esta plantilla tiene muchas más cosas vale, no podemos llegar a todo claro claro tiene aparte los assets tiene sus fuentes luego tiene diferentes partes nosotros los hemos creado en el editor pero yo lo tengo aquí creado, el footer, el header tiene los patterns vale, y si veis aquí empezamos con PHP entonces no hay ningún problema en utilizar PHP el problema que tiene desarrollar de esta forma es que también tienes que utilizar la forma de hacer de Gutemar y te tienes que aprender todo esto aunque hay herramientas y páginas que te ayudan a más o menos a crearte este código para que te lo pongas pero tienes que empezar a pelear con eso solo por decir bueno, voy a hacer esto de aquí que es muy bonito entonces tienes el ICO tomía que no sé si meterte al full con Full State Editing como desarrollador o decirlo no, yo sigo con mis plantillas normales y funciona, pero se puede mezclar también tenemos los estilos si veis estos de aquí ¿qué creéis que es? los temas que veíamos allá entonces la meagen en que habíamos puesto antes esto de aquí es esto de aquí vale, entonces te va creando diferentes gradientes o los diferentes paletas de colores que es aún usar y tú puedes crear las diferentes versiones generalmente esto lo va a usar gente que vende plantillas generalmente para un usuario final que le estás haciendo a un cliente no necesita todas estas opciones pero bueno, están ahí y los templates entonces si veis esta plantilla que ya viene hecha ya te ha creado los templates entonces tú cuando lo abres y lo instalas ya hemos visto que este inicio ya tiene cosas y que no está vacío porque todo viene de este índex que tiene aquí no es lo más amigable posible pero si veis ya está aquí y si veis utiliza un template part con el slug footer para meternos esto así en vez de meterlo a capón nos hace el template part que está muy bien, entonces el template part también lo tenemos en parte aquí, en footer template part, slug, footer de favor pero bueno, esto ya es código y hay que meterse en nuestro resto pero se pueden hacer muchas cosas el problema es que no hay tampoco mucha documentación contra una pared si quieres hacer algo que esté bien un poco retomando lo que había comentado antes por ahí de la migración, cuando tú tienes un proyecto nuevo hay mayor problema porque te coge la base de datos te coge el proyecto, te lo subes a producción y ya está pero cuando haces evolutivo estás duplicando trabajo lo que hagas en tu local para que lo valides el cliente, luego lo vas a tener que volver a replicar en producción porque no te vas a poder migrar la base de datos ahí tendremos que valorarlo porque no soy experto en esa parte, pero quizás sí que podríamos traer algunas reglas para sacar de la base de datos solo esos configuraciones que hemos hecho entonces habría que verlo porque no soy experto en ello pero sí que yo entiendo que se va a poder hacer porque se están haciendo todo este trabajo gente que se dedica a hacer esto supongo que todo eso lo han pensado pero no te podría decir exactamente como, al final es como si tú haces un tema normal y corriente ahora nuevo pon cliente pues claro todo lo que tú configures en tu desarrollo cuando lo instales el tema al cliente no está configurado no sé si me ha explicado o sea, si yo cojo un tema premium luego desarrollo mi web de base y luego quiero subirlo a la web del cliente esa configuración no está ¿Qué ocurre con esos temas? ¿Qué tiene el exportar importar? ¿Qué lo puedes utilizar? me gusta ver ahora mismo persé, no lo tiene pero lo tendrá o sea, teóricamente no debería haber problemas a medio largo plazo cuando salga de la beta lo bueno que es beta y no alfa así que tenemos menos tiempo más preguntas? ninguna? hemos sobrevivido guay no sé si alguien va a cerrar