Esta es la primera entrada de una serie de art\u00edculos para ayudar a los desarrolladores a personalizar Contact Form 7.<\/p>\n\n\n\n
El primer tema que trataremos ser\u00e1 c\u00f3mo ampliar las etiquetas de formulario<\/a> de Contact Form 7. Como probablemente ya sabes, las etiquetas de formulario son c\u00f3digos en un formato espec\u00edfico entre corchetes, que generalmente representan controles de formulario como campos de entrada de texto y botones de env\u00edo. Actualmente, Contact Form 7 incluye 30 tipos diferentes de etiquetas de formulario por defecto.<\/p>\n\n\n\n\n\n\n\n Estos son ejemplos de etiquetas de formulario t\u00edpicas:<\/p>\n\n\n\n Se parecen a los shortcodes<\/a> de WordPress, pero a diferencia de estos, las etiquetas de formulario solo funcionan dentro del \u00e1rea de edici\u00f3n de formularios de Contact Form 7.<\/p>\n\n\n\n T\u00fa tambi\u00e9n puedes a\u00f1adir tus propias etiquetas de formulario personalizadas. Debes seguir estos dos pasos para hacerlo: (1) registrar los tipos de etiquetas de formulario y una funci\u00f3n de retorno correspondiente, y (2) definir la funci\u00f3n de retorno. Veamos cada paso.<\/p>\n\n\n\n Para registrar tipos de etiquetas de formulario, llama a la funci\u00f3n El primer par\u00e1metro es un valor de tipo cadena que contiene el tipo de etiqueta. La primera palabra en una etiqueta de formulario es su tipo. En los ejemplos presentados anteriormente, \u00abtext*\u00bb, \u00abtextarea\u00bb y \u00absubmit\u00bb son tipos. Puedes usar letras min\u00fasculas ([a-z]), d\u00edgitos ([0-9]), guiones bajos (\u00ab_\u00bb) y asteriscos (\u00ab*\u00bb) en un tipo de etiqueta de formulario. Los tipos de etiquetas con un asterisco al final (p. ej., \u00abtext*\u00bb, \u00abemail*\u00bb) se usan para hacer que los campos de entrada sean obligatorios.<\/p>\n\n\n\n Si tienes dos o m\u00e1s tipos de etiquetas de formulario que comparten la misma funci\u00f3n de retorno, es posible que desees registrarlas juntas. En ese caso, especifica un array<\/em> de cadenas como primer par\u00e1metro.<\/p>\n\n\n\n El segundo par\u00e1metro es una funci\u00f3n de retorno que se llama cuando Contact Form 7 analiza la etiqueta de formulario. Volveremos a las funciones de retorno m\u00e1s adelante.<\/p>\n\n\n\n El tercer par\u00e1metro opcional es un array <\/em>de caracter\u00edsticas<\/em> que admite el tipo de etiqueta de formulario. Por ejemplo, un tipo de etiqueta de formulario cuyas instancias tengan un nombre compatible con el atributo El nombre de una etiqueta de formulario es la segunda palabra en la etiqueta de formulario. En los ejemplos anteriores, \u00abtu-nombre\u00bb y \u00abtu-mensaje\u00bb son nombres. Algunas etiquetas de formulario no tienen nombres, como Para los tipos de etiquetas de formulario que sean compatibles con el atributo Ten en cuenta que debes usar el gancho de acci\u00f3n El siguiente paso es definir la funci\u00f3n de retorno. Esta funci\u00f3n toma un objeto La funci\u00f3n de retorno debe devolver un valor de tipo texto. Por lo general, devuelven fragmentos de c\u00f3digo HTML que representan un control de formulario. El texto devuelto reemplaza la etiqueta de formulario cuando Contact Form 7 genera un formulario a partir de una plantilla que contiene etiquetas de formulario.<\/p>\n\n\n\n Como demostraci\u00f3n, creemos una etiqueta de formulario simple que muestre la hora actual (llam\u00e9mosla \u00ab[reloj]\u00bb).<\/p>\n\n\n\n A\u00f1ade el siguiente c\u00f3digo en un lugar apropiado. Muchos desarrolladores prefieren usar el archivo functions.php del tema para peque\u00f1os fragmentos de c\u00f3digo personalizados. No edites archivos directamente en la carpeta del plugin ( Luego, a\u00f1ade esta l\u00ednea a tu \u00e1rea de formulario:<\/p>\n\n\n\n Si funciona correctamente, deber\u00edas ver una l\u00ednea como esta en el formulario:<\/p>\n\n\n\n Eso es todo. Obviamente, esta demostraci\u00f3n de \u00ab[reloj]\u00bb es demasiado sencilla para un uso pr\u00e1ctico, pero es suficiente para mostrar el concepto de las etiquetas de formulario de Contact Form 7. Para mejorarlas y hacerlas m\u00e1s adecuadas para un uso pr\u00e1ctico, deber\u00e1s aprender:<\/p>\n\n\n\n En los pr\u00f3ximos art\u00edculos cubriremos estas \u00e1reas.<\/p>\n","protected":false},"excerpt":{"rendered":" Esta es la primera entrada de una serie de art\u00edculos para ayudar a los desarrolladores a personalizar Contact Form 7. El primer tema que trataremos ser\u00e1 c\u00f3mo ampliar las etiquetas de formulario de Contact Form 7. Como probablemente ya sabes, las etiquetas de formulario son c\u00f3digos en un formato espec\u00edfico entre corchetes, que generalmente representan … Seguir leyendo A\u00f1adir una etiqueta de formulario personalizada<\/span> [text* tu-nombre]\n[textarea tu-mensaje]\n[submit \"Enviar\"]<\/pre>\n\n\n\n
wpcf7_add_form_tag<\/h4>\n\n\n\n
wpcf7_add_form_tag()<\/code>. Esta funci\u00f3n acepta tres par\u00e1metros, dos obligatorios y uno opcional.<\/p>\n\n\n\nname-attr<\/code>.<\/p>\n\n\n\n[submit \"Enviar\"]<\/code>.<\/p>\n\n\n\nname-attr<\/code>, escribe array( 'name-attr' => true)<\/code> como tercer par\u00e1metro de wpcf7_add_form_tag()<\/code>.<\/p>\n\n\n\nwpcf7_init<\/code> cuando llames a wpcf7_add_form_tag()<\/code>. Para referencia, consulta c\u00f3mo Contact Form 7 registra las etiquetas de formulario por defecto.<\/p>\n\n\n\nadd_action( 'wpcf7_init', 'wpcf7_add_form_tag_text' );\n\nfunction wpcf7_add_form_tag_text() {\n wpcf7_add_form_tag(\n array( 'text', 'text*', 'email', 'email*', 'url', 'url*', 'tel', 'tel*' ),\n 'wpcf7_text_form_tag_handler',\n array( 'name-attr' => true )\n );\n}\n<\/pre><\/div>\n\n\nFunci\u00f3n de retorno<\/h4>\n\n\n\n
WPCF7_FormTag<\/code> como \u00fanico argumento, que representa la informaci\u00f3n de una etiqueta de formulario actual, incluyendo su tipo, nombre, opciones, valores, etc.<\/p>\n\n\n\ncontact-form-7<\/code>) porque corres el riesgo de romper el c\u00f3digo de Contact Form 7 y adem\u00e1s perder\u00e1s tu personalizaci\u00f3n cuando se actualice el plugin.<\/p>\n\n\n\nadd_action( 'wpcf7_init', 'custom_add_form_tag_clock' );\n\nfunction custom_add_form_tag_clock() {\n wpcf7_add_form_tag( 'reloj', 'custom_clock_form_tag_handler' ); \/\/ \u00abreloj\u00bb es el tipo de etiqueta de formulario\n}\n\nfunction custom_clock_form_tag_handler( $tag ) {\n return date_i18n( get_option( 'time_format' ) );\n}\n<\/pre><\/div>\n\n\nHora actual: [reloj]<\/pre>\n\n\n\n
Hora actual: 12:16 pm<\/code><\/pre>\n\n\n\n