MAQUETACIÓN | Usando clases de utilidad, BEM y variables en Bricks | Desarrollo Web con WordPress
HTML-код
- Опубликовано: 12 сен 2024
- Maquetamos un template para WordPress (la single de inmueble) utilizando los diferentes recursos que nos proporciona CSS (clases de utilidad, BEM y variables).
🎓 APRENDE:
lamaquinadelbr...
🚀 EMPRENDE
negocioswp.es/
✅ NO TE PIERDAS NINGÚN VÍDEO
/ @yan_lmb
Estoy empezando a utilizar Bricks y tu videos me están ayudando un montón. Muchas gracias Yan
¡Gracias! Dale caña! 💪🏻
Buenismo el contenido. Gracias por compartir.
1:38 muy guapo lo del HSL 😂
Te agradezco muchos tus videos me salvaron en muchas oportunidades, quisiera meterme a tu comunidad pagada para aprender mejor pero creo que deberías regular los precios para Latinoamérica.
Actualmente cuesta 12 pavos al mes con el plan anual (y menos aun cuando lanzó cupon que lo suelo dejar en 8,3 al mes para el anual). Yo lo siento de verdad, pero valoro mucho mi contenido y la comunidad de profesionales que estamos cada día en discord ayudando a otros miembros. Tenerme disponible tanto a mí como a los demás miembros, 7 días a la semana para publicar dudas, poder hacer videollamadas y encima tener contenidos nuevos cada mes, todo por entre 8 y 12 euros al mes a mí me parece que está muy pero que muy bien. 🤷🏻♂️
Grande Yan. Esta serie está al nivel del curso de Crocoblock que hiciste hace unos años.
¡Gracias Javier! ¡Me alegra mucho que te esté gustando!
Gracias por tanto, viajaría a España para darte un abrazo.
Gracias Fabián! Un abrazo virtual desde Bilbao! 👐
¿Por qué se colocan los dos guiones bajos?
Está genial esta clase, más avanzada para mí pero muy buena guía. Una pregunta ¿Qué es el WebKit y para que sirve? Minuto 31:00
Se usa para hacer compatible algunas reglas experimentales como ese backdrop filter. Aunque ahora es bastante compatible por lo que veo en CaniUse, y sobretodo implicaría a EDGE 17-18: caniuse.com/?search=backdrop Por cierto, esta web está muy bien para ver la compatibilidad de reglas css.
Vale Yannick muchas gracias por la información
Este capítulo del tutorial está muy BEM 😂😂😅
Jajaja badummm tssss!!! 🥁
@@yan_lmb 🛎️
Yannih está de lujo el sistema que usas para maquetar con variables css pero que tan user frendly es para el cliente final? El cliente pasa preguntando cómo cambiar el tamaño del título, el color de no sé qué cosa, etc. repito está de madres el sistema para uno que tiene idea de HTML y css pero joder, que lío para el usuario que no tiene ni idea
El tamaño del titulo o los colores no los decide el cliente, se deciden en base a su manual de marca, accesibilidad, etc. En cualquier caso, si decide solicitar al desarrollador que se realice una modificación es mucho más rápido con las clases, ya que afecta al mismo tiempo a todos los componentes.
@@yan_lmbEntiendo que el contenido se debe poder modificar desde WordPress pero los usuarios piensan que si su web es “administrable” pueden cambiar cosas de estilo también con facilidad sin tener que acudir a un programador.
Hola
En otros builders como Oxygen, es posible gestionar las clases al mismo nivel que bricks??, gracias
Sí, en Oxygen concretamente sí.
Hola Yan, excelente video.. Anteriormente cuando trabaja con html y css "desde cero" tenia varios archivos sass y trabajaba con la metodologia bem, yo lo que hacia era poner una clase global que era del body de cada página, ejemplo: home, service, contact, etc.. y adentro metia todas mis reglas.. Pero como funcionaria esto con bricks? es decir, si tengo 2 cajas de características con diferentes estilos, una para el home y otra para service, pero no le quiero estar poniendo home__caracteristicas y service__caracteristicas, no sé si me entiendes.
Pero prácticamente mi pregunta es, que si se pueden crear clases "internas" en cada página, aparte de las globales
Gracias
Podrías usar las clases del body que te pone la funcion body_class() de WordPress y usar: .home . tu clase etc. No sé si te refieres a eso.
@@yan_lmb Pues, eso es lo que quisiera "evitar" es decir, que yo este editando una página de servicios y me salga todo el listado de clases referentes al home u otra... Pero imagino que Bricks aun no tiene eso
¡Ah! Sí que puedes hacer algo. En ese caso yo creo que lo mejor sería activar la carga de css mediante archivos externos de manera que en vez de mezclar todo en el frontend.min.css y el bricks.min.css te lo separa todo en contextos según template, post, etc. Te dejo un enlace: academy.bricksbuilder.io/article/asset-loading/#:~:text=CSS%20Loading%20Method%3A%20%E2%80%9CExternal%20Files%E2%80%9D
Saludos, tengo 2 preguntas sobre un tema de wordpress:
La primera se basa en un problema con el editor de temas, el cuál no me deja editarlo porque la pantalla se pone en negro y no me abre, como soluciono eso?
La otra es que instalé un tema y por algún motivo en los errores de la raiz, hay un error que dice:
Advertencia de PHP: no se puede modificar la información del encabezado - encabezados ya enviados en /home/public_html/wp-content / themes / inc / includes /rating / init.php en la línea 73
Como soluciono esos 2 problemas?, si es posible haz un video sobre esos temas tan complejos...
¿Y qué tema es? ¿Has probado a desactivar todos tus plugins para ver si es alguno el que hace el conflicto? ¿Tienes todo actualizado? Si has probado todo esto, lo sigue pasando escribir al soporte del desarrollador del tema.
@@yan_lmb hola disculpa por responder tan tarde. La verdad tuve que cambiar de hosting, ya que cuando probé con otros hostings no me daba ese error. Muchas gracias por responder, eres un crack...
Alguien sabe que ocurrio con el video que se publico hace unos dias y se borro? es este mismo o es otro? Gracias maestro por todo.
Fue otro, pero lo acabe borrando el mismo día. No me convenció. Al principio pensé hacer varios videos usando en cada uno diferentes formas de meter CSS. Pero finalmente decidí hacer este más completo incluyendo todo (en el del otro día solo comentaba acerca de las utility), creo que ha quedado mucho mejor, o al menos yo estoy más conforme jaja.
@@yan_lmb muchas gracias por darte el tiempo de contestar , se entiende la razon.