如何從后端獲取選項到前端

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
}