“Mejorar” WP-contactform
En primer lugar una aclaración acerca del título, mejorar va entre comillas ya que el uso de esta anotación es más anecdótico que funcional. Lo único que conseguiremos con esta modificación es eliminar el código CSS que el plugin nos coloca dentro del <head> de nuestro blog y situarlo en la CSS del theme. Con esto conseguiremos tener toda la hoja de estilos en el archivo style.css del theme y una “mejora” visual de la cabecera del código (sí, soy muy maniatico y me gusta tener todo bien presentado, hasta lo que no se ve).
WP-Contactform es uno de los plugins más utilizados en WordPress. Su función es añadir un formulario de contacto que facilita la comunicación con el autor y los pasos a seguir para lograr el objetivo descrito en el primer parrafo son los siguientes.
Añadir el código CSS a nuestra hoja de estilos, éste es el incluido por el plugin por defecto, para tenerlo más a mano con vista a futuras modificaciones.
.contactform {
position: relative;
overflow: hidden;
}
.contactleft {
width: 25%;
text-align: right;
clear: both;
float: left;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contactright {
width: 70%;
text-align: left;
float: right;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contacterror {
border: 1px solid #ff0000;
}
A continuación eliminaremos del archivo wp-contactform.php lo siguiente:
/*CSS Styling*/
function wpcf_css()
{
?>
<style type="text/css" media="screen">/* Begin Contact Form CSS */
.contactform {
position: relative;
overflow: hidden;
}
.contactleft {
width: 25%;
text-align: right;
clear: both;
float: left;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contactright {
width: 70%;
text-align: left;
float: right;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contacterror {
border: 1px solid #ff0000;
}
/* End Contact Form CSS */</style>
<?php
}
Por último y para evitar errores eliminaremos el siguiente código, situado prácticamente al final del plugin:
add_filter('wp_head', 'wpcf_css');
10 Comentarios
Añade tu Comentario
Sponsor
Buscar
Destacado
- Ahorra $50 en DreamHost
- Asides o miniblog en WP
- Koala, Opa voy hacer corral
- Tiendas online de camisetas
- Convertir videos flv a avi, mov y mp4
- Custom fields de WordPress
- Hoteldipity
Categorías
Publicidad
Expo Cursos, Cursos de informática, Cursos de idiomas, Chat con fotos, Descargas de software, Juegos online gratis, Ganar regalos por navegar, Tablón de anuncios
Reservas de hoteles y vuelos
Text Link Ads
Principito dice:
Me gustaría saber como has organziado la página de archivos, no sé si es el mejor modo de decírtelo por aquí, pero bueno :).
Adiós.
Comentario — 24/9/2005
Boja dice:
Fácil, creando una página template y desde ella llamando a las funciones de categorías y archivo.
Comentario — 25/9/2005
Eliminar el código de los plugins de Wordpress del header | adseok dice:
[…] “Mejorar” WP-contactform […]
Pingback — 21/5/2007
Elimina el código de los plugins en el header » La mate por un yogur dice:
[…] javascript o css en el header de nuestro blog. Hace tiempo escribí algo similar centrándome en el plugin WP-Contactform. Wordpress, Miniblog | ¡Compártelo! Entradas […]
Pingback — 22/5/2007
Elimina el código de los plugins en el header » La mate por un yogur dice:
[…] javascript o css en el header de nuestro blog. Hace tiempo escribí algo similar centrándome en el plugin WP-Contactform. Wordpress, Miniblog | ¡Compártelo! Entradas […]
Pingback — 22/5/2007
Axel dice:
Hola! Me siento identificado porque a mi tampoco me gusta que los plugins agreguen codigo en el header, etc. Este pluguin me agrega dos etiquetas , una antes y otra despues de (logicamente donde termina el formulario de contacto), que le suman otros dos errores de validacion a mi blog…
Muchas gracias por la valiosa informacion de tu blog, que sigo desde que empece con el mio…!!!
Comentario — 26/1/2008
Axel dice:
Te completo mi mensaje anterior, porque utilice etiquetas html, que no pueden verse:
El plugin agrega dos etiquetas de cierre de parrafo, una antes y otra despues de la etiqueta de cierre del formulario.
Saludos…!!!
Axel
Comentario — 26/1/2008
Tienda de ultramarinos » Blog Archive » Primeros Plugins de Wordpress dice:
[…] la página oficial) Traducido al español en Quinita Dimensión: Descarga (Versión 1.42_es). “Mejora” en La Maté por un Yogur, para incluir el CSS en nuestra hoja de estilos en lugar de dejarla en el plugin, que es como […]
Pingback — 19/2/2008
Eucebio Quispe Flores dice:
Desearía tener más información sobre los plugin, !gracias¡.
Comentario — 13/3/2008
leonardoparada dice:
Yo estoy mas atras que Uds…estoy tratando de averiguar como agregar una hoja de estilo en la cabecera, a traves de las funciones de wordpress…la informacion es escasa al respecto.
Comentario — 6/4/2008