Все статьи сайта Only-to-top.ru

Все статьи сайта Only-to-top.ru

HTML, CSS, SASS, JavaScript, jQuery, PHP. Работа с Wordpress, Gulp, а также другие инструменты и технологии для создания современных сайтов

Список статей сайта Only to top

WordPress Пагинация без Плагина

WordPress Пагинация без Плагина

Дата размещения статьи 04/03/2021

Рассмотрим, как добавить пагинацию в WordPress без плагинов. Наверняка все использовали различные популярные плагины для реализации пагинации, сегодня мы создадим пагинацию при помощи WordPress функции paginate_links(). Это позволит создать пагинацию для любых типов страниц в любом месте вашей темы. Список параметров, доступных для использования функцией paginate_links(): echo paginate_links([...

PHP ООП MySQL - Пошаговое руководство

PHP ООП MySQL - Пошаговое руководство

Дата размещения статьи 25/01/2021

Сегодня познакомимся с объектно-ориентированным программированием (ООП) в PHP. Используя принципы ООП, MySQL создадим простое web-приложение. 1. Введение 2. Файловая структура 3. Структура таблицы базы данных 3.1 Создание базы данных и таблицы товаров 3.2 Вставка демо-данных для таблицы «Товары» 3.3 Создание таблицы с категориями 3.4 Вставка демо-данных для таблицы...

JavaScript: Работа с Массивами

JavaScript: Работа с Массивами

Дата размещения статьи 30/12/2020

В JavaScript работа с массивами происходит каждый день. Данная статья будет мини шпаргалкой по наиболее полезным методам для работы с массивами в JavaScript. Содержание: length; every; some; filter; forEach; concat; join; sort; reverse; slice; splice; indexOf; lastIndexOf; map; pop; push; shift; unshift; reduce. ['K', 'L', 'M'].length // 3...

WordPress: Поиск по Сайту (без плагинов)

WordPress: Поиск по Сайту (без плагинов)

Дата размещения статьи 13/12/2020

Сегодня разберёмся, как в WordPress реализовать AJAX поиск по сайту (так называемый «Живой поиск») без использования плагинов. Настроим его должным образом. Рассмотрим, как реализовать поиск по записям, страницам или произвольным типам записей. А также исключим определённые страницы/записи из поиска. Содержание: код поиска WordPress (HTML, CSS); AJAX поиск (JavaScript);...

Отправка mail() в php

Отправка mail() в php

Дата размещения статьи 15/11/2020

Рассмотрим, как отправить почтовое сообщение с помощью php функции mail(). В данной статье мы создадим максимально "белую" отправку, чтобы ваше письмо не попало в папку «Спам». Содержание: создание файла mail.php и основных переменных; формирование текстовой версии письма (text/plain) и таблицы для HTML-версии; доработка HTML-версии почтового сообщения; создание заголовков;...

ACF Repeater (повторитель) – AJAX загрузка

ACF Repeater (повторитель) – AJAX загрузка

Дата размещения статьи 27/09/2020

Сегодня разберёмся, как реализовать загрузку полей ACF Repeater (повторитель) с помощью технологии AJAX. При нажатии на кнопку будем подгружать вложенные поля (пусть это будут изображения). Выведем изображения, предварительно создав три переменные: $total_rows - получим общее число вложенных полей; $count - заведём счётчик для подсчёта; $number - добавим ограничение,...

Шпаргалка по WooCommerce

Шпаргалка по WooCommerce

Дата размещения статьи 02/07/2020

Шпаргалка по WooCommerce включает в себя: проверку типа страницы магазина, вывод товаров, категорий товаров, атрибутов, получение ссылок на различные страницы магазина, работа с корзиной, в том числе AJAX добавление товара в корзину и многое другое. Установка и подготовка Включение поддержки WooCommerce в вашей теме functions.php // Подключение WooCommerce...

Наличие Динамически Добавленного Элемента

Наличие Динамически Добавленного Элемента

Дата размещения статьи 09/05/2020

Рассмотрим, как проверить наличие динамически добавленного элемента в DOM-дерево с помощью JavaScript. Чтобы проверить наличие динамически добавленного элемента в DOM, воспользуйтесь следующим кодом. <button type="button" class="btn">Проверить наличие элемента</button> С помощью jQuery. jQuery(($) => { $('.btn').on('click', () => { if (!$('.new-element').length == 0) { alert('Есть элемент!') } else {...

Стилизация Input File

Стилизация Input File

Дата размещения статьи 19/04/2020

Сегодня будем стилизовать input type file. Т.к. стилизация тесно связана с обработкой input file на фронтенде, мы так же рассмотрим, как обработать выбранный файл и отправить на сервер. Скрипт будет работать для множества форм с возможностью не только загрузить файл при клике на кнопку, но так же перетаскиванием...

Как Загрузить SVG в WordPress

Как Загрузить SVG в WordPress

Дата размещения статьи 23/03/2020

Сегодня мы рассмотрим, как можно в WordPress разрешить загрузку SVG изображений, чтобы добавлять SVG через библиотеку файлов. Научимся добавлять и другие форматы, например, WEBP. При попытке загрузить SVG в WordPress, вы увидите следующее предупреждение о невозможности добавления данного типа по соображениям безопасности. Первое, что необходимо сделать, добавить следующую...

Предзагрузка Картинок - Предварительная Загрузка Изображений на JavaScript

Предзагрузка Картинок - Предварительная Загрузка Изображений на JavaScript

Дата размещения статьи 07/03/2020

Рассмотрим, как реализовать предзагрузку изображений на нативном JavaScript, jQuery, а так же при помощи rel="preload". Это может понадобиться, например, если картинки добавляются на страницу (в DOM) динамически. Чтобы страница не прыгала, и выглядело всё достойно, необходимо чтобы изображения были предварительно загружены. На JavaScript это будет выглядеть следующим образом....