{"id":33419,"date":"2020-02-11T17:43:25","date_gmt":"2020-02-11T15:43:25","guid":{"rendered":"https:\/\/www.hostinet.com\/formacion\/?p=33419"},"modified":"2021-02-05T10:57:27","modified_gmt":"2021-02-05T08:57:27","slug":"estilos-para-contact-form-7","status":"publish","type":"post","link":"https:\/\/www.hostinet.com\/formacion\/wordpress\/estilos-para-contact-form-7\/","title":{"rendered":"Plugin de Estilos para Contact Form 7"},"content":{"rendered":"
<\/div>

\"Plugin<\/p>\n

\n

IMPORTANTE<\/span><\/strong>: Este plugin tiene un problema de seguridad y ya no est\u00e1 disponible en el repositorio de plugins de WordPress, al menos desde el pasado d\u00eda 1 de febrero de 2021.<\/strong><\/p>\n

No sabemos si volver\u00e1 a estar disponible, pero si lo tienes instalado y con la versi\u00f3n 3.1.9<\/strong> o inferior, \u00a1\u00a1DEBES ELIMINARLO CUANTO ANTES!!<\/strong><\/span><\/p>\n

\n

Contact Form 7<\/strong> es un plugin realmente espectacular, ya que con \u00e9l se pueden construir formularios de contacto completamente profesionales para WordPress<\/strong>, y sin tener que gastarse ni un \u20acuro por ellos.<\/p>\n

Prueba del gran \u00e9xito que tiene este plugin se puede comprobar en el repositorio de plugins de WordPress<\/a>, donde se puede ver como Contact Form 7 cuenta con m\u00e1s de 5 millones de instalaciones activas<\/strong>. Adem\u00e1s, soporta la construcci\u00f3n de formularios sin tener que codificar nada en HTML. Estos formularios tambi\u00e9n incluyen Captchas, subida de archivos y campos completamente personalizables, entre otras muchas m\u00e1s cosas (m\u00e1s detalles<\/a>).<\/p>\n

Si bien es cierto que el formulario de contacto b\u00e1sico que viene por defecto con Contact Form 7 est\u00e1 bastante bien para la mayor\u00eda de webmasters, otros por el contrario querr\u00e1n cambiarlo, al menos su estilo.<\/p>\n

Aqu\u00ed es donde entra este a\u00f1adido (Addon)<\/strong> para Contact Form 7<\/strong> y, que como es de suponer, necesita del plugin Contact Form 7 para funcionar<\/strong>:<\/p>\n

Contact Form 7 Style con Estilos Personalizados para San Valent\u00edn & Navidad<\/strong><\/h2>\n

Contact Form 7 Style soporta estilos personalizados que se pueden gestionar f\u00e1cilmente a trav\u00e9s del panel de administraci\u00f3n de WordPress<\/strong> (tambi\u00e9n conocido como Escritorio o Dashboard en ingl\u00e9s). Incuso viene con plantillas predefinidas<\/strong> para poder usar durante eventos especiales, como por ejemplo San Valent\u00edn<\/strong> o la Navidad<\/strong>, lo cual viene muy bien sobre todo ahora que dentro de unos d\u00edas se va a celebrar San Valent\u00edn 2020.<\/p>\n

Podemos coger y cambiarle el estilo a nuestro formulario de Contact Form 7 por uno de San Valent\u00edn en tan solo un momento (incluye 4 estilos diferentes de San Valent\u00edn). El de los pajaritos la verdad que est\u00e1 muy chulo. Eh aqu\u00ed una fotuca: \ud83d\ude09<\/p>\n

\"Contact<\/p>\n

Como hemos indicado con anterioridad, Contact Form 7 Style necesita del plugin \u201cmadre\u201d para funcionar (Contact Form 7), por lo que si no lo tenemos instalado es lo primero que deber\u00edamos hacer.<\/p>\n

El proceso como de costumbre se puede realizar sin problemas desde el Escritorio de WordPress<\/strong>; no tenemos m\u00e1s que buscar ambos plugins en el buscador de plugins de WordPress e instalarlos<\/strong>. Escribiendo \u201cContact Form 7 Style\u201d<\/strong> aparecen ambos plugins. En nuestro caso como ya tenemos instalado Contact Form 7 solo nos aparece Contact Form 7 Style para instalar.<\/p>\n

\"Contact<\/p>\n

Nota:<\/strong> En caso de que la instalaci\u00f3n nos diera laguna fallo podemos descargarnos el plugin del repositorio de WordPress<\/a> y despu\u00e9s subirlo al propio CMS desde su panel de administraci\u00f3n.<\/p><\/blockquote>\n

Para aplicar uno de los estilos de San Valent\u00edn o de Navidad que vienen por defecto con el plugin tan solo hay que dirigirse hasta el men\u00fa principal de WordPress -> \u00a0Contact Styles > All Styles -> Pulsar sobre el casillero del que queramos aplicar, y despu\u00e9s darle al bot\u00f3n de \u201cAplicar\u201d<\/strong>. \u00a1M\u00e1s r\u00e1pido imposible!<\/p>\n

\"Contact<\/p>\n

Opciones de Personalizaci\u00f3n para los Estilos:<\/strong><\/p>\n

\u2013 Estilos para los colores del formulario,
\n\u2013 Fuentes personalizables para el formulario ( google fonts incluido ),
\n\u2013 Estilos para los campos, textos, etiquetas, botones, mensajes, ect
\n\u2013 Colores para el borde del formulario,
\n\u2013 Colores para el fondo del formulario,
\n\u2013 Opci\u00f3n transparente para el fondo del formulario,
\n\u2013 Opci\u00f3n para poner una imagen en el fondo del formulario,
\n\u2013 Estilos para la forma del contenedor del formulario,
\n\u2013 Estilos para la imagen del fondo del contenedor del formulario,
\n\u2013 Estilos de opacidad para el marcador de posici\u00f3n del formulario,
\n\u2013 Los estilos personalziados se pueden importar y exportar,
\n\u2013 Opci\u00f3n para edici\u00f3n r\u00e1pida,
\n\u2013 Soporte para m\u00faltiples estilos de diferentes dise\u00f1os,
\n\u2013 Style Template Slider en la p\u00e1gina de ajustes de Contact Form 7,
\n\u2013 Selector px, em, % \u00a0para todas los ajustes espec\u00edficos de estilos,
\n\u2013 Posibilidad de cambiar los estilos para el \u201cHOVER state\u201d de cada elemento
\n\u2013 Posibilidad de vista previa de los cambios en directo, as\u00ed como a\u00f1adir nuevas propiedades de estilos para cada elemento,
\n\u2013 Posibilidad de personalizar los mensajes de error, as\u00ed como los mensajes de env\u00edo y las advertencia
\n\u2013 P\u00e1gina de configuraci\u00f3n, donde poder volver a importar las plantillas predeterminadas que se hayan borrado por error, desactivar la recopilaci\u00f3n de datos y \/ o manipular la apariencia del bot\u00f3n \u00abeditar estilo\u00bb en la p\u00e1gina donde est\u00e1 el formulario de contact form 7.<\/p>\n