Se parece mucho al editor de google Site, es muy intuitivo pero no se si seria genial que te de una vista del como se veria en el front end desde el momento en que lo vas creando
Hola Francisco ¿Harás una actualización en vídeo, ahora que ya hay incluso varios plugins para ampliar los modestos bloques que trae de serie? Un saludos
@@FranciscoAMK Vaya qué sorpresa. Supongo ya has demostrado que tienes una buena base para ofrecer servicios web a tus clientes y mejor invertir el tiempo en tu campo principal. Aunque soy diseñador gráfico me gusta mucho el diseño web y me gusta estar al día en los dos campos. Un saludo
@@superlativo4420 en realidad esa nunca fue mi intención. Partí hablando sobre el mundo web porque tenía amigos diseñadores que querían profundizar en esa área y quería compartir lo que yo sabía, luego me di cuenta que harta gente quería aprender sobre el tema, pero después de unos años comenzó a aburrirme la tecnicidad de Wordpress y el desarrollo en general, así que preferí enfocarme en un tema que sí me apasionara como el diseño ;)
Hola Francisco una duda las webs diseñadas con anterioridad forzosamente se tendrán que volver a adaptar por esta actualización? creo que complicaran un poco las cosas
@@FranciscoAMK lo pregunto xq muchos constructores te varian muchas cosas y meten mucho codigo por medio como es el caso de elementor y joden las h1 h2 etc
Gracias Francisco! Te dejo un video donde muestro como trabajar con Gutenberg + Block Lab. Creo que vale la pena que todos los programadores de wordpress que les gusta escribir su html + css conozcan este nuevo sistema! th-cam.com/video/iL9RO-axJm8/w-d-xo.html
cambia el color a una parte de un texto con Gutenberg
6 ปีที่แล้ว
Dos cosas: primero, sobre la consulta que dejas abierta, me parece genial que esto sea el futuro de WordPress; es más versátil, más dinámico y permite mostrar contenido más atractivo. Me encanta. Segundo, no vez igual el diseño en el backend a lo publicado porque siempre va a primar la plantilla y en tu plantilla tienes un sidebar que no deja, por ejemplo, que veas la imagen de ancho completo. Por tanto creo que el resultado es fiel al backend pero el contenido no se va superponer a la plantilla y pasa igual con los builders que mencionas. Podrás hacer un mega diseño de ancho completo pero si tienes un sidebar, el diseño de adaptara al espacio disponible, creo que eso fue lo que falló en tu prueba. Si eliminas el sidebar seguro queda igual. Saludos!
La diferencia es que con Gutenberg estás editando en el backend, con los estilos del backend, mientras que con Elementor, por ejemplo editas la página mirándola en el frontend, con los estilos del tema ya aplicados mientras editar, en donde puedes ver en tiempo real, cómo se comporta frente al sidebar y al header y footer. Gracias por comentar :)
6 ปีที่แล้ว
Francisco Aguilera G. Ah ya comprendo a lo que te refieres ¡Cierto! Claro los builder te dan opciones para ver en tiempo real el diseño y también para hacerlo en el backend cómo Gutenberg. Bueno creo que será cuestión de tiempo hasta que se actualice y brinde la opción. Gracias por el feedback. Excelente contenido el que compartes
Estoy de acuerdo contigo que aún le falta desarrollo, pero a futuro será positivo usar elementos nativos y tener que agregar plugins foraneos que pueden complicar la seguridad.
Hola. Personalmente Gutenberg me tiene decepcionada. No lo veo tan simple de manejar. No he podido ligar un enlace. ? no sé, deberían dejar la opcion de volver al viejo editor.
Recién hoy lo empiezo a ver y es difícil evaluar, pero me parece positivo y que tiene muchas más opciones que el anterior. Poner una tabla en el anterior era tarea china o las dos columnas. Me parece que va ser cómodo y sencillo. Creo que lo de la primera imagen está en imagen destacada por eso sale más grande y no dentro del editor . Gracias
Creo que será el futuro si cumple básicamente dos cosas. Que genere un código html limpio, porque por ejemplo divi builder para mi gusto genera demasido html y estilos online. Y dos que tenga una buena compatibilidad entre plantillas. No sirve de nada trabajar unos buenas en4radas y que el día de mañana si cambias de tema te genere un conflicto con el tema nuevo.
El código que genera Gutenberg es súper limpio de eso no hay nada que decir y creo que en los años por vernir el diferenciador de plantillas buenas y malas va a ser en gran parte su compatibilidad con gutenberg.
Nada como el html puro. Los módulos y builders lo úńico que hacen es añadir código basura lo cual repercute directamente sobre el rendimiento de la web.
Es verdad que el html a mano casi siempre será más limpio que el creado automáticamente, pero si nos ponemos muy puristas en ese tema finalmente estamos deteniendo el progreso de las herramientas tecnológicas.
Ya le encontré otra ventaja, cuando escribía antes un artículo muy largo llegar arriba al editor para modificar el texto con negrita, cursiva o enlace era una tortura. Acá es comodísimo. En el anterior negrita y cursiva podía con el teclado pero el enlace no.
Siempre me ha generado muchas dudas la dinámica entre el editor y los estilos que damos a nuestro contenido con nuestro css, por ejemplo ahora gutemberg hace columnas, ¿eso no se haría en el layout de nuestra plantilla con el css? o eso de usar negrita, ese tipo de estilo visual no se debería hacer desde el css y no ahí en el editor; en ese sentido me gusto de gutemberg ver que hay un apartado que dice "clases css adicionales" osea que desde ahí podemos dar nuestras clases a nuestros contenidos, soy novato en esto, y quizá esto que comento sea claro para los que ya llevan rato en wordpress, pero en serio que no he logrando aclararme en esas inquietudes; gran video y si, me parece positivo que busquen avances es ese tipo de cosas como el editor. Saludos.
Eso de poner negrita y cursiva, etc, está perfecto que lo haga el editor, porque en el fondo no es CSS sino maquetado en contexto, con las etiquetas strong, em, etc. Lo que hace Gutenberg as aplicar el CSS y el maquetado HTML estructural solamente. Por ejemplo en el apartado de columnas, se encarga de incluir el HTML y el CSS necesario para que esa parte se vea en dos columnas y no más que eso. el estilo de textos, colres y demases quedan a discresión del CSS del tema. Ahora bien, uno podría discutir si es correcto o no que desde gutenberg se pueda poner un fondo de color o cambiar el color del texto, pero en ese caso también parece algo correcto, ya que se aplica a un elemento en particular de un post en particular, no es necesariamente una regla que se aplique a todos los posts y páginas, por lo tanto no hay necesidad de aplicarlo como CSS general.
Muy es casi igual que Medium jeje, estaba esperando a que lo implementaran oficialmente, no se cuando será, pero intentaré instalar el plugin para mi próximo post y trastear un poco ^^
6 ปีที่แล้ว
Lo implementaran oficialmente con la salida de la próxima versión, Wordpress 5 :)
Lamentablemente el nuevo editor es una completa basura. Yo venia utilizando wordpress con un theme responsive por 2 años, y desde que actualizé wordpress y apareció el nuevo editor, muchas cosas del sitio se distorsionaron (como las leyendas de las imagenes, tamaño de textos, ects)... Despues de tanto investigar y perder tiempo, resulta que algunos themes (como el que uso) no son compatibles con esa basura de Gutenberg.
Hola Francisco. Me ha parecido realmente útil tu tutorial para la gente que está empezando. Si no tienes inconveniente, me gustaría incrustar tu video en mi artículo sobre Gutenberg: tutorialwp.online/gutenberg-wordpress/ (Como sabes esto ayuda al posicionamiento en TH-cam, pero prefiero consultar :) ) PD: Acabo de descubrir tu canal gracias a este video y ya tienes un nuevo suscriptor. Gracias por compartir!
por dios que es esto??? esto sera como el caso de windows 8, un completo fracaso, solo hay que ver la cantidad de votos negativos que tiene esta mierda. las cosas van evolucionando y eso es normal, pero cambiar tan dramáticamente la forma en que hemos editado en WordPress por años de un día para otro no tiene sentido, esto se debió meter como algo opcional y no venderlo como el futuro.
Es una pesima decisión dejar en manos de los escritores la usabilidad y diseño gráfico de las entradas de un blog. ¿Cuántos documentos de word quedan ocrrectamente editados cuando le das oportunidad de meter textos blancos sobre fondo oscuro, alineaciones dispersas, elementos fuera de la estructura? Cualquier diseñador sabe que una página debe mantener estilos en todo el sitio, no mesclar tipografias, colores a diestra y siniestra. Muy mal.
Like si te gustaría ver un tutorial de cómo adaptar tu tema para funcionar bien con Gutenberg.
CLaro que si @Franciso Aguilera
Muy bueno. Gracias por el tutorial.
De nada :)
Gracias Francisco, como siempre una excelente y detallada información que nos permite aprender algo más sobre WordPress. Felicitaciones.
Gracias Rodrigo :)
Muy buen vídeo
Gracias Antonio :)
Se parece mucho al editor de google Site, es muy intuitivo pero no se si seria genial que te de una vista del como se veria en el front end desde el momento en que lo vas creando
¿Por qué crees que podría no ser bueno?
alguien sabe como justificar forzando?
Hola Francisco ¿Harás una actualización en vídeo, ahora que ya hay incluso varios plugins para ampliar los modestos bloques que trae de serie? Un saludos
Probablemente no lo haga. He dejado de lado los contenidos relacionados a WordPress para enfocarme en el diseño.
@@FranciscoAMK Vaya qué sorpresa. Supongo ya has demostrado que tienes una buena base para ofrecer servicios web a tus clientes y mejor invertir el tiempo en tu campo principal. Aunque soy diseñador gráfico me gusta mucho el diseño web y me gusta estar al día en los dos campos. Un saludo
@@superlativo4420 en realidad esa nunca fue mi intención. Partí hablando sobre el mundo web porque tenía amigos diseñadores que querían profundizar en esa área y quería compartir lo que yo sabía, luego me di cuenta que harta gente quería aprender sobre el tema, pero después de unos años comenzó a aburrirme la tecnicidad de Wordpress y el desarrollo en general, así que preferí enfocarme en un tema que sí me apasionara como el diseño ;)
Hola Gutemberg tambien sirve para POST? para hacerlos parecer una pagina completa, igual que lo hace en las paginas? gracias :)
Hola Francisco una duda las webs diseñadas con anterioridad forzosamente se tendrán que volver a adaptar por esta actualización? creo que complicaran un poco las cosas
No estoy tan seguro sobre eso, creo que en una primera etapa habrán contenidos con el editor antiguo y contenidos gutenberg.
Hola Francisco, He instalado el plugin pero me sale en ingles y mi wordpress está en español., ¿hay una opción para tener el plugin en español?,
Verifica que tengas WordPress en Español de España ES_es. Para las otras versiones de español no sé si está disponible.
Gracias bro!
Mi pregunta es : es liviano para el seo con un codigo limpio que no perjudique el posicionamiento el google????
De hecho, sí es más limpio y rápido que cualquier otro constructor.
@@FranciscoAMK lo pregunto xq muchos constructores te varian muchas cosas y meten mucho codigo por medio como es el caso de elementor y joden las h1 h2 etc
Gracias Francisco! Te dejo un video donde muestro como trabajar con Gutenberg + Block Lab. Creo que vale la pena que todos los programadores de wordpress que les gusta escribir su html + css conozcan este nuevo sistema! th-cam.com/video/iL9RO-axJm8/w-d-xo.html
cambia el color a una parte de un texto con Gutenberg
Dos cosas: primero, sobre la consulta que dejas abierta, me parece genial que esto sea el futuro de WordPress; es más versátil, más dinámico y permite mostrar contenido más atractivo. Me encanta. Segundo, no vez igual el diseño en el backend a lo publicado porque siempre va a primar la plantilla y en tu plantilla tienes un sidebar que no deja, por ejemplo, que veas la imagen de ancho completo. Por tanto creo que el resultado es fiel al backend pero el contenido no se va superponer a la plantilla y pasa igual con los builders que mencionas. Podrás hacer un mega diseño de ancho completo pero si tienes un sidebar, el diseño de adaptara al espacio disponible, creo que eso fue lo que falló en tu prueba. Si eliminas el sidebar seguro queda igual. Saludos!
La diferencia es que con Gutenberg estás editando en el backend, con los estilos del backend, mientras que con Elementor, por ejemplo editas la página mirándola en el frontend, con los estilos del tema ya aplicados mientras editar, en donde puedes ver en tiempo real, cómo se comporta frente al sidebar y al header y footer.
Gracias por comentar :)
Francisco Aguilera G. Ah ya comprendo a lo que te refieres ¡Cierto! Claro los builder te dan opciones para ver en tiempo real el diseño y también para hacerlo en el backend cómo Gutenberg. Bueno creo que será cuestión de tiempo hasta que se actualice y brinde la opción. Gracias por el feedback. Excelente contenido el que compartes
Estoy de acuerdo contigo que aún le falta desarrollo, pero a futuro será positivo usar elementos nativos y tener que agregar plugins foraneos que pueden complicar la seguridad.
Hola. Personalmente Gutenberg me tiene decepcionada. No lo veo tan simple de manejar. No he podido ligar un enlace. ? no sé, deberían dejar la opcion de volver al viejo editor.
En cada entrada debería haber un menú desplegable que permita eligir un determinado hoja de estilos
Es una idea interesante. Hace tiempo lo vi en un CMS que se llamaba Anchor.
Hola, creo que tu versión no sale como el demo porque tenés activado el sidebar. Puede ser?
Al mirar el demo en el frontend se ve exactamente igual con sidebar 🤔
Es cierto...Bueno, espero la gente de Gutenberg lo chequee. Y la opción "Fondo Fijo" le da efecto Parallax a la imagen.
Recién hoy lo empiezo a ver y es difícil evaluar, pero me parece positivo y que tiene muchas más opciones que el anterior. Poner una tabla en el anterior era tarea china o las dos columnas. Me parece que va ser cómodo y sencillo. Creo que lo de la primera imagen está en imagen destacada por eso sale más grande y no dentro del editor . Gracias
pienso que por varios años al menos, el editor "normal" va a ser la opción a la que podremos volver sin problema.
lo único que me gusta de Gutenberg es el manejo de las fotos
Mola
Genial :)
El problema que tuviste es porque estabas creando un post con Sidebar y por eso no lo podias ver en pantalla completa.
Creo que será el futuro si cumple básicamente dos cosas. Que genere un código html limpio, porque por ejemplo divi builder para mi gusto genera demasido html y estilos online. Y dos que tenga una buena compatibilidad entre plantillas. No sirve de nada trabajar unos buenas en4radas y que el día de mañana si cambias de tema te genere un conflicto con el tema nuevo.
El código que genera Gutenberg es súper limpio de eso no hay nada que decir y creo que en los años por vernir el diferenciador de plantillas buenas y malas va a ser en gran parte su compatibilidad con gutenberg.
Francisco Aguilera G. Pues mañana mismo lo estoy probando para ver que tal se porta.
Esa es la actitud!
Puta mierda de Gutenberg! me hace tardarme muchísimo mas en publicar y no estoy para estupideces!
Todo cambio lleva consigo una curva de aprendizaje y un tiempo de adaptación. Pero si ya viste que no te sirve puedes volver al editor clásico.
Nada como el html puro. Los módulos y builders lo úńico que hacen es añadir código basura lo cual repercute directamente sobre el rendimiento de la web.
Es verdad que el html a mano casi siempre será más limpio que el creado automáticamente, pero si nos ponemos muy puristas en ese tema finalmente estamos deteniendo el progreso de las herramientas tecnológicas.
Ya le encontré otra ventaja, cuando escribía antes un artículo muy largo llegar arriba al editor para modificar el texto con negrita, cursiva o enlace era una tortura. Acá es comodísimo. En el anterior negrita y cursiva podía con el teclado pero el enlace no.
Siempre me ha generado muchas dudas la dinámica entre el editor y los estilos que damos a nuestro contenido con nuestro css, por ejemplo ahora gutemberg hace columnas, ¿eso no se haría en el layout de nuestra plantilla con el css? o eso de usar negrita, ese tipo de estilo visual no se debería hacer desde el css y no ahí en el editor; en ese sentido me gusto de gutemberg ver que hay un apartado que dice "clases css adicionales" osea que desde ahí podemos dar nuestras clases a nuestros contenidos, soy novato en esto, y quizá esto que comento sea claro para los que ya llevan rato en wordpress, pero en serio que no he logrando aclararme en esas inquietudes; gran video y si, me parece positivo que busquen avances es ese tipo de cosas como el editor. Saludos.
Eso de poner negrita y cursiva, etc, está perfecto que lo haga el editor, porque en el fondo no es CSS sino maquetado en contexto, con las etiquetas strong, em, etc. Lo que hace Gutenberg as aplicar el CSS y el maquetado HTML estructural solamente. Por ejemplo en el apartado de columnas, se encarga de incluir el HTML y el CSS necesario para que esa parte se vea en dos columnas y no más que eso. el estilo de textos, colres y demases quedan a discresión del CSS del tema. Ahora bien, uno podría discutir si es correcto o no que desde gutenberg se pueda poner un fondo de color o cambiar el color del texto, pero en ese caso también parece algo correcto, ya que se aplica a un elemento en particular de un post en particular, no es necesariamente una regla que se aplique a todos los posts y páginas, por lo tanto no hay necesidad de aplicarlo como CSS general.
Muy es casi igual que Medium jeje, estaba esperando a que lo implementaran oficialmente, no se cuando será, pero intentaré instalar el plugin para mi próximo post y trastear un poco ^^
Lo implementaran oficialmente con la salida de la próxima versión, Wordpress 5 :)
Lamentablemente el nuevo editor es una completa basura. Yo venia utilizando wordpress con un theme responsive por 2 años, y desde que actualizé wordpress y apareció el nuevo editor, muchas cosas del sitio se distorsionaron (como las leyendas de las imagenes, tamaño de textos, ects)... Despues de tanto investigar y perder tiempo, resulta que algunos themes (como el que uso) no son compatibles con esa basura de Gutenberg.
:(
Gracias por la amena presentación y si creo es de suma ayuda para Wordpress un muy buen avance felicidades
Gracias tocayo :)
Hola Francisco. Me ha parecido realmente útil tu tutorial para la gente que está empezando.
Si no tienes inconveniente, me gustaría incrustar tu video en mi artículo sobre Gutenberg: tutorialwp.online/gutenberg-wordpress/
(Como sabes esto ayuda al posicionamiento en TH-cam, pero prefiero consultar :) )
PD: Acabo de descubrir tu canal gracias a este video y ya tienes un nuevo suscriptor.
Gracias por compartir!
Por supuesto. Adelante, me honra mucho :)
Gracias!!
por dios que es esto??? esto sera como el caso de windows 8, un completo fracaso, solo hay que ver la cantidad de votos negativos que tiene esta mierda. las cosas van evolucionando y eso es normal, pero cambiar tan dramáticamente la forma en que hemos editado en WordPress por años de un día para otro no tiene sentido, esto se debió meter como algo opcional y no venderlo como el futuro.
Es una pesima decisión dejar en manos de los escritores la usabilidad y diseño gráfico de las entradas de un blog. ¿Cuántos documentos de word quedan ocrrectamente editados cuando le das oportunidad de meter textos blancos sobre fondo oscuro, alineaciones dispersas, elementos fuera de la estructura? Cualquier diseñador sabe que una página debe mantener estilos en todo el sitio, no mesclar tipografias, colores a diestra y siniestra. Muy mal.