Создание страницы сайта на Wordpress. Урок 3
Опубликовано: 26.03.2017
Поступил мне заказ, где необходимо было воплотить простой мини-магазин (без корзины). Заказчик возжелал галерею продукта вот в таком стиле:
Создание страницы сайта на Wordpress. Урок 3
После прибавления кода, который вы можете скопировать в самом конце поста, в «Записях» вы увидите вот такую новейшую возможность:
При нажатии кнопки «Загрузить» раскрывается всплывающее окно для загрузчика медиафайлов:
После того, как вы сделаете выбор рисунки и нажмете на кнопку «Воткнуть в запись», то итог будет вот таким:
Добавление фотографий и галерей картинок для WordPress (WordPress для начинающих)
Позже это изображение можно воткнуть в любом месте собственного магазина, веб-сайта, блога.
Вот весь процесс!
Сделайте файл «upload-image-button.js» в папке вашей темы вот с таким кодом:
jQuery(function($){
/*
* действие при нажатии на кнопку загрузки изображения
* вы также сможете привязать это действие к клику по самому изображению
*/
$('.upload_image_button').click(function(){
var send_attachment_bkp = wp.media.editor.send.attachment;
var button = $(this);
wp.media.editor.send.attachment = function(props, attachment) {
$(button).parent().prev().attr('src', attachment.url);
$(button).prev().val(attachment.id);
wp.media.editor.send.attachment = send_attachment_bkp;
}
wp.media.editor.open(button);
return false;
});
/*
* удаляем значение случайного поля
* если быть четким, то мы просто удаляем value у input type="hidden"
*/
$('.remove_image_button').click(function(){
var r = confirm("Убеждены?");
if (r == true) {
var src = $(this).parent().prev().attr('data-src');
$(this).parent().prev().attr('src', src);
$(this).prev().prev().val('');
}
return false;
});
});
Дальше открываем файл «functions.php» и вставляем последующий код перед знаком «?>»: