如何从后端获取选项到前端

Question

我正在开发一个插件，我想在后端添加一个复选框，单击该复选框时会在前端隐藏和元素。

我的问题是如何正确使用 get_option，因为我真的无法弄清楚，我在这个 position 中停留了 2 天，我已经尝试了我所知道的一切，但我是 PHP 和插件开发的初学者，我的主要语言是 HTML/ css/js，我对整个动态内容真的很不好。

所以，我的代码如下所示：

function vsuc_page_html() { ?>
<div class="wrap vsuc-wrapper">
    <form method="post" action="options.php">
        <?php settings_errors() ?>
        <?php settings_fields('vsuc_option_group'); ?>
        <input type="checkbox" id="vsuc_checkbox1" name="vsuc_checkbox1" value="style1" 
        onclick="check_css()" checked >

该复选框有效，我在控制台中看到了更改，但我看到了一个错误，即我从前端调用的 class 未定义：（header_title 未定义）

const header_title = document.getElementById("header_title");
function check_css() {
    header_title.style.display = "none";
}

这只是我最后一次尝试，我尝试使用 If 和 Boolean 添加事件侦听器，但我只知道 JS 而不是 php。

有人请对此有所了解，因为我知道这并不复杂，但我在任何地方都找不到任何答案。

Answer 1

尝试使用选项页面生成器（如果已经为您的插件注册了选项页面，则只能使用表单位并注册选项）。 https://jeremyhixon.com/tool/wordpress-option-page-generator/

不要在那里使用 onclick 来操纵前端。
在 your.php 模板中找到 header_title 并将其包装在

$titleCheck = get_option( 'title_option_name' );  
if ($titleCheck) {
THIS IS WHERE YOU RENDER YOUR TITLE FIELD
}