Все верстальщики в своих проектах используют div.container для центрирования контента и этот способ имеет некоторые особенности, от которых можно избавиться.

Как избавиться от создания лишних блоков в разметке 👇👇👇

WordPress Мультисайт – позволяет использовать неограниченное количество сайтов в пределах одной-единственной установки WordPress и управлять всеми этими сайтами как суперадминистратор.

Можно применять:
✓ если у вас сеть магазинов в разных городах
(пример доменов:
msk.site.ru,
ekb.site.ru,
kurgan.site.ru);
✓ если нужен сайт на нескольких языках
(пример доменов:
ru.site.ru,
en.site.ru,
kz.site.ru);
✓ для портфолио, если вы разрабатываете темы под Wordpress
(пример доменов:
названиетемы.site.ru).

*В первую очередь создайте поддомен на хостинге, а потом создавайте сайт с этим поддоменом в админке Wordpress.

Статья про создание мультисайта 👇👇👇

Иногда нужно выводить посты нестандартной сеткой как в примерах выше 👆
В этом поможет CSS Grid.

Цикл для вывода постов тут
Функции для карточек поста тут

Шпаргалка по гридам 👇👇👇

Link-Host - недорогой и надежный хостинг, которым я пользуюсь с бесплатными SSL сертификатами .

✓ Цена за год - 720р;
✓ Бесплатно домен в зоне .ru;
✓ 10 сайтов;
✓ 10 Баз данных MySQL;
✓ SSL бесплатно;
✓ быстрый ответ техподдержки.

💡 Как-то написал в техподдержку ближе к полуночи и пошел на кухню попить воды. Прихожу обратно, а ответ уже висит. И так со всеми моими запросами в техподдержку.

Узнать подробнее 👇👇👇

Clippy – инструмент, который позволяет автоматически генерировать CSS код на основе свойства clip-path.

Протестировать 👇👇

CSS Peeper - расширение, которое поможет найти элемент и его стили на странице сайта быстрее, чем с помощью встроенного инструмента Inspect Element.

Установить 👇👇

Сниппет, который поможет создать новую строку в редакторе записей.
Он позволит вам:
✓ изменить шрифт текста,
- размер текста,
- стили текста;
✓ конвертировать текст;
✓ добавить в редактор горизонтальную полосу.

Необходимо поместить его в ваш файл functions.php темы.

Код там 👇👇

Clearfy – плагин, который поможет в:
✓ решении проблем безопасности вашего сайта,
✓ SEO подготовке сайта,
✓ удалении дублей страниц ,
✓ очистке кода от мусора,
✓ настройке правильных редиректов.

Проверь свой сайт на ошибки 👇👇

Advanced Custom Fields — плагин с расширенными настраиваемыми полями для разработчиков WordPress.

На практике, для любого сайта устанавливаю этот плагин. Pro версию, там больше функционала. На ютубе достаточно видео, чтобы научиться работать с ним.

Ссылка на документацию плагина 👇👇

Отсортировал товары в корзине и на почте по алфавиту.

Когда клиент заказывает 2-3 товара, то проблем особо нет. Но когда он заказывает оптом 25-30 товаров, то на почту приходит длинная простыня из товаров. Это максимально неудобно для человека, который собирает этот заказ.

Код сортировки товаров в корзине и в письме на почте 👇👇

Во время разработки своей темы используешь шорткоды. Это могут быть шорткоды от форм плагина Contant Form 7 или ajax форма поиска в woocommerce.
В любом случае, шорткоды в Wordpress вставляются так 👇👇

<?php
echo
do_shortcode('[your_shortcode]');
?>

Используй заготовки. Сделай себе одну заготовку для всех макетов. Нужно создать свой фреймворк для разработки, нужные файлы и папки и установить нужные плагины (например jQuery, Bootstrap и т.д). Сохрани эту заготовку и используй её в проектах.

Я начинаю каждый свой проект со своей заготовкой 👇👇

По умолчанию в WordPress если названия статей пишутся на русском, то и в адресе статьи, либо страницы, будут русские символы.
Копирование и публикация этих символов в ссылку на статью переведет в непонятный набор символов.

Пример:
http://site.ru/%D0%9B%D1%83%D1%80%D0%BA%D0%BE%D0%BC%D0%BE%D1%80%D1%8C%D0%B5

Cyr-To-Lat - поможет исправить это.
Проверь сам 👇👇

По умолчанию Wordpress не поддерживает SVG формат.
SVG Support — лучший способ разрешить загрузку SVG в Wordpress!

Проверь сам 👇👇

Как использовать градиент для текста

Код на codepen 👇👇

Всегда удобно иметь под рукой css инструменты, который в значительной мере ускорят процесс работы.

В статье ты найдёшь:
✓ CSS Filter playground
✓ CSS Transform Playground
✓ Box Shadow Generator
✓ Border Radius Generator
✓ Toucan palette generator

Проверь сам 👇👇

В корне сайта нужно создать файл robots.txt и в него добавить пару строчек:
User-agent: *
Disallow: /

Ещё больше примеров 👇👇

Хостинг – это место под размещение информации на жестких дисках удаленного сервера, имеющему доступ к сети.

Виды хостинга:
✓ Виртуальный хостинг
✓ Виртуальный выделенный сервер
✓ Выделенный сервер
✓ Облачный сервер

Подробнее 👇👇

Делаю проект. На главной нужно выводить слайдер из статей. Код для вывода статей ниже 👇👇

:nth-child —  позволяет выбрать один или несколько элементов на основе их исходного порядка в соответствии с формулой.

Ещё больше примеров 👇👇

cleanup.pictures — ресурс, который поможет удалить из своих изображений любые предметы, людей, текст или дефекты.

Проверь сам 👇👇