En esta presentación explicaré como afectará la implementación de Gutenberg en la versión 5.0 de WordPress desde tres puntos de vista.
El de un diseñador y la integración con los temas.
El de un desarrollador y su integración con los blocks/plugins.
El de un usuario “final” que utiliza WordPress.
Complementaré la ponencia incluyendo todo tipo de recursos disponibles para Gutenberg, es decir webs, artículos, cursos, plugins, blocks, etc..
¿Es Gutenberg el futuro de WordPress? o ¿Es Gutenberg el fin de WordPress? Creo que Gutenberg es el futuro de WordPress y en esta ponencia trataré de explicar cómo nos afecta a tod@s su implementación en la versión 5.0 de WordPress. Complementaré la ponencia incluyendo todo tipo de recursos disponibles para Gutenberg, es decir webs, artículos, cursos, plugins, blocks, etc..
El documento instruye a un estudiante a crear una página web sencilla sobre su nombre usando HTML. Debe explicar didácticamente el proceso a un niño con fotos y sin palabras difíciles. La página debe contener su nombre y una tabla. No debe superar las 5 diapositivas y debe subirlo a su blog para enviarlo al profesor. Proporciona el código HTML básico para crear la página y la tabla.
Este documento proporciona instrucciones para bloquear la función del botón derecho en fotos de un blog para evitar su descarga, así como para añadir cajas de suscripción a redes sociales y botones flotantes para compartir publicaciones. Explica cómo acceder a la plantilla del blog, pegar código para deshabilitar el botón derecho y agregar gadgets mediante la inserción de código HTML en la plantilla y guardando los cambios.
El documento habla sobre temas de fotografía digital como mega píxeles, Picasa, recomendaciones para obtener buenas fotografías, Fotolog y cómo crear uno. Explica que los megapíxeles equivalen a un millón de píxeles y determinan la calidad de la cámara. También describe las funciones de Picasa como editor de fotos y videos y las versiones disponibles. Además, ofrece consejos para fotografías como el uso del flash y la sensibilidad de la cámara.
Este documento proporciona instrucciones para realizar diversas personalizaciones en Blogger, como quitar el texto "Con la tecnología de Blogger", agregar una firma automática y centrar el menú de páginas. Explica cómo editar la plantilla de HTML, buscar y modificar el código para lograr estos cambios de diseño y presentación en el blog.
El documento habla sobre conceptos relacionados con la fotografía digital como megapíxeles, programas como Picasa y Fotolog, y recomendaciones para obtener buenas fotografías. Explica que los megapíxeles equivalen a un millón de píxeles y cuantos más tenga la cámara mejor será la calidad. También describe las funciones básicas de Picasa y Fotolog, como subir videos a YouTube y publicar fotos diarias con texto descriptivo respectivamente.
Este documento proporciona instrucciones para dos tareas en un blog: 1) Ocultar las fechas de las entradas y reemplazarlas con una imagen fija; 2) Agregar botones sociales para compartir entradas en redes sociales como Facebook, Twitter y más. Explica dónde encontrar el código HTML relevante y qué código agregar o modificar para completar cada tarea.
En esta presentación explicaré como afectará la implementación de Gutenberg en la versión 5.0 de WordPress desde tres puntos de vista.
El de un diseñador y la integración con los temas.
El de un desarrollador y su integración con los blocks/plugins.
El de un usuario “final” que utiliza WordPress.
Complementaré la ponencia incluyendo todo tipo de recursos disponibles para Gutenberg, es decir webs, artículos, cursos, plugins, blocks, etc..
¿Es Gutenberg el futuro de WordPress? o ¿Es Gutenberg el fin de WordPress? Creo que Gutenberg es el futuro de WordPress y en esta ponencia trataré de explicar cómo nos afecta a tod@s su implementación en la versión 5.0 de WordPress. Complementaré la ponencia incluyendo todo tipo de recursos disponibles para Gutenberg, es decir webs, artículos, cursos, plugins, blocks, etc..
El documento instruye a un estudiante a crear una página web sencilla sobre su nombre usando HTML. Debe explicar didácticamente el proceso a un niño con fotos y sin palabras difíciles. La página debe contener su nombre y una tabla. No debe superar las 5 diapositivas y debe subirlo a su blog para enviarlo al profesor. Proporciona el código HTML básico para crear la página y la tabla.
Este documento proporciona instrucciones para bloquear la función del botón derecho en fotos de un blog para evitar su descarga, así como para añadir cajas de suscripción a redes sociales y botones flotantes para compartir publicaciones. Explica cómo acceder a la plantilla del blog, pegar código para deshabilitar el botón derecho y agregar gadgets mediante la inserción de código HTML en la plantilla y guardando los cambios.
El documento habla sobre temas de fotografía digital como mega píxeles, Picasa, recomendaciones para obtener buenas fotografías, Fotolog y cómo crear uno. Explica que los megapíxeles equivalen a un millón de píxeles y determinan la calidad de la cámara. También describe las funciones de Picasa como editor de fotos y videos y las versiones disponibles. Además, ofrece consejos para fotografías como el uso del flash y la sensibilidad de la cámara.
Este documento proporciona instrucciones para realizar diversas personalizaciones en Blogger, como quitar el texto "Con la tecnología de Blogger", agregar una firma automática y centrar el menú de páginas. Explica cómo editar la plantilla de HTML, buscar y modificar el código para lograr estos cambios de diseño y presentación en el blog.
El documento habla sobre conceptos relacionados con la fotografía digital como megapíxeles, programas como Picasa y Fotolog, y recomendaciones para obtener buenas fotografías. Explica que los megapíxeles equivalen a un millón de píxeles y cuantos más tenga la cámara mejor será la calidad. También describe las funciones básicas de Picasa y Fotolog, como subir videos a YouTube y publicar fotos diarias con texto descriptivo respectivamente.
Este documento proporciona instrucciones para dos tareas en un blog: 1) Ocultar las fechas de las entradas y reemplazarlas con una imagen fija; 2) Agregar botones sociales para compartir entradas en redes sociales como Facebook, Twitter y más. Explica dónde encontrar el código HTML relevante y qué código agregar o modificar para completar cada tarea.
Este documento habla sobre diferentes temas relacionados con la fotografía digital. Explica conceptos como mega píxeles, recomendaciones para obtener buenas fotografías, y describe sitios web como Picasa y Fotolog que permiten almacenar, editar y compartir fotografías en línea.
El documento proporciona instrucciones para crear una página web básica usando etiquetas HTML como <HTML>, <BODY>, <H1>, <IMG>, <TABLE>, <FORM>, <SELECT> y <OPTION>. Explica cómo definir el color de fondo, tamaño y color de fuente de texto, agregar imágenes, tablas, botones, menús desplegables y texto en negrita.
Este documento proporciona instrucciones básicas para configurar y personalizar un blog en Blogger.com. Explica cómo acceder a la configuración del blog y la plantilla, incluida la codificación, las fechas y los comentarios. También cubre cómo agregar nuevos elementos a la plantilla antes o después de ciertas líneas de código, traducir textos existentes, agregar enlaces y texto con títulos. El objetivo es ayudar a los nuevos usuarios de Blogger a mejorar la apariencia y funcionalidad de sus blogs.
Para insertar un archivo Flash en Blogger, se debe usar el mismo código que para videos pero sin saltos de línea, incluyendo la URL del archivo en dos etiquetas y especificando el ancho y alto originales ya sea mediante un reproductor externo o leyendo el código fuente.
El documento describe diferentes códigos HTML, incluyendo anclas para navegar dentro de una página, tablas con celdas combinadas, comentarios, fondos de color uniforme y de imágenes, alineación e imagen de tamaño, y marcos para dividir la pantalla en ventanas independientes.
Este documento proporciona instrucciones para realizar diferentes acciones en un blog utilizando códigos HTML, incluyendo cómo cambiar el estilo del cursor, agregar un archivo de audio, agregar banners y calendarios. Se explican los pasos a seguir para registrarse en un sitio web que permite subir archivos de audio, copiar el código HTML para insertarlo en el blog, y cómo crear un gadget con código para animar texto o agregar banners y calendarios.
El documento describe las etiquetas y elementos básicos de HTML para crear páginas web estáticas, incluyendo etiquetas para estructurar el contenido, agregar enlaces, imágenes y tablas. También introduce JavaScript, un lenguaje de programación interpretado que se ejecuta en el navegador y permite agregar interactividad y acceso dinámico a los objetos de la página web.
El documento habla sobre los megapíxeles en las cámaras y su relación con la calidad de imagen, la aplicación Picasa para editar y compartir fotos en Google y YouTube, y los fotologs como blogs para publicar y comentar fotos online.
Este documento presenta un plan de estudios propuesto para enseñar WordPress. Incluye múltiples secciones sobre la instalación y configuración de WordPress, la gestión de contenido, temas, plugins y ampliaciones. El objetivo es formar a una nueva generación de expertos en WordPress.
Este documento proporciona instrucciones para mejorar un blog colocando la insignia de la IE y agregando frases célebres y datos sobre personajes y hechos históricos del día. Explica los pasos para agregar una imagen, titularla, y agregar código HTML/Javascript para mostrar frases al azar, un gadget sobre cumpleaños de personas famosas y otro sobre hechos históricos.
Este documento proporciona varios códigos HTML y JavaScript para agregar funcionalidades avanzadas a páginas web, como abrir enlaces e imágenes en nuevas ventanas, mostrar texto y hora en la barra de estado, personalizar barras de desplazamiento, redireccionar páginas, impedir la selección de texto, crear formularios y agregar sonido de fondo.
Charla en #RMC19 celebrada el 19 de octubre de 2019 en Palexco, A Coruña.
Se introducen conceptos de Velocidad de Carga, se repasan métricas de evolución de Page Speed y se exponen tecnologías a considerar en los proyectos, como pueden ser:
- Lazy Loading
- Preload, preconnect, prefetch
- Font-Display
- Compresión Brotli
- Formato de imágenes Webp
Para cerrar la charla, se exponen distintos test comparativos, para ver los impactos en los ficheros de pruebas usados, de la web de renfe.
Para insertar una radio online en un blog, se debe copiar el enlace del reproductor de la radio, seleccionar la opción de añadir un gadget en la configuración de diseño del blog, y pegar el enlace del reproductor en la sección de contenido del gadget HTML/Javascript.
Este documento proporciona instrucciones sobre cómo personalizar una página web utilizando Freewebs. Explica cómo agregar formatos, cambiar temas, modificar la página de inicio, insertar imágenes, videos e hipervínculos. También cubre cómo modificar títulos, nombres de páginas, temas, fuentes y colores. Además, proporciona información sobre formularios, pegar código HTML y aplicar bordes a imágenes.
El documento proporciona instrucciones para incluir imágenes, videos y documentos en un post de blog. Explica cómo subir imágenes desde la computadora a Picasa y copiar el código HTML para insertarlas en el post. También indica cómo obtener códigos HTML de videos de YouTube y documentos de Issuu para incluirlos en el post y publicar la entrada final.
El documento proporciona consejos para administrar una página de Facebook para una inmobiliaria. Explica que una página de fans ofrece más funciones de marketing que un perfil personal, como estadísticas, publicidad y posicionamiento en los motores de búsqueda. Luego, recomienda 8 estrategias clave como cambiar frecuentemente la foto de portada, publicar contenido periódicamente con fotos y videos, interactuar con seguidores a través de concursos y encuestas, y realizar campañas pagas segmentadas geográ
En este webinar Pablo García nos muestra las diferentes funcionalidades que Drupal 8 tiene por defecto a la hora de publicar contenido, y como éstas son particularmente beneficiosas para el SEO de vuestros proyectos en Drupal.
Este documento presenta un tutorial básico para principiantes sobre cómo configurar y personalizar un blog en Blogger.com. Explica cómo acceder a la configuración del blog y la plantilla, incluida la codificación, las fechas y los comentarios. También cubre cómo agregar nuevos elementos a la plantilla antes o después de ciertas líneas de código, traducir textos existentes, agregar enlaces y texto con títulos. El objetivo general es proporcionar una introducción para que los nuevos usuarios de Blogger puedan mejorar la apariencia y
El documento habla sobre los shortcodes en WordPress. Explica que los shortcodes son código reutilizable que permite personalizar un sitio sin repetir código. Muestra cómo crear un shortcode usando add_shortcode y luego incluirlo en una página o entrada. También menciona algunos shortcodes predefinidos en WordPress y provee recursos para generar y documentarse sobre shortcodes.
Desarrollo de bloques de Gutenberg para programadores con poco tiempoMauricio Gelves
Mis plegarias fueron escuchadas. Sabía que tarde o temprano la Comunidad de WordPress se volcaría en crear un software que facilitase la creación de bloques de Gutenberg.
Elliot Condon y su equipo de desarrolladores, del reconocido plugin ACF, fueron los responsables de este milagro que me ha ahorrado decenas y decenas de horas (y dinero) en mis proyectos.
Acércate para ver lo fácil que es utilizarlo y cómo puedes, tú también, implementarlo en tus desarrollos.
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...Oscar Abad Folgueira
En esta ponencia se explican los pasos para crear un plugin y posteriormente publicarlo en el repositorio oficial de WordPress.
Son una serie de pasos sencillos y bien definidos que si los seguimos podremos tener publicado nuestro plugin en el repositorio oficial de WordPress para que lo usen el resto de personas.
Este documento proporciona una introducción a Bootstrap y explica 30 clases útiles de Bootstrap para aplicar diseño y maquetado web de manera fácil. Explica clases para contenido, botones, imágenes, parrafos, tablas, formularios y menús, con ejemplos de código para cada una. El objetivo es ayudar a los lectores a aprender y aplicar Bootstrap de forma práctica para crear sus propios sitios web.
Este documento habla sobre diferentes temas relacionados con la fotografía digital. Explica conceptos como mega píxeles, recomendaciones para obtener buenas fotografías, y describe sitios web como Picasa y Fotolog que permiten almacenar, editar y compartir fotografías en línea.
El documento proporciona instrucciones para crear una página web básica usando etiquetas HTML como <HTML>, <BODY>, <H1>, <IMG>, <TABLE>, <FORM>, <SELECT> y <OPTION>. Explica cómo definir el color de fondo, tamaño y color de fuente de texto, agregar imágenes, tablas, botones, menús desplegables y texto en negrita.
Este documento proporciona instrucciones básicas para configurar y personalizar un blog en Blogger.com. Explica cómo acceder a la configuración del blog y la plantilla, incluida la codificación, las fechas y los comentarios. También cubre cómo agregar nuevos elementos a la plantilla antes o después de ciertas líneas de código, traducir textos existentes, agregar enlaces y texto con títulos. El objetivo es ayudar a los nuevos usuarios de Blogger a mejorar la apariencia y funcionalidad de sus blogs.
Para insertar un archivo Flash en Blogger, se debe usar el mismo código que para videos pero sin saltos de línea, incluyendo la URL del archivo en dos etiquetas y especificando el ancho y alto originales ya sea mediante un reproductor externo o leyendo el código fuente.
El documento describe diferentes códigos HTML, incluyendo anclas para navegar dentro de una página, tablas con celdas combinadas, comentarios, fondos de color uniforme y de imágenes, alineación e imagen de tamaño, y marcos para dividir la pantalla en ventanas independientes.
Este documento proporciona instrucciones para realizar diferentes acciones en un blog utilizando códigos HTML, incluyendo cómo cambiar el estilo del cursor, agregar un archivo de audio, agregar banners y calendarios. Se explican los pasos a seguir para registrarse en un sitio web que permite subir archivos de audio, copiar el código HTML para insertarlo en el blog, y cómo crear un gadget con código para animar texto o agregar banners y calendarios.
El documento describe las etiquetas y elementos básicos de HTML para crear páginas web estáticas, incluyendo etiquetas para estructurar el contenido, agregar enlaces, imágenes y tablas. También introduce JavaScript, un lenguaje de programación interpretado que se ejecuta en el navegador y permite agregar interactividad y acceso dinámico a los objetos de la página web.
El documento habla sobre los megapíxeles en las cámaras y su relación con la calidad de imagen, la aplicación Picasa para editar y compartir fotos en Google y YouTube, y los fotologs como blogs para publicar y comentar fotos online.
Este documento presenta un plan de estudios propuesto para enseñar WordPress. Incluye múltiples secciones sobre la instalación y configuración de WordPress, la gestión de contenido, temas, plugins y ampliaciones. El objetivo es formar a una nueva generación de expertos en WordPress.
Este documento proporciona instrucciones para mejorar un blog colocando la insignia de la IE y agregando frases célebres y datos sobre personajes y hechos históricos del día. Explica los pasos para agregar una imagen, titularla, y agregar código HTML/Javascript para mostrar frases al azar, un gadget sobre cumpleaños de personas famosas y otro sobre hechos históricos.
Este documento proporciona varios códigos HTML y JavaScript para agregar funcionalidades avanzadas a páginas web, como abrir enlaces e imágenes en nuevas ventanas, mostrar texto y hora en la barra de estado, personalizar barras de desplazamiento, redireccionar páginas, impedir la selección de texto, crear formularios y agregar sonido de fondo.
Charla en #RMC19 celebrada el 19 de octubre de 2019 en Palexco, A Coruña.
Se introducen conceptos de Velocidad de Carga, se repasan métricas de evolución de Page Speed y se exponen tecnologías a considerar en los proyectos, como pueden ser:
- Lazy Loading
- Preload, preconnect, prefetch
- Font-Display
- Compresión Brotli
- Formato de imágenes Webp
Para cerrar la charla, se exponen distintos test comparativos, para ver los impactos en los ficheros de pruebas usados, de la web de renfe.
Para insertar una radio online en un blog, se debe copiar el enlace del reproductor de la radio, seleccionar la opción de añadir un gadget en la configuración de diseño del blog, y pegar el enlace del reproductor en la sección de contenido del gadget HTML/Javascript.
Este documento proporciona instrucciones sobre cómo personalizar una página web utilizando Freewebs. Explica cómo agregar formatos, cambiar temas, modificar la página de inicio, insertar imágenes, videos e hipervínculos. También cubre cómo modificar títulos, nombres de páginas, temas, fuentes y colores. Además, proporciona información sobre formularios, pegar código HTML y aplicar bordes a imágenes.
El documento proporciona instrucciones para incluir imágenes, videos y documentos en un post de blog. Explica cómo subir imágenes desde la computadora a Picasa y copiar el código HTML para insertarlas en el post. También indica cómo obtener códigos HTML de videos de YouTube y documentos de Issuu para incluirlos en el post y publicar la entrada final.
El documento proporciona consejos para administrar una página de Facebook para una inmobiliaria. Explica que una página de fans ofrece más funciones de marketing que un perfil personal, como estadísticas, publicidad y posicionamiento en los motores de búsqueda. Luego, recomienda 8 estrategias clave como cambiar frecuentemente la foto de portada, publicar contenido periódicamente con fotos y videos, interactuar con seguidores a través de concursos y encuestas, y realizar campañas pagas segmentadas geográ
En este webinar Pablo García nos muestra las diferentes funcionalidades que Drupal 8 tiene por defecto a la hora de publicar contenido, y como éstas son particularmente beneficiosas para el SEO de vuestros proyectos en Drupal.
Este documento presenta un tutorial básico para principiantes sobre cómo configurar y personalizar un blog en Blogger.com. Explica cómo acceder a la configuración del blog y la plantilla, incluida la codificación, las fechas y los comentarios. También cubre cómo agregar nuevos elementos a la plantilla antes o después de ciertas líneas de código, traducir textos existentes, agregar enlaces y texto con títulos. El objetivo general es proporcionar una introducción para que los nuevos usuarios de Blogger puedan mejorar la apariencia y
El documento habla sobre los shortcodes en WordPress. Explica que los shortcodes son código reutilizable que permite personalizar un sitio sin repetir código. Muestra cómo crear un shortcode usando add_shortcode y luego incluirlo en una página o entrada. También menciona algunos shortcodes predefinidos en WordPress y provee recursos para generar y documentarse sobre shortcodes.
Desarrollo de bloques de Gutenberg para programadores con poco tiempoMauricio Gelves
Mis plegarias fueron escuchadas. Sabía que tarde o temprano la Comunidad de WordPress se volcaría en crear un software que facilitase la creación de bloques de Gutenberg.
Elliot Condon y su equipo de desarrolladores, del reconocido plugin ACF, fueron los responsables de este milagro que me ha ahorrado decenas y decenas de horas (y dinero) en mis proyectos.
Acércate para ver lo fácil que es utilizarlo y cómo puedes, tú también, implementarlo en tus desarrollos.
WordCamp Madrid 2018: Cómo crear tu primer plugin y publicarlo en el reposito...Oscar Abad Folgueira
En esta ponencia se explican los pasos para crear un plugin y posteriormente publicarlo en el repositorio oficial de WordPress.
Son una serie de pasos sencillos y bien definidos que si los seguimos podremos tener publicado nuestro plugin en el repositorio oficial de WordPress para que lo usen el resto de personas.
Este documento proporciona una introducción a Bootstrap y explica 30 clases útiles de Bootstrap para aplicar diseño y maquetado web de manera fácil. Explica clases para contenido, botones, imágenes, parrafos, tablas, formularios y menús, con ejemplos de código para cada una. El objetivo es ayudar a los lectores a aprender y aplicar Bootstrap de forma práctica para crear sus propios sitios web.
Este documento presenta un tutorial básico para principiantes sobre cómo configurar y personalizar un blog en Blogger.com. Explica cómo acceder a la configuración del blog y la plantilla, incluida la codificación, fechas y permisos de comentarios. También cubre cómo editar la plantilla existente o elegir una nueva, agregar contenido como enlaces y texto, y publicar los cambios.
Presentación utilizada para el taller de introducción a la Realidad Virtual inmersiva "Crea tu visor DIY para Realidad Virtual Inmersiva", llevado a cabo por All VR Education en la Feria maker "Frics. Tech" el pasado 14 de mayo 2016, en Barcelona.
Manual para incrustar galerias públicas picasa en guadalinfo.espruebas
Este documento proporciona instrucciones paso a paso para incrustar galerías públicas de Picasa en Guadalinfo.es en 3 pasos o menos. Primero, se debe encontrar y seleccionar una galería pública en Picasa y copiar su URL. Luego, se edita el código de incrustación proporcionado para reemplazar los marcadores de posición con la URL y el título de la galería. Finalmente, se pega el código editado en Guadalinfo.es para publicar la galería.
Este documento presenta una introducción a Gutenberg, el nuevo editor de bloques de WordPress. Explica las herramientas y tecnologías necesarias para empezar con Gutenberg, incluyendo JavaScript ES5/ES6, Node, npm, Babel, Webpack, React y JSX. También describe cómo funciona el estado global en Gutenberg y cómo acceder y modificar este estado. Finalmente, cubre conceptos como el registro de bloques, atributos de bloques y el desarrollo de plugins para Gutenberg.
Adapta tu tema a Gutenberg - WordCamp Sevilla 2018Fernando Puente
Gutenberg será en muy poco tiempo el nuevo editor de contenidos de WordPress, basado en "bloques", que hará que cambie nuestra manera de crear los contenidos en nuestros sitios. Pero, ¿está tu tema preparado para Gutenberg o vas a esperar que lo haga otro?
Con la implantación de Gutenberg en las próximas versiones de WordPress, se van a generar muchas oportunidades de empleo relacionadas con la adaptación de muchos sitios al nuevo editor.
Repasaremos las claves principales para adaptar cualquier tema al nuevo editor de contenidos.
Este documento proporciona instrucciones para crear un blog gratuito usando el servicio Blogger de Google. Explica cómo registrarse en Blogger, asignar un nombre y dirección URL al blog, seleccionar una plantilla de diseño, y empezar a publicar entradas en el nuevo blog.
Este documento presenta una introducción a Gutenberg, el nuevo editor de contenido de WordPress. Explica las ventajas de Gutenberg sobre el editor anterior y proporciona una demostración de los bloques y funciones disponibles actualmente. También discute el futuro desarrollo de Gutenberg, incluida la conversión de widgets a bloques y la integración del personalizador con el editor.
Este documento resume los principales tipos de constructores de páginas para WordPress y sus ventajas e inconvenientes. Explica que los constructores de páginas más conocidos son WPBakery, Divi y Page Builder by SiteOrigin. También analiza la evolución de WordPress hacia Gutenberg y las críticas a este nuevo editor de bloques, concluyendo que aunque promete facilitar la edición de sitios web, tiene dificultades de usabilidad y compatibilidad que puede limitar su adopción.
El documento explica cómo crear y personalizar un blog usando Blogger. Describe que Blogger permite publicar texto, fotos y videos para expresarse. También explica cómo agregar gadgets como relojes y calendarios, y cómo insertar un reproductor de música mediante el uso de código HTML.
El documento explica cómo crear y personalizar un blog en Blogger. Primero, se debe crear una cuenta de Gmail y luego un blog en Blogger asignándole un título y una dirección con .blogspot.com. Luego, se puede configurar el blog cambiando el fondo, encabezado y colores. También se puede agregar gadgets como relojes y calendarios. Finalmente, explica cómo insertar un reproductor de música mediante la configuración y código de un plugin de SCM Music Player.
Editores con súperpoderes - Introducción a paragraphsHeissen López
El documento presenta el módulo Paragraphs para Drupal, el cual permite a los editores crear contenido rico de manera más limpia y ordenada. Paragraphs define "bundles" de campos que pueden ser anidados, dando a los usuarios la capacidad de agregar galerías, acordeones y otros elementos sin necesidad de código. Esto resuelve problemas comunes en editores WYSIWYG como marcas defectuosas. El documento explica cómo instalar y usar Paragraphs para agregar estructura al contenido de manera flexible y responsive.
El documento presenta una introducción a las bitácoras electrónicas o blogs, incluyendo sus características principales como su facilidad de uso y capacidad multimedia. Explica los pasos para crear un blog en Blogger, como crear una cuenta, asignar un nombre y dirección URL al blog, y elegir una plantilla.
Mapa conceptuales de proyectos social y productivo.pdfYudetxybethNieto
Los proyectos socio productivos constituyen una variante de formación laboral de incalculable valor formativo, que propician la participación activa, protagónica y participativa de los escolares, de conjunto con miembros de la familia y la comunidad.
FUNDAMENTOS DE ADMINISTRACION AGROPECUARIA I PARCIAL.pptx
Primeros pasos con Gutenberg
1. G U T E N B E R G
P R I M E R O S P A S O S
@JAVIDANIA.COM #WPALCALA
2. J O S É Á N G E L V I D A N I A
V D E V I D A N I A . C O M
@ J A V I D A N I A
# W P A L C A L A
3. ¿ Q U É E S G U T E N B E R G ?
@JAVIDANIA.COM #WPALCALA
El nuevo editor de bloques de WordPress que se
implementará en la versión 5.0
4. ¡ P R U E B A G U T E N B E R G !
@JAVIDANIA.COM #WPALCALA
5. G U T E N B E R G
@JAVIDANIA.COM #WPALCALA
https://wordpress.org/plugins/gutenberg/
6. P L U G I N C L A S S I C E D I T O R
@JAVIDANIA.COM #WPALCALA
https://wordpress.org/plugins/classic-editor/
7. G U T E N B E R G V S T I N Y M C E
@JAVIDANIA.COM #WPALCALA
Una forma completamente diferente de crear tu contenido.
8. I N T E R F A Z D E G U T E N B E R G
@JAVIDANIA.COM #WPALCALA
Será muy fácil crear contenido en el nuevo editor, pero nos
llevará un tiempo acostumbrarnos a donde está cada cosa.
9. A Ñ A D I R B L O Q U E
@JAVIDANIA.COM #WPALCALA
Desde este ajuste insertaremos nuestros bloques en la entrada.
10. T A B L A D E C O N T E N I D O S
@JAVIDANIA.COM #WPALCALA
Nos ayudará con la jerarquía de nuestro contenido redactado.
11. T O O L B A R S
@JAVIDANIA.COM #WPALCALA
Nos ayudan a la hora de trabajar con los bloques.
12. I N S P E C T O R D E C O N T R O L E S
@JAVIDANIA.COM #WPALCALA
Nos muestra los ajustes que se pueden configurar de los bloques.
13. O P C I O N E S E X T R A
@JAVIDANIA.COM #WPALCALA
Con estas opciones podremos eliminar, duplicar o reutilizar un bloque.
14. B L O Q U E S
@JAVIDANIA.COM #WPALCALA
Existen cinco categorías de bloque.
Common - Comunes
Formatting - Formato
Layout - Diseño
Widgets
Embed - Incrustados
15. B L O Q U E S C O M U N E S
@JAVIDANIA.COM #WPALCALA
Los bloques más habituales en la creación de contenido.
16. B L O Q U E S D E F O R M A T O
@JAVIDANIA.COM #WPALCALA
Si quieres editar con el formato clásico de TINY MCE o usar HTML.
17. B L O Q U E S D E D I S E Ñ O
@JAVIDANIA.COM #WPALCALA
El futuro de Gutenberg como editor visual reside en las columnas.
18. B L O Q U E S D E W I D G E T S
@JAVIDANIA.COM #WPALCALA
Los widgets y shortcodes son los bloques dinámicos de Gutenberg.
19. B L O Q U E S I N C R U S T A D O S
@JAVIDANIA.COM #WPALCALA
Nos ayudarán a mostrar de forma rápida contenidos de terceros.
20. B L O Q U E S C O M P A R T I D O S
@JAVIDANIA.COM #WPALCALA
Se pueden reutilizar una y otra vez.
21. R E C U R S O S
@JAVIDANIA.COM #WPALCALA
Gutenberg Repo - https://github.com/WordPress/gutenberg
Gutenberg Handbook - https://wordpress.org/gutenberg/handbook/
Gutenberg Sketch - https://github.com/Automattic/gutenberg-themes-sketch
Create Guten Block - https://github.com/ahmadawais/create-guten-block
Gutenberg Examples - https://github.com/WordPress/gutenberg-examples
Frontenberg - https://frontenberg.tomjn.com/
Gutenberg Hub - http://gutenberghub.com/
Human Made - https://hmn.md/white-papers/gutenberg-the-new-wordpress-editor/
22. P L U G I N S
@JAVIDANIA.COM #WPALCALA
Gutenberg Manager - https://wordpress.org/plugins/manager-for-gutenberg/
Unregister Gutenberg Blocks - https://wordpress.org/plugins/unregister-gutenberg-blocks/
Stackable - https://wordpress.org/plugins/stackable-ultimate-gutenberg-blocks/
Caxton - https://wordpress.org/plugins/caxton/
Advanced Gutenberg Blocks - https://wordpress.org/plugins/advanced-gutenberg-blocks/
Gutenkit - https://profiles.wordpress.org/gutenkit#content-plugins
Ultimate Blocks - https://wordpress.org/plugins/ultimate-blocks/
Custom Fields for Gutenberg - https://wordpress.org/plugins/custom-fields-gutenberg/
23. ¡ G R A C I A S A T O D @ S !
V D E V I D A N I A . C O M
@ J A V I D A N I A
# W P A L C A L A