Вадим Фоминов | Создаю сайты на Wordpress
1.53K subscribers
233 photos
5 videos
15 files
112 links
Про сайты со сложной структурой: интернет-магазин, сайт-каталог, блог, сайт-портфолио или личный кабинет любой сложности.

Для связи: @vadimfominov
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Используй заготовки. Сделай себе одну заготовку для всех макетов. Нужно создать свой фреймворк для разработки, нужные файлы и папки и установить нужные плагины (например jQuery, Bootstrap и т.д). Сохрани эту заготовку и используй её в проектах.

Я начинаю каждый свой проект со своей заготовкой 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
По умолчанию в 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 - поможет исправить это.
Проверь сам 👇👇
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
По умолчанию Wordpress не поддерживает SVG формат.
SVG Support — лучший способ разрешить загрузку SVG в Wordpress!

Проверь сам 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
Как использовать градиент для текста

Код на codepen 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
Всегда удобно иметь под рукой css инструменты, который в значительной мере ускорят процесс работы.

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

Проверь сам 👇👇
👍1
This media is not supported in your browser
VIEW IN TELEGRAM
В корне сайта нужно создать файл robots.txt и в него добавить пару строчек:
User-agent: *
Disallow: /

Ещё больше примеров 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
Хостинг – это место под размещение информации на жестких дисках удаленного сервера, имеющему доступ к сети.

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

Подробнее 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
Делаю проект. На главной нужно выводить слайдер из статей. Код для вывода статей ниже 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
:nth-child —  позволяет выбрать один или несколько элементов на основе их исходного порядка в соответствии с формулой.

Ещё больше примеров 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
cleanup.pictures — ресурс, который поможет удалить из своих изображений любые предметы, людей, текст или дефекты.

Проверь сам 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
Как изменить текст кнопки «В корзину» в интернет магазине WooCommerce.

#woocommerce
This media is not supported in your browser
VIEW IN TELEGRAM
Добавление товара в корзину без перезагрузки страницы

При добавлении товара в корзину идёт обновление страницы. Это нужно исправлять- сделать так, чтобы страница не обновлялась, так как не удобно всё время пролистывать страницу и искать нужный товар, чтобы снова его добавить.

#woocommerce
This media is not supported in your browser
VIEW IN TELEGRAM
Рекомендуемые товары - товары, которые отмечают звёздочкой в админке сайта.

#woocommerce
This media is not supported in your browser
VIEW IN TELEGRAM
Когда названия товара не помещаются в карточки с помощью JS можно обрезать их и добавить троеточие

Посмотри как 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
Создание контента, разбитого на несколько колонок

Подробнее 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
Вывод постов в виде карточек.

Цикл для вывода постов 👉 Тут
Основные функции, которые использую при создании таких карточек 👇
This media is not supported in your browser
VIEW IN TELEGRAM
Кнопка "Добавить в корзину" и счетчик количества меняется на "Перейти в корзину" после добавления товара.
This media is not supported in your browser
VIEW IN TELEGRAM
Вот такой блок с акциями можно сделать при помощи создания своего типа записи и стилизовать его при помощи CSS Grid

Создать свой тип записи 👇👇