Все статьи сайта Only-to-top.ru Страница 5

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

Как вставить svg картинку на свой сайт

Как вставить svg картинку на свой сайт

08/06/2019

Рассмотрим способы вставки SVG изображений: через тег img, инлайново, base64, теги object и embed; а также как вставить SVG картинку через CSS. Вставка SVG в HTML SVG через тег img Inline SVG HTML SVG data URI / base64...

Вывод произвольных полей ACF

Вывод произвольных полей ACF

11/05/2019

Рассмотрим вывод произвольных полей, созданных в Advanced Custom Fields для WordPress. А так же, как вывести произвольные поля для терминов таксономии, например, "Рубрики" в шаблоне category.php Типы полей - текст, число, область текста, файл, медиа Чтобы вывести текст,...

SVG анимация

SVG анимация

01/05/2019

Сегодня поговорим об анимации SVG. Реализуем следующее: при клике на svg-изображение, будет проигрываться анимация. А также попутно познакомимся с тегами <g></g> и <defs></defs>. Для примера я скачал svg картинку. Анимация внутри SVG Нам необходимо выполнить следующие действия. Загрузить...

Эффекты при нажатии CSS

Эффекты при нажатии CSS

24/03/2019

Рассмотрим, как добавить красивые эффекты при нажатии на кнопку с помощью CSS и jQuery. Создадим три кнопки с разными эффектами. Структура: <button class="mybutton mybutton--animate-click-one"> <span class="mybutton__text">Первый эффект при нажатии</span> </button> <button class="mybutton mybutton--animate-click-two"> <span class="mybutton__text">Второй эффект при нажатии</span>...

Как перенести сайт WordPress на хостинг

Как перенести сайт WordPress на хостинг

16/03/2019

Рассмотрим, как перенести сайт WordPress с локального сервера на хостинг. Шаги следующие: Заархивировать все файлы сайта Экспортировать базы данных Загрузить и разархивировать файлы на хостинге Внести правки в wp-config.php Импортировать базы данных Выполнить необходимые SQL-запросы Архивация файлов сайта...

Настройте показ всего текста во время загрузки веб-шрифтов

Настройте показ всего текста во время загрузки веб-шрифтов

13/03/2019

Настройте показ всего текста во время загрузки веб-шрифтов - так звучит рекомендация от Google PageSpeed Insights. Рассмотрим, как это реализовать. 1. Подключаем шрифт инлайново в теге head в формате <head> ... <style> @font-face { font-family: 'FontBeautifulName'; font-display: swap;...

Полезные WordPress хуки

Полезные WordPress хуки

08/03/2019

Полезные хуки по работе с WordPress: фильтры, события и просто полезный PHP-код при разработке сайта на WordPress. Отключение редакций WordPress // Отключить редакции WP function my_revisions_to_keep( $revisions ) { return 0; } add_filter( 'wp_revisions_to_keep', 'my_revisions_to_keep' ); Отключение Emojii...

Выполнение js в зависимости от ширины экрана

Выполнение js в зависимости от ширины экрана

04/03/2019

Рассмотрим два способа как выполнить js код в зависимости от ширины экрана, а затем и высоты. 1 способ - с помощью нативного js, 2 способ - используя jQuery. 1 способ - нативный JavaScript. Выполнение js кода на экранах...

Сниппеты в VS Code

Сниппеты в VS Code

27/02/2019

Создание сниппетов в редакторе кода Visual Studio Code. Сниппеты в VS Code - это участки кода, которые можно использовать неограниченное количество раз в своих файлах: html, css, js, php и т.п. При вводе первых символов названия будет отображена...

Следующая страница

Нет больше статей для загрузки

Нет больше статей для загрузки