Увеличить значение на 1 с помощью WordPress, нажав кнопку

Question

Увеличить значение на 1 с помощью WordPress, нажав кнопку

У меня есть веб-сайт WordPress, и я хочу иметь страницу, на которой, если вы нажимаете кнопку, она увеличивает хранимое значение на 1. Я бы предпочел, чтобы страница обновлялась после нажатия кнопки, чтобы показать страницу с новым целочисленным значением.

Я не уверен, должен ли я использовать PHP и как текстовый файл для хранения данных или использовать MySQL … в любом случае, я не имею ни малейшего представления, как закодировать такую вещь! Я просто хочу что-то довольно простое 🙂

Заранее спасибо 🙂

1

increment php sql wordpress

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Привет, вы можете использовать JQuery код, как это. На youtube есть много обучающих программ, которые показывают, как связать библиотеку jQuery в html.

Затем вы можете поместить этот код в HTML-код вашей страницы. или если вы используете внешний javascript, то вы должны поставить в очередь свой javascript-файл в файле functions.php темы следующим образом

wp_enqueue_script('your_js_handle', plugins_url('your_js_folder/your_js_file.js',__FILE__) ,array('any_dependency_the_js_file_might_require',false);

add_filter('wp_head','your_function');

function your_function(){
$output = '
var myvalue = 0;
$("#mybuttonid").on("click",function(){
myvalue++;
localStorage.setItem("any_name_here", myvalue);
})

if ( localStorage.getItem("any_name_here") ) {
myvalue = localStorage.getItem("any_name_here");
}
</script>';
echo $output;
}

Затем вы можете использовать myvalue, чтобы поместить это как текст в некоторый тег div.
Но сначала вы должны иметь идентификатор Div. скажем, идентификатор div — это the_text

Это код, который вы должны использовать:

Тогда вы могли бы написать код так.

wp_enqueue_script('your_js_handle', plugins_url('your_js_folder/your_js_file.js',__FILE__) ),array('any_dependency_the_js_file_might_require',false);add_filter('wp_head','your_function');

function your_function(){
$output = '
var myvalue = 0;
$("#mybuttonid").on("click",function(){
if ( localStorage.getItem("any_name_here") ) {
myvalue = localStorage.getItem("any_name_here");
}

myvalue++;
$("#the_text").text(myvalue);
localStorage.setItem("any_name_here", myvalue);

</script>';
echo $output;
}

За your_js_handle Вы можете поставить любое имя, но не включать пробелы.
your_js_handle — это идентификатор файла, который будет доступен в HTML DOM.

Plugins_url это функция, которую вы должны использовать, если вы работаете с плагином.
ты должен использовать get_template_directory_uri('your_js_folder/your_js_file.js'),

__FILE__написано с двумя подчеркиваниями до и после слова, так что это не ошибка, и что __FILE__ будет делать то, что он будет получать относительный путь к файлу, с которым вы работаете.

array('any_dependency_the_js_file_might_require',false) следует использовать, если для работы файла javascript требуется какая-либо библиотека. например, если вашему плагину требуется библиотека jQuery, вы должны использовать его, указав массив (‘jquery’).
если вашему плагину требуется библиотека jQuery, убедитесь, что вы ставите его в очередь перед использованием. WordPress обычно поставляется с предустановленной библиотекой jQuery, которая является последней версией. Чтобы использовать это просто государство

 wp_enqueue_script('jquery');

в заключение false означает, что вы выводите файл в нижний колонтитул или в заголовок вашего сайта. В этом случае вы должны убедиться, что вы используете wp_head() или же wp_footer() как требуется. Если вы установите значение true, скрипт будет помещен перед конечным тегом.

0