0

我正在使用联系表格 7在 wordpress 安装中创建联系表格。创建的表格位于此处

联系表单扩展是免费、灵活且易于使用的。但问题是，无论表单包含多少字段，它总是只创建一个 div，因此页面长度会变长（请参阅我创建的表单）

我挖掘了代码并以contact-form-7\includes\classes.php. 负责生成表单html的代码是

/* 生成表单 HTML */

function form_html() {
    global $wpcf7;

    $form = '<div class="wpcf7" id="' . $this->unit_tag . '">';

    $url = wpcf7_get_request_uri();

    if ( $frag = strstr( $url, '#' ) )
        $url = substr( $url, 0, -strlen( $frag ) );

    $url .= '#' . $this->unit_tag;

    $url = apply_filters( 'wpcf7_form_action_url', $url );

    $class = 'wpcf7-form';

    if ( $this->is_posted() ) {
        if ( empty( $wpcf7->result['valid'] ) )
            $class .= ' invalid';
        elseif ( ! empty( $wpcf7->result['spam'] ) )
            $class .= ' spam';
        elseif ( ! empty( $wpcf7->result['mail_sent'] ) )
            $class .= ' sent';
        else
            $class .= ' failed';
    }

    $class = apply_filters( 'wpcf7_form_class_attr', $class );

    $enctype = apply_filters( 'wpcf7_form_enctype', '' );

    $form .= '<form action="' . esc_url_raw( $url ) . '" method="post"'
        . ' class="' . esc_attr( $class ) . '"' . $enctype . '>' . "\n";

    $form .= $this->form_hidden_fields();

    $form .= $this->form_elements();

    if ( ! $this->responses_count )
        $form .= $this->form_response_output();

    $form .= '</form>';

    $form .= '</div>';

    return $form;
}

我正在寻找一些方法，以便我可以

  • 分成<div class="wpcf7"3 个 div，包含大致相同的字段数

  • <div>或在 < 之间插入form action="某处，以便我可以以大约（不完全）相等的方式水平扩展我的表单 div's

我的其他表格，我想遵循的格式位于此处

更新：

  • 我正在使用 Eunoia 主题和 [one_third first] 之类的短代码来应用 CSS 和页面结构不起作用，对我来说，这是有道理的，因为插件使用相同的 '[ tag ]' 结构
  • 我尝试div在表单代码中添加元素，但仍然没有任何反应，虽然在页面的源代码中，这些div标签出现了......

想到另一个问题 我的主题代码就像[some theme code]它们不起作用并且只是在页面上输出......我可以使用它的任何建议吗？

有人可以建议我这样做吗？一些粗略的想法，一些指导方针，以便我可以尝试编写代码......

谢谢..

4

1 回答 1

1

如果您可以将您的字段放入一个零索引数组中，这将起到作用（phpFiddle）：

$fields=array('F1','F2','F3','F4','F5','F6','F7','F8');
$fieldCount=count($fields);
$column=0;
$columnCount=3;
//All columns have this many fields
$perColumn=floor($fieldCount/$columnCount);
//This many fields left over (to be distributed over the first columns)
$extras=$fieldCount - $perColumn*$columnCount;
$i=0; //All fields iterator
$j=0; //Column fields iterator
$columnFieldCount=$perColumn;
if($extras>$column)$columnFieldCount++;
echo '
<style>.column{float:left; width:25%;}</style>
<div class="column">';
for($i=0; $i<$fieldCount;$i++)
{
    echo '
<p>'.$fields[$i].'</p>';
    $j++;
    if($j>=$columnFieldCount)
    {
        $j=0;
        $column++;
        $columnFieldCount=$perColumn;
        if($extras>$column)$columnFieldCount++;
        echo '
</div><div class="column">';
    }
}
echo '
</div>';
于 2013-01-07T23:37:43.367 回答