wordpress - 如何在管理面板中创建自定义文本表单并将其显示在我的页面上(Wordpress)

Question

简介:目前我正在创建我的第一个自定义 WordPress 主题。现在我成功创建了一个 HTML/CSS 模板并将其转换为适合 WordPress(包括 header.php、index.php、footer.php、functions.php、sidebar.php 和 page.php)。

案例/问题定义:在我的主页 (index.php) 中，我包含了几个充满文本的 div(纯 HTML 和 CSS)。现在我希望能够从 WordPress 后端的管理面板手动更改此文本。我已经在管理面板中创建了一个额外的子菜单页面。此时此页面完全空白。

简而言之:如何在我的 WordPress 管理面板中填写文本表单并在特定页面(前端)上回显此内容。

额外由于我是 WordPress、PHP 和创建自己的主题的新手，我不知道如何执行此操作或如何在线搜索教程(我不知道要搜索的正确术语)。

感谢您提供的所有提示和建议!

Answer 1

在您的functions.php中添加以下突出显示的代码。这将添加一个 twitterid。因此，您可以在自定义主题中的任何位置调用自定义管理页面的值:

添加菜单项:

add_action('admin_menu', 'add_global_custom_options');

分配将创建表单的自定义函数。

function add_global_custom_options()  
{  
    add_options_page('Global Custom Options', 'Global Custom Options', 'manage_options', 'functions','global_custom_options');  
}

创建一个生成表单的函数:

<?php
function global_custom_options()
{
?>
    <div class="wrap">
        <h2>Global Custom Options</h2>
        <form method="post" action="options.php">
            <?php wp_nonce_field('update-options') ?>
            <p><strong>Twitter ID:</strong><br />
                <input type="text" name="twitterid" size="45" value="<?php echo get_option('twitterid'); ?>" />
            </p>
            <p><input type="submit" name="Submit" value="Store Options" /></p>
            <input type="hidden" name="action" value="update" />
            <input type="hidden" name="page_options" value="twitterid" />
        </form>
    </div>
<?php
}
?>

查看您的管理页面。您将在管理菜单中找到一个名为“全局自定义选项”的新链接。只需以该形式输入您的值，您就可以在主题文件中使用这些值，例如“get_option('twitterid')”。因此，在您的index.php或任何其他主题文件中，您可以执行类似的操作

<?php echo get_option('twitterid') ?>

它将打印管理页面上文本框中的任何值。

这里是 tutorial 的链接供引用。