Создание страницы сайта на Wordpress. Урок 3

Опубликовано: 26.03.2017

видео Создание страницы сайта на Wordpress. Урок 3

Как добавить запись на сайте на Wordpress. Урок 4

Поступил мне заказ, где необходимо было воплотить простой мини-магазин (без корзины). Заказчик возжелал галерею продукта вот в таком стиле:


Создание страницы сайта на 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» и вставляем последующий код перед знаком «?>»:

rss