Formulario de contacto en php integrado a wordpress

Hola muy buenas taringuer@s..

Wordpress es un script de código libre el cual permite modificaciones en él.
Existen una gran infinidad de plugins para hacer de tu blog/foro un gran sitio.

Pero en ocaciones es tan compleja la programación de los plugins que sólo optamos por editarlo con vía las opciones del mismo y/o bien... traducirlo al español.

Cree un formulario de contacto ya que el que conocí de wordpress no terminaba por satisfacerme del todo, así que les muestro el código para que lo puedan implementar en su sitio si les gusta.


<?php 
include ('wp-config.php');
get_header(); ?>

<div class="wpn_left wpn_fullwidth">
    <div class="wpn_box wpn_news">

                            <h1 class="wpn_title">Contacto</h1>
            <div class="wpn_post">
            <title>Contacto</title>
        </head>
<script type="text/javascript">
function validar(){    
    var f=document.forms.mailscr;
    var fit='remitente,destinatario,asunto,mensaje'.split(',');
    for(var i=0; i<fit.length; i++){
        if(f[fit[i]].value==''){
            alert('El campo ' + fit[i] + ' es obligatorio.');
            f[fit[i]].focus();
            return false;
        }
    }
}
</script>


<p><code><div class="formcontainer">

<form class="contact-form" action="contacto.php" method="post" name="mailscr" onsubmit="return validar();">


        <fieldset>
            <legend>Informaci&oacute;n</legend>
            <div class="form-label"><font color="#ffffff">Nombre</font> <span class="required">*</span></div>
            <div class="form-input"><input name="nremitente" class="text required error" type="text" value="" size="30" maxlength="25" VALUE="Tu Nombre" onfocus="this.style.color='#000';if(this.value=='Tu nombre'){this.value='';}" onblur="if(this.value==''){this.value='Tu nombre';}" /></div>

            <div class="form-label"><font color="#ffffff">Email </font><span class="required">*</span></div>
            <div class="form-input"><input VALUE="Tu email" onfocus="this.style.color='#000';if(this.value=='Tu email'){this.value='';}" onblur="if(this.value==''){this.value='Tu email';}" name="mremitente" class="text required error" type="text" value="" size="30" maxlength="50" /></div>
            
        </fieldset>
        
        <fieldset>
            <legend>Mensaje</legend>

            <div class="form-label"><font color="#ffffff">Asunto</font> <span class="required">*</span></div>
            <div class="form-input"><input VALUE="Asunto" onfocus="this.style.color='#000';if(this.value=='Asunto'){this.value='';}" onblur="if(this.value==''){this.value='Asunto';}" name="asunto" class="text required error" type="text" value="" size="30" maxlength="50" /></div>
            <div class="form-label"><font color="#ffffff">Mensaje </font><span class="required">*</span></div>
            <div class="form-textarea"><textarea name="mensaje" class="text required error" cols="40" rows="8"></textarea></div>
        
        <div class="form-submit">
                <input type="submit" class="button" value="Enviar" title="Enviar"/>
        </div>
        
        </fieldset>
        
    </form>
    </div></code></p>
    
    
            
            
                            </div>
                </div>
    <div class="wpn_box-bottom"></div>
    
    <!-- Comments // -->
            <!-- // Comments -->

    <div class="wpn_clear"></div>
    
            </div>

    
    
<?php



/////////////////////////////////////////////////////////////////////////
 
//variable dependiente del menu 
$destinatario=admin@sitioweb.com;

 
 
//nombre del remitente
$nremitente = $_POST['nremitente'];

//mail del remitente
$mremitente = $_POST['mremitente'];

//asunto del mensaje
$asunto = $_POST['asunto'];

//contenido del mensaje
$mensaje = $_POST['mensaje'];

//cuerpo del mensaje
$cuerpo='
<p>
Nombre: <b>'.$nremitente.'</b><br>
Correo: <b>'.$mremitente.'</b><br>
</p>
<p>
Mensaje: <b>'.$mensaje.'</b>
</p>';

//Si hay un campo sin completar le decimos que los complete
if(!$nremitente || !$mremitente || !$asunto || !$mensaje || !$destinatario){
die('<script>alert("Completa todos los campos!")</script>');
}

//mime 
$headers  = "MIME-Version: 1.0rn";
//contenido html
$headers .= "Content-type: text/html; charset=iso-8859-1rn";
//dirección del remitente
$headers .= "From: ".$nremitente." <contacto@sitioweb.com>rn";
//dirección de respuesta, si queremos
$headers .= "Reply-To: ".$mremitente."rn";
//direcciones que recibián copia
$headers .= "Cc: rn";
//direcciones que recibirán copia oculta
$headers .= "Bcc: rn";

//si todo está en orden... mandamos el mensaje al destinatario
if(mail($destinatario,$asunto,$cuerpo,$headers)){
//se envió el mensaje...
echo'<script>alert("El mensaje ha sido enviado exitosamente!")';
}
else{
//no se envió...
echo'<script>alert("Hubo problemas el enviar el mansaje..")';
}
echo'</script>';
?>
<?get_footer();?>



Para el css, que me base en un plugin llamado contact form para los diseños de wpnow...


.wpn_left {float:left;width:620px;overflow:hidden;}
    .wpn_left .wpn_heading:first-child {margin:0 0 2px;}

    /* Box */
    .wpn_left .wpn_box {padding:19px;background:#222 url(news_bg.gif) repeat-x top;position:relative;height:1%;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;}
    .wpn_left .wpn_box-bottom {background:url(box_bottom.gif) repeat-x top;height:10px;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;margin-bottom:15px;clear:both;}
    
    .wpn_fullwidth {width:100%;}

.formcontainer fieldset {margin:10px 0;padding:10px;border:1px solid #414141;background:#111;-moz-border-radius:4px;-webkit-border-radius:4px;}
.formcontainer fieldset:hover {border:1px solid #666;}
.formcontainer fieldset:hover legend{background:#ff6600;color:#fff;}
.formcontainer legend {padding:7px 15px;color:#fff;background:#414141;-moz-border-radius:4px;-webkit-border-radius:4px;font-size:16px;font-weight:bold;}
.formcontainer input, .formcontainer textarea {border:1px solid #ccc;background:#ccc;margin-bottom:5px;padding:5px;font-family:Arial;font-size:12px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.formcontainer input[type="text"] {width:250px;}
.formcontainer span {color:#ff6eae;}
.formcontainer textarea {width:550px;}
.formcontainer input:focus, .formcontainer textarea:focus {border:1px solid #f88b00;background:#eee;}
.formcontainer label {margin-bottom:5px;}
.formcontainer submit {padding:6px;font-weight:bold;color:#666;font-size:11px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.formcontainer .form-submit {display:block;padding-top:15px;border-top:1px dotted #666;margin-top:8px;}
.formcontainer p.error {border:1px solid #ff6eae;padding:5px;font-size:14px;font-weight:bold;color:#555;background:#f4e7e7;-moz-border-radius:4px;-webkit-border-radius:4px;}
.formcontainer input.error {border:1px solid #ff6eae;background:#f4e7e7;}
.formcontainer .success {border:1px solid #FC9;padding:5px;font-size:14px;font-weight:bold;color:#555;background:#FFC;-moz-border-radius:4px;-webkit-border-radius:4px;}
.formcontainer span {display:inline;}


Las imágenes...

dijo:

Todo ponerlo en la raíz...

Cualquier duda estoy a sus ordenes...

Descargar pack con todo el contenido