-
Cómo hacer que las formas de contacto en FancyBox
-
FancyBox es una herramienta diseñada para ser utilizada por los desarrolladores web para visualizar imágenes y el contenido HTML en cajas de estilo Mac que flotan sobre una página Web. Puede utilizar FancyBox para trabajar con películas SWF y marcos de ventana y personalizarlo a través de la configuración y CSS. Los formularios de contacto son útiles cuando se quiere saber de sus usuarios. Puede pedir información, permitirá a sus usuarios enviar solicitudes de soporte o simplemente reciben diferentes mensajes con sugerencias que ayudan a su sitio web crezca.Instrucciones
1 Abra el archivo "header.php" en la carpeta de tema para WordPress con cualquier editor de texto. Pega este código entre el "<head>" y "</ head>" etiquetas:
<Script type = "text / javascript" src = "& lt; / script" rel = "nofollow" target = "_blank"> http://code.jquery.com/jquery-1.4.1.min.js"> & lt ; / script>
<Link rel = "stylesheet" type = "text / css" href = "<? Php bloginfo ( 'template_directory');?> / / Jquery.fancybox-1.3.0.css FancyBox" media = "pantalla" />
<Script type = "text / javascript" src = "<? Php bloginfo ( 'template_directory');?> / FancyBox / jquery.fancybox-1.3.0.pack.js"> </ script>
<Script type = "text / javascript">
$ (Document) ready (function () {
$ ( "A.iframeFancybox1"). FancyBox ({
'Width': 600,'height' : 650,
'overlayOpacity' : '0.4',
'overlayColor' : '#000',
'hideOnContentClick' : false,
'autoScale' : false,
'transitionIn' : 'elastic',
'transitionOut' : 'elastic',
'type' : 'iframe'
});
});
</script>Esto iniciará la secuencia de comandos FancyBox y hacer referencia a sus archivos.
2 Crear una plantilla de página a utilizar para su página de formulario de contacto. Así es como una página básica de plantilla se ve así:
<? Php
/
Nombre de la plantilla: página de llanura
/
?>
<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN"
"Http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml" xml: lang =" es "lang =" es ">
<Head>
<Meta http-equiv = "Content-type" content = "text / html; charset = UTF-8" />
<Meta name = "MSSmartTagsPreventParsing" content = "true" />
<Meta http-equiv = contenido "imagetoolbar" = "no" />
<Title> Mi Forma título </ title>
<Style type = "text / css">
body {font-size: 13px;}
</ Style>
<Link rel = 'estilo' id = 'gforms_css-css "href =" <? Php bloginfo? (' Url '); ?> / Wp-content / plugins / gravityforms / css / forms.css? Ver = 3.0.1 'type =' text / css "media = 'toda' />
< 'Text / javascript "src = script type =" <? Php bloginfo? (' Stylesheet_directory '); ?> / Includes / js / jquery-142.js? Ver = 1.4.1 '> </ script>
< 'Text / javascript "src = script type =" <? Php bloginfo? (' Url '); ?> / Wp-content / plugins / gravityforms / js / conditional_logic.js? Ver = 1.3.13.1 "> </ script>
</ Head>
<Body>
<? php if (have_posts ()): while (have_posts ()): the_post (); ?>
<? Php the_content ( 'leer más'); ?>
<? Php endwhile; terminara si; ?>
<? Php wp_footer (); ?>
</ Body>
</ Html>Puede utilizar este código o crear su propia página de la plantilla. Tenga en cuenta que debe incluir el "<? Php wp_footer ();?>" Etiqueta para cargar la gravedad formas de escritura lógica condicional correctamente.
3 Ir al panel de administración de WordPress y añadir una nueva página de su sitio web WordPress. Seleccione "página de formato" en el cuadro desplegable "Plantilla". Incluya su contenido y la forma en el editor de contenido y aplicar la plantilla de página.
4 Abra la página Web que desea añadir el formulario de contacto para cualquier editor de texto. Añadir un enlace para el formulario de contacto de esta manera:<a href="http://www.yourdomain.com/contact-form-page/" class="iframeFancybox1"> <h3> Contacto </ h3> </a>
Reemplazar "http://www.yourdomain.com/contact-form-page/" con la ruta a su página de formulario También puede reemplazar." Contacto "con su propio texto Cuando un usuario hace clic en el enlace, el FancyBox. la escritura se activa y aparece el formulario en su pantalla.
Consejos y advertencias
- No debe incluir todos los elementos de navegación en su página de formulario de contacto.