Amigo PixelLa mayoría de la gente experimenta Material Design principalmente en las aplicaciones de Android, mientras que la adopción en la web se limita principalmente a los sitios de Google. Un nuevo plugin de Material Design para WordPress, que Google denomina actualmente un experimento, posiblemente abra el aspecto a muchas más páginas y blogs.
Este plugin y tema experimentales permiten personalizar los colores e iconos de tu sitio para que se ajusten a Material Design, conocido por la estratificación y la reproducción de la profundidad a través de la iluminación y las sombras.
Una vez instalado el plugin, que requiere un plan de WordPress de nivel empresarial, y configurado el tema Material Design, los usuarios pueden seleccionar entre los estilos preestablecidos o crear uno personalizado. Google ofrece tres temas iniciales que pueden personalizarse minuciosamente.
Las opciones incluyen: tipografía (de Google Fonts), paleta de colores (Material o selector personalizado), tamaño de la forma (redondeo de las esquinas) y estilos de los iconos (rellenos, contorneados, redondeados, de dos tonos y nítidos). La barra superior de la aplicación puede personalizarse para determinar si la búsqueda está activada o desactivada y si se oculta al desplazarse. La forma en que aparecen los artículos en el feed también puede editarse con una opción de imagen disponible.
Además del tema general del sitio, puedes crear diseños de Material para páginas específicas, incluyendo formularios de contacto con estilo. Esto incluye botones con texto personalizado y selección de iconos de la biblioteca de Google.
Personaliza el aspecto de tus bloques ajustando los estilos globales del tema, o estableciendo el estilo de un solo compon
Esta experiencia visual WYSIWYG no requiere ninguna codificación y funciona con el editor de bloques de WordPress. Dado el carácter experimental inicial de este plugin de Material Design para WordPress, Google está buscando comentarios:
Queremos aprovechar este momento para saber más sobre lo que quieres y necesitas de una experiencia Material para WordPress. ¿Te gusta? ¿Lo odias? ¿Qué características te gustaría ver? Tus comentarios pueden ayudarnos a entender lo que la gente que construye sitios orientados al contenido necesita de un sistema de diseño, haciendo que Material para la web sea mejor para todos.
Al llevar a WordPress, Google consigue una gran audiencia, ya que la plataforma CMS se utiliza en el 40% de todos los sitios, según una estimación. La compañía ha seguido un enfoque similar con el plugin Web Stories. Las instrucciones completas de instalación se encuentran a continuación:
- Si aún no tienes un sitio de WordPress alojado, descárgalo gratuitamente en WordPress.org o ejecuta una instancia local. También puedes crear uno en WordPress.com. (Ten en cuenta que debes tener un plan de nivel empresarial para instalar plugins en WordPress.com)
- Ve al panel de control en tu tablero de WordPress y haz clic en Plugins en el menú de la barra lateral.
- Haz clic en Añadir nuevo.
- Busca Material Design.
- Haz clic en Instalar ahora en los resultados de la búsqueda.
- Después de la instalación, haz clic en el botón Activar.
- Sigue el inicio rápido paso a paso para instalar el tema Material WordPress y los ejemplos.
