No es secreto que desarrollar codigo requiere de estudio y de un proceso complejo. Sin embargo, hace un tiempo se puede usar la tecnologia artificial para poder progamar y ahorrar horas en desarrollo de codigo.
Se puede usar CHATGPT 3.5, la version gratuita de openAI, para poder generar codigo y solo nos quede la dura tarea de copiar y pegar algunas lineas.
Para crear CSS para usarlo en bloques de gutenberg, se debe de dar un pront, es decir una instruccion especifica para que nos genere una respuesta util ,
tengo un boton construido con wordpress gutenberg, genera codigo CSS para ocultarlo en smartphones
Puedes introducir el codigo CSS en los bloques con el plugin:
Lo nuevo de wordpress son los temas basados en bloque, estos tienen una seria de ventajas y desventajas contra los temas clasicos. La principal ventaja es tener un tema limpio con 99 de velocidad en Google PageSpeed Insights
Para hacer la prueba se usara el tema Twenty Twenty-Three, tema creado por la comunidad de wordpress. Hay plugins basicos que te ayudaran a tener un mejor inicio, ahorrando varias horas de busqueda para vitaminar tu editor.
Plugins
Gutenberg: Los bloques se basan en esta tecnologia, es una especie de constructor visual como Divi o Elementor. Viene instalado por defecto (en el CORE de Wordpres). Pero instalar este plugin añade mejoras.
Spectra: Igual que gutenberg, es un editor de bloques, añade nuevas funciones y opciones de personalizacion en el bloque. Una de sus principales caracteristicas es agregar visualmente propiedades a los bloques, como de ocultar en dispositivos moviles, pero, estas propiedades solo funcionan en los bloques de spectra.
Simple Custom CSS Plugin: Para que recargar la web usando plugins, existen muchas cosas que se pueden solucionar facilmente con un poco de CSS, incluso con la ayuda de la inteligencia artificial, puedes preguntar a chat gpt algo parecido a «tengo un boton construido con wordpress gutenberg, genera codigo CSS para ocultarlo en smartphones», puedes ver como usar la inteligencia artificial para desarrollar codigo aqui
Create Block Theme: Un plugin para crear un tema hijo, añadir fuentes, muy util una vez que tienes el sitio medio armado, recuerda que cuando actualizas tu tema puedes perder ajustes, css, etc.
Crea un nuevo tema, blank theme, child theme o variones de estilo.
Agrega la opcion de Gestionar fuentes del tema, permite añadir Google Font y Fuente Local al tema
Lista y previsualiza las fuentes disponibles en tu tema.