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

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

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

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

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 и т.п. При вводе первых символов названия будет отображена...

Настройка и использование Redux Framework

Настройка и использование Redux Framework

06/02/2019

Redux Framework позволяет создавать панели опций для расширения тем WordPress. Рассмотрим, как установить, настроить и использовать Redux Framework. Так может выглядеть нами созданная панель опций темы: Установить Redux Framework можно двумя способами: загрузка с админки Wordpress; загрузка с...

Подсветка активного пункта меню с помощью jQuery

Подсветка активного пункта меню с помощью jQuery

19/01/2019

Подсветка активного пункта меню с помощью jQuery и JavaScript (самый простой способ определения ссылки текущей страницы). А так же реализуем подсветку текущего пункта меню при скролле HTML: <nav class="main-menu"> <ul> <li><a href="/">Главная</a></li> <li><a href="/advantages">Преимущества</a></li> <li><a href="/services">Услуги</a></li> <li><a href="/contacts">Контакты</a></li>...

Добавление FontAwesome через CSS

Добавление FontAwesome через CSS

13/01/2019

Иногда требуется добавить иконки FontAwesome нестандартным способом, например через файл стилей или js. Рассмотрим как можно это реализовать. Допустим у нас есть div, к которому нужно добавить иконку <div class="address">Россия, Москва, ул. Никольская</div> Тогда CSS будет следующим .address::before...

Шпаргалка по использованию jQuery

Шпаргалка по использованию jQuery

10/01/2019

Шпаргалка по использованию jQuery включает в себя: события загрузки страницы, манипуляции с DOM-деревом, поиск необходимых элементов, анимация и многое другое. События загрузки страницы Выполнение кода после загрузки DOM-дерева $(function() { /* код */ }); или jQuery(function($) { /*...

Шпаргалка по работе с WordPress

Шпаргалка по работе с WordPress

06/01/2019

Шпаргалка по работе с WordPress включает в себя: иерархию шаблонов и их создание, подключение стилей и скриптов; вывод логотипа, меню, изображений, а также вывод записей в циклах WordPress, используя WP_Query() и get_posts(). Иерархия шаблонов WordPress Для каждого файла...

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

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

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