Wordpress 简码输出

Question

我正在使用 WordPress 插件样板 开发 wordpress 插件。因此，我需要创建一个短代码来为用户在一页中显示我的数据。

按如下方式连接 HTML 是否正确？

function custom_shortcode( $atts ) {

    // Attributes
    $atts = shortcode_atts(
        array(
            'type' => 'type'
        ),
        $atts
    );

    //get all entries (page 1 with 999999 entries per page should do it:)
    $data = Data::get_entries( $atts['type']);

    ob_start();
    ?>

        <div class="row">
            <header><h3>Expenses</h3></header>
            <p>
                <span class="cf-entries-header app-name">Expense Origin</span>
                <span class="cf-entries-header page-name">Expense Value</span>
            </p>

            <?php
                foreach ( (array)$data['entries'] as $entry ) {
                    echo '<p class="cf-entry">’ .
                    ‘<span class="exp-origin">' . $entry['data']['origin'] . '</span>’ .
                    ‘<span class="exp-value">' . $entry['data']['value'] . '</span>’;
                };
            ?>
        </div>
       <?php

        $output = ob_get_clean();
        return $output;
    };

}
add_shortcode( 'cf_app_entries', 'cf_app_entries' );

Answer 1

不，这不是正确的方法..

您不能回显简码中的所有内容..

您需要将所有内容 (HTML) 绑定在一个变量中 return 这个变量

例子

function loginform() {

$html = '<form class="custom_login_form" rel="" method="POST" role="form" action="" autocomplete="off">
    <div class="form-group">
        <div class="input-container">
            <input id="useremail" type="text" class="form-control input-field" name="email" placeholder="Email">
        </div>
    </div>
    <div class="twice-box"> 
        <div class="form-group">
            <div class="input-container">
                <input id="userpassword" type="password" class="form-control input-field" name="userpassword" placeholder="Password">
            </div>
        </div>
        <div class="form-group text-center">
            <a href="javascript:void(0)" id="submit_login" class="btn yell-btn submt-btn">Login</a>
        </div>
    </div>
    </form>';

return $html;
}
add_shortcode('login-form', 'loginform');

请检查此简码..

如果有任何问题，请告诉我..

我很乐意帮助你..

Wordpress 简码输出

Wordpress Shortcode Output

wordpress

shortcode