Карта сайта
Записи
HTML
- Отключить кнопку отправки, если поле пустое
- Круговая диаграмма с помощью HTML и CSS (Pie Chart with HTML and CSS)
- Анимированный вывод числа от нуля до заданного
- Определяем ширину и высоту рабочей области браузера
- Не отображать точки (slick dots) для одного слайда
- Удалить шифрованный EFI раздел в Windows 7/10, создать новый раздел из командной строки
- Настройка Slick-карусели (slick-слайдер)
- Как задать тень элементу со скошенными углами или неправильной формой с помощью webkit-clip-path и filter: drop-shadow
- Создаем фильтрацию элементов с помощью библиотеки Isotope
- Проблема с отображением flex-direction: column в IE
- Google глючит или как корпорация забивает на свои же сервисы, которые не приносят прибыль
- Включить видео с youtube после нажатия на кнопку или элемент
- Как убить зависший локальный сервер с ошибкой “EADDRINUSE: address already in use”
- Ссылки для звонка/чата/перехода для мессенджеров (Skype, Viber, Telegram, WhatsApp, Facebook Messenger)
- Настройка мобильного меню на сайте
- Как быстро переводить много текстов на разные языки с помощью Google Sheets и GoogleTranslate
- Рандомное добавление к числу
- Делаем картинку такой же высоты как соседний блок с помощью flex и object-fit
- Как удалить несколько последних слайдов в слайдере Slick
- Как задать тексту фоновый рисунок с помощью CSS-свойства background-clip
- Онлайн CSS-генератор треугольников
- Препроцессор SCSS-to-CSS с помощью GULP4
- Оптимизация изображений без сторонних приложений с помощью Gulp 4
- Множественная тень с эффектом свечения с помощью CSS
- Кастомный tootip с помощью CSS и jQuery
- background-position чуть подробнее
- Как задетектить скролл вниз или вверх в браузере
- Как задать отдельные стили только для браузера IE 11 и Edge
- Пакетная оптимизация картинок для Google Page Speed Insight
- Быстрое копирование сайта с помощью плагина website-scraper
- fadeIn() для flex-контейнера
- Убираем из адреса страницы .html для статических сайтов
- Как объединить 2 массива в один
- Как добавить эффект свечения (тень) для SVG при наведении
- Анимированная светящаяся при наведении кнопка с помощью CSS
- Сжатие и конвертирование видео для сайта
- Как создать блок с видео-фоном на сайте
- Safari отображает семизначные числа как номера телефонов
- Задать цвет плейсхолдеру (placeholder)
- Связь слайдов owl-carousel с другими блоками
- 2 способа прижать футер к нижней части страницы (подходит для IE10 & Edge)
- Задаем размер 100vh без прокрутки для мобильных устройств
- Валидация email с помощью javaScript
- Скопировать текст в буфер обмена нажатием на кнопку
- Убрать стрелки в input[type=”number”] с помощью CSS
- Событие ‘click’ не срабатывает на iPhone и некоторых мобильных браузерах – решение проблемы
- Делаем блоки одинаковой ширины с помощью Javascript
- Анимированная рамка с градиентом с помощью SVG
- Минификация и сжатие HTML в GULP 4
- Создание и использование Source Maps для css и js в GULP 4
- Создание спрайтов в GULP 4 с поддержкой Retina
- Как оптимизировать и максимально сжать изображения в GULP 4 с помощью gulp-imagemin
- Изменение внешнего вида чекбоксов и радио-кнопок с помощью CSS
- Бесконечный анимированный фон с эффектом параллакса
- Бесконечный фон с автопрокруткой
- Как получить параметр из URL страницы
- Плавный скроллинг по странице к нужному элементу с использованием плагина PageScroll2id
- Плавный скролл по странице к нужному ID (Scroll to id)
- Простой способ задать отступы между flexbox элементами
- Использование CSS-функции calc() в LESS
- Итерация потомков (nth-child) с использованием SASS
- Используем медиа-запросы вместе с LESS
- Google Fonts. Документация и примеры использования
- Использование @keyframes с препроцессором SASS
- CSS счетчики
- Валидация формы обратной связи с помощью Javascript
- Анимация SVG
- Анимация png-спрайта по слайдам
- 301 Redirect в ModX
- Анимация элементов при скроле
- CSS анимации
- Скролл вверх страницы
- Анимация элементов в HTML с помощью CSS и JS используя плагин WOW.js
- Делаем кликабельными ссылки на элементах <object> в Chrome
- Как убрать желтый (серый) фон при автозаполнении полей формы в браузере Google Chrome
- Кроссбраузерный GrayScale с поддержкой Internet Explorer 10
- Множественные фоны на примере затухающего фона с градиентом и картинкой
- Как получить прямой url к файлу, загруженному на gogole disk
- Делаем размытый фон для блока (blurred background)
- Создание карусели/слайдера с помощью плагина Owl Carousel 2
- Как сверстать html-письмо
- Как получить картинки из документа Word формата .doc, .rtf или .docx
- Эффект анимации для gif-картинки
- Сохраняем пропорции высоты и ширины элемента при изменении ширины контента на чистом CSS
- Фиксированный плавающий sidebar
- Фиксированный блок при прокрутке с поддержкой IE
- Перенос сайта с хостинга на хостинг
- Простое добавление иконки в google map
- Скрипт для включения видео при прокрутке
- CSS Grid
- Bootstrap 4
- Flexbox
- Пошаговая инструкция по работе с git и github для студентов
- Обрезаем текст по количеству слов или по размерам блока с помощью jQuery
- Делаем видео-фон для блока с помощью CSS
- Условные комментарии для IE
- Примеры использования селектора :checked с помощью jQuery
- Как правильно оптимизировать картинки для сайта
- Добавляем на сайт лоадер (спиннер)
- Как стилизовать стрелки для input[type=number]
- Конвертируем SVG-иконку в код для использования в CSS
- Полезные ссылки для вебмастеров
- Простой таймер обратного отсчета на Javascript
- Кнопки “Поделиться в социальных сетях” без сторонних плагинов (Share Social Links)
- Форма обратной связи с прикреплением файла (Send attachments with PHP Mail())
- Простой jQuery-скрипт для табов (вкладок)
- Какой размер для фавиконок использовать?
- Фиксированное меню при прокрутке страницы только для мобильных
- [CSS Animation] PCPP Loading Boxes
- Вертикальные параллакс-эффекты при прокрутке страницы с помощью Stellar.js
- Фиксированное меню при прокрутке страницы
- Как настроить VPN в браузере Opera
- Открытие новых вкладок скриптом
- Gulp – подробное руководство
- Содержимое файла gulpfile.js
- Как сделать сетку bootstrap под макет шириной 960px
- Делаем колонки одинаковой высоты с помощью JS
- Создаем всплывающую HTML-форму обратной связи с pop-up окном об успешной отправке
- Валидация HTML-формы без использования скриптов и php
- Убирать или нет Яндекс.Метрику со своих сайтов после введения санкций против Яндекса в Украине?
- Уникальная форма обратной связи с ajax на php
- Виджеты заблокированных в Украине ресурсов (ВКонтакте, mail.ru, Яндекс и др.) могут навредить сайтам?
- Делаем Fotorama адаптивной
- Определяем браузер пользователя и подставляем его название в страницу
- Варианты «clearfix-хака» и его замен: сводная таблица
- Делаем динамическую гистограмму с использованием JS и jQuery
- Добавляем градиент в sass через миксины или с помощью bourbon
- Open Graph – метатеги, которые помогают вывести нужную информацию при публикации ссылки на сайт в социальных сетях
- Добавляем классы к дочерним элементам “одноуровневого” списка
- Делаем красивые чекбоксы
- Быстрое подключение шрифтов Google Fonts (Open Sans, Roboto, Ubuntu, Montserrat, Cuprum)
- Делаем попап без плагина fancybox
- Делаем на сайте случайные картинки для фона и для некоторых элементов
- Создание офф-скрин меню с помощью CSS переходов
- Как сделать видео с youtube адаптивным на вашем сайте
- Что сделать с таблицами, чтобы их можно было нормально просматривать на смартфонах?
- Добавить класс к элементу с помощью js
- Убираем лишний отступ внизу изображения
- CSS3
- Эффект мигания с помощью animation
- Делаем цветное изображение черно-белым с помощью CSS Filters
- Добавляем на сайт лайки Вконтакте, Facebook и кнопку Твитнуть
- Как установить на сайт виджет для комментариев Facebook
- Как установить на сайт виджет для комментариев Вконтакте
- Ошибка 403 forbidden после переноса Joomla-сайта на другой хостинг
- Как добавить видео на свой сайт с использованием тега video в html5
- Как подключить нестандартный шрифт к сайту с помощью @font-face
- Как увеличить скорость загрузки страниц на сайте
- Выпадающий блок при наведении на родительский элемент
- Овальная кнопка с помощью CSS
- Перевод кириллицы в UTF-8
- Текстовые подстановки в HTML
Wordpress
- Как убрать отступ в 32px для админбара сверху страницы для авторизованного пользователя
- Если на новом сайте не загружаются медиа с ошибкой “Unable to create directory wp-content/uploads/”
- Как добавить noindex, follow для страниц пагинации при использовании Yoast SEO
- Как указать каноничной страницей первую страницу категории при использовании Yoast SEO
- Как удалить мета описание (meta description) на страницах пагинации при использовании Yoast SEO
- Вывод кастомных полей в товарных категориях WooCommerce
- Как добавить попап с формой “Сообщить о наличии”, если товар закончился – WordPress + WooCommerce
- Содержимое файла style.css в корне темы CMS WordPress
- Как отключить индексацию пустых записей, страниц или кастомных постов
- Создаем фильтрацию элементов с помощью библиотеки Isotope
- Как добавить на свой сайт ленту Instagram с помощью плагина Smash Balloon Social Photo Feed
- Почему the_date() не выводит дату или выводит дату только в первой записи
- Что означает ignore_sticky_posts?
- Как убрать тег <p> и <br> из формы Contact Form 7
- Перегенерация пермалинков (слагов) – массовое изменение ЧПУ на сайте WordPress
- Как выводить кастомные типы записей в поиске
- Как выводить кастомные типы записей в стандартных рубриках или тегах
- Как исправить ошибку 404 при постраничной навигации, если используются кастомные ссылки для записей и категорий в CMS WordPress
- Как заменить пагинацию WooCommerce на WP-PageNavi
- Ajax Load More
- Не спешите обновлять CMS WordPress до версии 5.7 – обнаружен конфликт с Contact Form 7 версии 5.4
- Какая разница между esc_html, esc_attr, esc_html_e, _e() и другими?
- Функция, чтобы исключить текущий пост из виджета Recent Posts Widget
- Как сделать бекап и импортировать базу через SSH
- Эффективный способ перенести свой e-commerce проект на WordPress на новый хостинг и не потерять прибыль
- Как задать длину цитаты (excerpt) или изменить ее вид
- Что лучше использовать – чистый HTML, самописный движок или CMS WordPress ?
- Разрешаем пользователю прокомментировать запись только один раз
- Выводим дату для копирайта в футере с помощью функции date()
- Добавляем переводы в дочернюю тему (child theme)
- Правильное отображение амперсанда в блоке SyntaxHighlighter – & вместо &
- Как подключить кастомную форму комментариев в дочерней теме (Child Theme)
- Выводим список категорий, к которым относится данный кастомный тип записи
- Выводим рекомендованные кастомные записи из кастомной таксономии
- Выводим список категорий определенной кастомной таксономии
- Выводим список кастомных таксономий и кастомных записей из каждой таксономии
- Добавляем в исходный код время изменения файлов css и js для сайтов на CMS WordPress
- Выводим колонку “Размер” для библиотеки медифайлов в админке CMS WordPress
- Плагин для вывода тегов Facebook Open Graph
- Вывод аватара комментатора на сайте
- Убираем свойство прилепливания (Sticky Posts) записей из цикла
- Отключить уведомления об обновлении плагина
- Скрывать пустые категории из меню с помощью функции
- Поиск только по записям на сайте
- Задаем формат для анонса записи с помощью тега Excerpt
- Как вывести описание категории на странице
- Получаем список категорий и тегов с кастомными полями
- Задаем различные размеры для миниатюр (post-thumbnails)
- Как вставить в пост шорткод для вызова виджета
- Перенос сайта с хостинга на хостинг
- Теги шаблонов – bloginfo
- Подключаем правильно скрипты js в шаблоне WordPress
- Подключаем правильно файлы стилей css в шаблоне WordPress
- Создаем виджеты в шаблоне на CMS WordPress
- Создание мультиязычных сайтов на CMS WordPress
- Добавляем файлы SVG через PHP
- Добавляем меню в свой шаблон на CMS WordPress
- Что нового в WordPress 4.9
- Создание вариативных товаров в WooCommerce (создание вариаций)
- Выводим цену товара в WooCommerce в произвольном месте
- Меняем внешний вид вариаций – вместо селектов делаем радио-кнопки
- Выводим таймер обратного отсчета для продукта в WooCommerce
- Получаем ссылку на запись или страницу в любой языковой версии (Polylang)
- Выводим дату мероприятия через ACF
- Как изменить изображение флага в переключателе плагина polylang
- Получаем описание и заголовок из плагина AIOS и используем его для og-метатегов
- Как удалить круглые скобки вокруг количества постов в виджете “Рубрики”
- Вывод ссылки на следующую и предыдущую запись внутри поста
- Как ускорить загрузку своего сайта (советы от студии Themes Zone)
- Использование “$” вместо “jQuery” в шаблонах WordPress
- Child theme
- Форма HubsPot отображается в неправильном месте
- Как сделать сайт на WordPress многоязычным? Мультиязычность для ленивых, используем плагин Google Language Translator
- Выводим список всех категорий со списком записей
- Выводим записи только определенного формата
- Самый простой вариант файла index.php в шаблоне CMS WordPress
- Делаем сортировку постов по произвольному полю
- Выводим кастомные поля с помощью плагина ACF в рубриках и тегах
- Как убрать слаг таксономии из URL кастомной таксономии, категории или тега
- Можно ли оптимизировать сайт на CMS WordPress для Google PageSpeed Insights
- Как разбить запись на несколько страниц с пагинацией
- Создаем кастомный тип записи (Custom Post Type) с кастомными категориями (Custom Taxonomy)
- После обновления движка, открывается пустая страница и такой url wp-admin/upgrade.php ?_wp_http_referer= %2Fwp-admin%2F
- Получаем массив данных о категориях относящихся к указанному посту get_the_category()
- Пример реализации стандартных комментариев на сайте на CMS WordPress с помощью файла comments.php
- Выводим посты с самым большим значением метаполя
- Выводим список самых просматриваемых постов с помощью плагина Post Views Counter
- Как на сайте на CMS WordPress сделать все картинки в статьях некликабельными
- Групповое редактирование цен в магазине на woocommerce
- Рабочий поиск по сайту на CMS WordPress по дополнительным полям (Custom Fields) и по части фразы или слова
- Советы новичкам при работе с WordPress
- При изменении адреса страницы, WordPress сохраняет старый адрес и делает с него редирект на новый
- Делаем pop-up для owl-carousel с помощью Magnific Popup
- Добавляем к товару новый таб ‘Основной ингредиент’ в Woocommerce
- Если не загружаются автоматически демо-данные для шаблона Avada
- Как сделать скачивание файла pdf после заполнения формы c помощью плагина Contact Form 7
- На премиумных шаблонах перестали работать карты Google
- Решаем проблему с кодировкой UTF-8 в Denwer’e
- Как отключить и удалить все редакции в WordPress без плагина
- Действия после успешной отправки формы CF7
- Как вывести описание категории под товарами в Woocommerce
- Условия для плагина polylang для определения текущего языка
- Пример пагинации для WordPress
- Как сделать раскрывающееся меню категорий товаров Woocommerce в виджете сайдбара по клику
- Как сделать открытие картинок из слайдера RoyalSlider для WP в pop-up
- Специальные теги для плагина Contact Form 7
- Что нового в WordPress 4.4
- Исключаем вывод записей из определенной рубрики на Главной, из результатов поиска и из RSS-ленты
- Выводим в записях карту Google используя только адрес без координат
- Как сделать пагинацию для элементов custom post type на странице page
- Что делать с письмом от Google “Googlebot не может получить доступ к файлам CSS и JS на сайте”
- Код sape для сайтов на php
- Как защитить сайт на CMS WordPress от взлома
- Сайт завис при обновлении плагина, теперь не работает и высвечивает сообщение “Сайт ненадолго закрыт на техническое обслуживание. Зайдите через минуту.”
- Добавляем аудиозаписи в плеер HTML5 MP3 Player with Playlist Free (WordPress plugin)
- Что нового в WordPress 4.1
- Что нового в WordPress 4.0
- Полезная информация по файлу functions.php
- Понимание и работа с данными в WordPress. Часть 1. Введение
- Малоизвестные функции в WordPress
- Предыдущие записи из категории без плагина
- Как перенести настройки виджетов с хостинга на хостинг
- Как пакетно переместить записи из одной категории в другую в WordPress
- Как убрать category из адреса страницы в WordPress
- Плагин защиты от спама Antispam Bee
- Функция body_class() в WordPress
- Использование функции get_template_part() в WordPress
- Началась разработка WordPress 4.0
- Как сделать форму обратной связи во всплывающем окне для WordPress
- Что нового в WordPress 3.9
- Как сделать ограничение заголовков записей по количеству символов или слов
- Несколько полезных функций для плагина qTranslate
- Как удалить внешние ссылки из карты сайта sitemap.xml
- Плагин Google XML Sitemaps не работает с www, как исправить? (Error loading stylesheet: An unknown error has occurred (805303f4))
- В CF7 версии 3,6 перестало пропадать сообщение о неправильном заполнении полей
- Как вывести несколько последних записей из определенной категории
- Как сделать форму поиска для CMS WordPress
- Что нового в WordPress 3.8
- Как сделать форму email подписки с помощью CF7
- Обязательные стили в CMS WordPress
- Правильный файл robots.txt для CMS WordPress
- Настройка плагина SEO Smart Links
- Полезные функции в шаблоне WordPress
- Как сделать, чтобы форма комментирования появлялась сразу под кнопкой ответить
- Что делать, если не выводятся миниатюры в плагине Slideshow Gallery
- Выводим в категории описание, а если описания нет, то список записей
- Как вывести постоянную ссылку на записи и категории
- Вывод виджета меню только в категориях дочерних определенной категории
- Вывод дочерних категорий только той категории, в которой сейчас находишься
- Редактирование записей на сайте на CMS WordPress
- Вывод дополнительных полей
- Как вставить в запись или в шаблон текст или картинку только в одном месте
- Транслитерация урлов с помощью плагина rus-to-lat
- Как увеличить время обработки скрипта (Fatal error: Maximum execution time of 30 seconds)
- Постраничная навигация в WordPress с плагином WP-PageNavi
- Постраничная навигация в WordPress без плагина
- Убираем лишний мусор из <head>…</head>
- Установка плагина SyntaxHighlighter Evolved на WordPress
Мои работы (неактуальное)
