Вадим Фоминов | Создаю сайты на 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
Когда названия товара не помещаются в карточки с помощью 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

Создать свой тип записи 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
Часто просят сделать кнопку "Очистить корзину" в интернет-магазине.
Как её сделать в заметке ниже 👇👇
Правила хорошего кода Frontend разработчиков.

Проверь, так ли ты хорош 👉 t.me/gd_code
This media is not supported in your browser
VIEW IN TELEGRAM
Используется при оформлении заказа в интернет-магазинах.

#woocommerce
This media is not supported in your browser
VIEW IN TELEGRAM
Не все интернет-магазины нуждаются в онлайн оплате на сайте. Достаточно сформировать заказ и отправить его на почту.

Что бы отключить методы оплаты воспользуйтесь кодом из заметки 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
При установке Woocommerce плагин предлагает выбрать одну из совместимых тем. Но мне это не нужно, я хочу создать свою тему. 
Поэтому, чтобы сделать свою тему, совместимой с Woocommerce, я добавляю код ниже в файл functions.php и всё работает👍

// Сделать тему совместимой с WooCommerce
function mytheme_add_woocommerce_support() {
 add_theme_support( 'woocommerce' );
}
add_action( 'after_setup_theme', 'mytheme_add_woocommerce_support' );
This media is not supported in your browser
VIEW IN TELEGRAM
В woocommerce можно изменить символ валюты по умолчанию на любой другой-свой. Для этого нужно вставить код ниже в файл functions.php. 

Я так меняю стандартные символы на 'Руб.' или как в примере на значок гривны.

/* Изменяет символ валюты на буквы */
add_filter('woocommerce_currency_symbol', 'change_existing_currency_symbol', 10, 2);

function change_existing_currency_symbol( $currency_symbol, $currency ) {
   switch( $currency ) {
     case 'UAH': $currency_symbol = '₴'; break;
   }
   return $currency_symbol;
}
This media is not supported in your browser
VIEW IN TELEGRAM
На многих сайтах в футоре ставят года существования организации.

Строчка кода из примера ниже выводит текущий год.

<script>
  document.write(`${new Date().getFullYear()}`);
</script>
This media is not supported in your browser
VIEW IN TELEGRAM
Я не работал с Elementor и куда там вставлять кусок кода на php не нашел. Зато, я знаю как создать шорткод и потом вставить его на страницу сайта в нужное мне место.

Подробнее про шорткоды 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
По умолчанию в WordPress если названия статей пишутся на русском, то и в URL-адресе русские символы, которые при копировании и публикации переведется в непонятный набор символов.

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

Cyr-To-Lat - поможет исправить это.
Проверь сам 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
Плагины для синхронизации инстаграма и сайта - это конечно хорошо, но когда я сам могу задать разметку и стили для постов - намного лучше. В статье ниже максимально подробно расписано как добавлять посты из инстаграма на сайт. В своих проектах использую только этот вариант.
This media is not supported in your browser
VIEW IN TELEGRAM
WordPress по умолчанию устанавливает название файла в поле «Заголовок», которое соответствует атрибуту title, а поле «Атрибут alt» оставляет пустым.

Как автоматически добавлять alt и title в это статье 👇👇
This media is not supported in your browser
VIEW IN TELEGRAM
is_user_logged_in() - проверяет, авторизован ли пользователь. Возвращает true, если пользователь авторизован, и false, если нет.

Это позволяет выводить контент только для зарегистрированных пользователей.

<?php
if(is_user_logged_in()) {
  echo 'User registered';
} else {
  echo 'User not registered';
}
?>
@web_code - телеграм-канал, в котором ты найдёшь готовые решения html, css и javascript для своих проектов.

Подпишись и ускорь свою работу 👇
This media is not supported in your browser
VIEW IN TELEGRAM
Бывают случаи, когда доступ в админку потерян. Буквально каждый третий заказчик не знает, где у него хранятся доступы.
Три способа, чтобы восстановить доступ к админке.

Приятного просмотра!