Статьи из категории Все статьи сайта Only-to-top.ru Страница 6

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

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

Список статей категории Все статьи сайта Only-to-top.ru Страница 6

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

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

Дата размещения статьи 13/01/2019

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

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

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

Дата размещения статьи 10/01/2019

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

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

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

Дата размещения статьи 06/01/2019

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

Свой логотип при входе в админку WordPress

Свой логотип при входе в админку WordPress

Дата размещения статьи 25/12/2018

Установим свой логотип при входе в WordPress админку вместо стандартного. Если проинспектировать страницу входа в админку, увидим примерно следующее: Изменим CSS свойства background, width и height Воспользуемся хуком login_enqueue_scripts login_enqueue_scripts Данный хук подгружает скрипты и стили для страницы входа в админку WordPress Все необходимые манипуляции будем производить в...

Настройка и использование qTranslate-X

Настройка и использование qTranslate-X

Дата размещения статьи 19/12/2018

Плагин qTranslate-X позволяет сделать сайт на WordPress мультиязычным, причём с его помощью можно перевести абсолютно весь сайт, включая статический контент. Рассмотрим, как настроить плагин под себя и начать использовать его в полной мере. Настройка qTranslate-X Для настройки плагина qTranslate-X перейдём в Настройки » Языки. Общие настройки Язык по...

Ссылки на мессенджеры на сайте

Ссылки на мессенджеры на сайте

Дата размещения статьи 15/12/2018

Сегодня добавим на сайт ссылки на мессенджеры: Telegram, WhatsApp, Viber, Skype, Вконтакте, Facebook; а так же рассмотрим как добавлять другие виды ссылок: на почту, телефон и файл. Ссылка на Telegram <!-- для перехода к диалогу Telegram --> <a href="tg://resolve?domain=only_to_top">Telegram</a> Пример: Telegram - переход к диалогу. <!-- Telegram через...

Accordion jQuery

Accordion jQuery

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

Рассмотрим создание Accordion без использования плагинов. Для его реализации мы будет использовать jQuery и CSS. Структура: .accordion - обёртка для аккордеона, .accordion__item - вкладки аккордеона, .accordion__title - заголовки, .accordion__content - контент, который будет виден у активной вкладки. <div class="accordion" id="accordion"> <div class="accordion__item active__item"> <div class="accordion__title">Tab name one</div> <div...

Как скрыть пункты меню WordPress

Как скрыть пункты меню WordPress

Дата размещения статьи 05/12/2018

Скроем отображение неиспользуемых пунктов меню в админке WordPress. А так же рассмотрим, как изменить порядок пунктов меню. Содержание: удаление главных пунктов меню; удаление вложенных пунктов меню; произвольная сортировка пунктов меню; отключение редактора. отключение редактора на определённых страницах. Удаление пунктов меню верхнего уровня - remove_menu_page() Чтобы скрыть необходимый пункт...

Вертикальные табы

Вертикальные табы

Дата размещения статьи 01/12/2018

Сегодня мы сделаем адаптивные вертикальные табы (вкладки) для сайта Сначала создадим структуру для вертикальных табов: обёртку - wrap-myvertical-tabs, сами вкладки - myvertical-tabs, а так же само содержимое - myvertical-tabs-content. <div class="wrap-myvertical-tabs"> <ul class="myvertical-tabs"> <li class="chosen">Spring</li> <li>Summer</li> <li>Autumn</li> </ul> <div class="myvertical-tabs-content-wrap"> <div class="myvertical-tabs-content active">About Spring</div> <div class="myvertical-tabs-content">About Summer</div> <div...

Как передать данные из одной формы в другую

Как передать данные из одной формы в другую

Дата размещения статьи 28/11/2018

Рассмотрим, как передать данные из одной формы в другую используя jQuery, а затем на чистом JavaScript. Ситуация следующая: у нас есть две формы. При заполнении и отправке первой формы значения полей будут передаваться второй форме, а уж при отправке второй формы данные будут отправлены на почту. Используя jQuery:...

Не удается проверить так как не задан исполняемый PHP-файл

Не удается проверить так как не задан исполняемый PHP-файл

Дата размещения статьи 24/11/2018

При сохранении php-файла в Visual Studio Code может возникнуть следующая проблема у новичков и не только. Не удается проверить, так как не задан исполняемый PHP-файл. Используйте параметр php.validate.executablePath, чтобы настроить исполняемый PHP-файл. Эта ошибка сообщает о том, что VS Code не может проверить php-файл на ошибки, т.к. не...