Title: Material Design for WordPress Author: XWP Published: 11 de febrero de 2021 Last modified: 12 de diciembre de 2022 --- Buscar plugins ![](https://ps.w.org/material-design/assets/banner-772x250.png?rev=2516506) Este plugin **no se ha probado con las últimas 3 versiones mayores de WordPress**. Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas de compatibilidad cuando se usa con las versiones más recientes de WordPress. ![](https://ps.w.org/material-design/assets/icon-256x256.png?rev=2516506) # Material Design for WordPress Por [XWP](https://profiles.wordpress.org/xwp/) [Descargar](https://downloads.wordpress.org/plugin/material-design.0.7.0.zip) * [Detalles](https://es.wordpress.org/plugins/material-design/#description) * [Valoraciones](https://es.wordpress.org/plugins/material-design/#reviews) * [Instalación](https://es.wordpress.org/plugins/material-design/#installation) * [Desarrollo](https://es.wordpress.org/plugins/material-design/#developers) [Soporte](https://wordpress.org/support/plugin/material-design/) ## Descripción El plugin oficial de Material Design para WordPress. Personaliza la navegación, los colores, la tipografía y las formas de tu sitio, usa Componentes de materiales y elige entre más de 1000 iconos de Material Design y fuentes de Google. Del equipo que está detrás del sistema de diseño open-source de Google. Es fácil comenzar a usar Material Design para WordPress: ### Instalar Material Theming y ejemplos El tema aplica los principios de Material Design y Material Theming a tu sitio, para que puedas personalizar tu estilo. Los diseños de ejemplo incluyen páginas para inicio, acerca de, proyectos, blog y contacto. ### Personaliza tu tema Configura y obtén una vista previa de tus estilos globales de tema dentro del personalizador. Elige colores, tipografía, formas e iconos para expresar tu estilo único. ### Construye con Material Blocks Add Material Components like buttons and cards, and create layouts for things like image-heavy pages or styled contact forms. Customize the look of your blocks by adjusting global theme styles, or setting the style of a single component in the block editor. ### Aplica tu tema Implementa tus colores, formas y tipografía para los elementos integrados de WordPress, como el encabezado y el pie de página de tu sitio. ### Colaboradores Material Design es un sistema de diseño creado por Google y respaldado por código open-source que ayuda a los equipos a crear experiencias digitales de alta calidad. * [Google](https://profiles.wordpress.org/google/) * [Material Design](https://profiles.wordpress.org/materialdesign/) * [XWP](https://profiles.wordpress.org/xwp/) ## Capturas [⌊Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Baseline)⌉⌊Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Baseline)⌉[ Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Baseline) [⌊Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Crane)⌉⌊Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Crane)⌉[ Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Crane) [⌊Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Fortnightly)⌉⌊Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Fortnightly )⌉[ Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Fortnightly) [⌊Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Blossom)⌉⌊Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Blossom)⌉[ Comienza con nuestros estilos existentes y utiliza Material Theming para crear una apariencia personalizada. (Blossom) [⌊Elige entre más de 1,000 tipos de letra en Google Fonts para establecer tu título y estilos de cuerpo.⌉⌊Elige entre más de 1,000 tipos de letra en Google Fonts para establecer tu título y estilos de cuerpo.⌉[ Elige entre más de 1,000 tipos de letra en Google Fonts para establecer tu título y estilos de cuerpo. [⌊Material Icons are included with this plugin. Choose from Filled, Sharp, Rounded, Outlined, or Two-Tone styles.⌉⌊Material Icons are included with this plugin. Choose from Filled, Sharp, Rounded, Outlined, or Two-Tone styles.⌉[ Material Icons are included with this plugin. Choose from Filled, Sharp, Rounded, Outlined, or Two-Tone styles. [⌊Add Material Components like buttons and cards, and create layouts for things like image-heavy pages or styled contact forms.⌉⌊Add Material Components like buttons and cards, and create layouts for things like image-heavy pages or styled contact forms.⌉[ Add Material Components like buttons and cards, and create layouts for things like image-heavy pages or styled contact forms. [⌊Elige colores, tipografía, formas e iconos para expresar tu estilo único.⌉⌊Elige colores, tipografía, formas e iconos para expresar tu estilo único.⌉[ Elige colores, tipografía, formas e iconos para expresar tu estilo único. ## Bloques Este plugin proporciona 8 bloques. * Material Image Card for Query loop Material image card for query loop block * Material Card for Query loop Material card for query loop block * Material Design for WordPress * Next Page Displays the next posts page link. * Last Page Displays the last posts page link. * Previous Page Displays the previous posts page link. * Material Pagination Displays a paginated navigation to next/previous set of posts, when applicable. * First Page Displays the first posts page link. ## Instalación 1. Sube la carpeta del plugin al directorio `/wp-content/plugins/`. 2. Activa el plugin a través del menú «Plugins» en WordPress. ## FAQ ¿No ves la respuesta a tu pregunta? Busca en el foro de soporte para ver si ya se ha respondido. De lo contrario, abre un nuevo tema de soporte. ## Reseñas ![](https://secure.gravatar.com/avatar/26d517fbda7ea3bf8197903646c7a87ae6a7258b94745ae4ddfde27470586a35? s=60&d=retro&r=g) ### 󠀁[Buggy Disappointment](https://wordpress.org/support/topic/buggy-disappointment/)󠁿 [Jupitercow](https://profiles.wordpress.org/jcow/) 23 de junio de 2023 Using the buttons in the Gutenberg editor caused problems. The preview keeps breaking. The cards are basically unusable, because they only allow very basic text without any formatting. They show the markup for any html you try to use to add an image or headline or bold… Cards look ok in the editor, but not on the front end. I tried the theme as well, but not any better. I gave up there. I was really excited to use these, but had to uninstall. ![](https://secure.gravatar.com/avatar/9ace5a4e6a1fae98c8c2d5b4891d907911d1f0b72c289ab690bc43b7fdb0dc0b? s=60&d=retro&r=g) ### 󠀁[Material design template and google stories](https://wordpress.org/support/topic/material-design-template-and-google-stories/)󠁿 [materialmeme](https://profiles.wordpress.org/materialmeme/) 17 de agosto de 2022 If you want to design a website that looks and functions like an APP this is it. BONUS > > Google Stories is programmed perfectly if you add the plug in. Material properly creates professional looking PREVIEWS for facebook twitter pinterest etc. Thanks to people like Steve Jobs that founded the concept of LIMITED options and simple clean design, you can’t lose with this template. The navigation is intuitive and clean. Also it’s fast which is the best thing for search… ![](https://secure.gravatar.com/avatar/e9b323bc5d7eef3b6b358e382f36aa4b01f196c7b2e7be7bf62a1b127a155560? s=60&d=retro&r=g) ### 󠀁[what is Review look like?](https://wordpress.org/support/topic/what-is-review-look-like/)󠁿 [F](https://profiles.wordpress.org/lifengquan52/) 16 de julio de 2021 what is Review look like? I use that, but it don’t have any different style in there website, just look the rounded in there.don’t have shaow apperance in there. ![](https://secure.gravatar.com/avatar/e9e4c1eb653b4dfc5ed17e9cce8ee170d0530e63c66c6503161f725cbc23257c? s=60&d=retro&r=g) ### 󠀁[amazing !](https://wordpress.org/support/topic/amazing-3145/)󠁿 [mahi7783](https://profiles.wordpress.org/mahi7783/) 15 de junio de 2021 i was waiting for this long time. i love material design . thanks please bring new features as soon as possible ![](https://secure.gravatar.com/avatar/0d42c017868478843922d89a97808ddb453f40d1adf873ca677d66fd117282d8? s=60&d=retro&r=g) ### 󠀁[Incorporates Materials Design WELL!](https://wordpress.org/support/topic/incorporates-materials-design-well/)󠁿 [l33b072](https://profiles.wordpress.org/l33b072/) 1 de junio de 2021 This plugin is great! Thanks for making it available. Makes utilizing MDC super easy! I think the low marks are reflective of people that don’t know or understand the Material Design concept. Great work! ![](https://secure.gravatar.com/avatar/81fe5dd798a72299647d7123181416b9d70f79428549488c875e7be8f6629e4c? s=60&d=retro&r=g) ### 󠀁[The world needed this](https://wordpress.org/support/topic/the-world-needed-this-2/)󠁿 [Taig Mac Carthy](https://profiles.wordpress.org/taigmc/) 22 de febrero de 2021 Like so many SaaS businessess, my company markets a web application that has been developed in ReactJS with Material-UI. However, our marketing-oriented website is a WordPress site where the marketing people are capable of editing content and posting stuff. The problem is: how do you maintain a coherent user experience across both channels? Now, thanks to this template, it’s not just possible, but also easy. I’m working with the beta release and it’s already awesome – I’m really looking forward to future versions. [ Leer todas las 7 reseñas ](https://wordpress.org/support/plugin/material-design/reviews/) ## Colaboradores y desarrolladores «Material Design for WordPress» es un software de código abierto. Las siguientes personas han colaborado con este plugin. Colaboradores * [ XWP ](https://profiles.wordpress.org/xwp/) * [ Google ](https://profiles.wordpress.org/google/) * [ Material Design ](https://profiles.wordpress.org/materialdesign/) «Material Design for WordPress» está traducido en 1 idioma. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/material-design/contributors) por sus contribuciones. [Traduce «Material Design for WordPress» a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/material-design) ### ¿Interesado en el desarrollo? [Revisa el código](https://plugins.trac.wordpress.org/browser/material-design/) , echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/material-design/) o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/material-design/) por [RSS](https://plugins.trac.wordpress.org/log/material-design/?limit=100&mode=stop_on_copy&format=rss). ## Registro de cambios Para ver el registro de cambios del plugin, por favor, consulta [la página de la versión en GitHub](https://github.com/material-components/material-design-for-wordpress/releases). ## Meta * Versión **0.7.0** * Última actualización **hace 4 años** * Instalaciones activas **700+** * Versión de WordPress ** 5.9 o superior ** * Probado hasta **6.0.14** * Idiomas * [English (US)](https://wordpress.org/plugins/material-design/) y [French (France)](https://fr.wordpress.org/plugins/material-design/). * [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/material-design) * Etiquetas: * [blocks](https://es.wordpress.org/plugins/tags/blocks/)[google](https://es.wordpress.org/plugins/tags/google/) [gutenberg](https://es.wordpress.org/plugins/tags/gutenberg/)[material design](https://es.wordpress.org/plugins/tags/material-design/) * [Vista avanzada](https://es.wordpress.org/plugins/material-design/advanced/) ## Valoraciones 4.1 de 5 estrellas. * [ 5 valoraciones de 5 estrellas ](https://wordpress.org/support/plugin/material-design/reviews/?filter=5) * [ 0 valoraciones de 4 estrellas ](https://wordpress.org/support/plugin/material-design/reviews/?filter=4) * [ 2 valoraciones de 3 estrellas ](https://wordpress.org/support/plugin/material-design/reviews/?filter=3) * [ 1 valoración de 2 estrellas ](https://wordpress.org/support/plugin/material-design/reviews/?filter=2) * [ 0 valoraciones de 1 estrellas ](https://wordpress.org/support/plugin/material-design/reviews/?filter=1) [Tu valoración](https://wordpress.org/support/plugin/material-design/reviews/#new-post) [Ver todas las reseñas](https://wordpress.org/support/plugin/material-design/reviews/) ## Colaboradores * [ XWP ](https://profiles.wordpress.org/xwp/) * [ Google ](https://profiles.wordpress.org/google/) * [ Material Design ](https://profiles.wordpress.org/materialdesign/) ## Soporte ¿Tienes algo que decir? ¿Necesitas ayuda? [Ver el foro de soporte](https://wordpress.org/support/plugin/material-design/)