簡體   English   中英

需要wordpress插件

[英]wordpress plugin required

我必須做一個簡單的html形式的wordpress插件,可以進行簡單的計算。 這是我的表單代碼。

<html>
<head>
    <title>Calculate</title>
    <script language="javascript">
            function addNumbers()
            {
                    var val1 = parseInt(document.getElementById("value1").value);
                    var val2 = parseInt(document.getElementById("value2").value);
                    var ansD = document.getElementById("answer");
                    ansD.value = val1 + val2;
            }
    </script>

</head>
<body>
   <input type="text" id="value1" name="value1" value="1"/>
   <input type="text" id="value2" name="value2" value="2"/>
   <input type="button" name="Sumbit" value="Click here"               
   onclick="javascript:addNumbers()"/>
   <input type="text" id="answer" name="answer" value=""/>
</body>
</html> 

謝謝

我要說的是,這比純粹的編碼任務更多的是設計任務。

在將代碼輸出到WordPress生成的頁面上某處時,我建議使用wp_enqueue_script()來包含您的JavaScript。 另外,如果您確實需要內聯腳本代碼,則可以使用wp_head 操作 要打印實際的form元素,on選項將掛接到the_content 過濾器上,並僅附加/添加內容。 其他選項包括創建允許用戶在頁面內容中插入[my_form]簡碼 ,或創建模板標簽以包含在主題模板文件中。

但是,這實際上取決於用戶的需求以及您打算使用此插件完成的工作。 就是說,至少有Ersel Aker所建議的對WordPress插件的概念有基本的了解,這絕對是一件好事,盡管一個插件可以完成您所要求的或可能很簡單:

// Enqueue javascript (placed in plugins.js in js subdir of plugin)
wp_enqueue_script('plugin.js.handle', plugins_url('js/plugin.js', __FILE__), array());

// Add filter to the_content
add_action('the_content', 'my_plugin_content');

// Append form to page content under certain conditions
function my_plugin_content($content) {

    $form = '<input type="text" id="value1" name="value1" value="1"/> <input type="text" id="value2" name="value2" value="2"/> <input type="button" name="Sumbit" value="Click here" onclick="javascript:addNumbers()"/> <input type="text" id="answer" name="answer" value=""/>';

    if ( some_magic_conditions_are_met() ) {
        return $content . $form;
    }

    return $content;
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM