Вадим Фоминов | Создаю сайты на Wordpress

Если reCAPTCHA не будет установлена, через формы обратной связи заказчику на почту будет приходить спам. В плагине `Contact form 7` есть возможность её установки, но скорость загрузки сайта уменьшается. 

Я использую этот плагин 👉 Invisible reCaptcha для установки капчи, PageSpeed не так сильно ругается.

При создании карточек новостей мало вывести просто заголовок, краткое описание, дату поста и другое. Нужно задать себе вопрос: "Что, если...?"

Что, если заголовок длинный и не помещается в карточку?

Ответ на этот и другие похожие вопросы я разобрал в заметке по ссылке ниже 👇👇👇

Когда создаёшь свою тему, используешь сторонние плагины. У них есть свои файлы стилей. Например, берём плагин `contact form 7`. Хороший плагин для форм обратной связи. Но мне стили, которые он подключает к моему сайту, не нужны.
Я хочу отключить их.

Есть решение, которое позволяет мне это сделать. Файл стилей в плагине подключается также, как и в теме. Отключить стили можно, сделав следующее:
- открыть код страницы;
- найти нужный id в теге <link id="" />;
- записать его в конструкцию ниже 👇👇👇.

function remove_styles () {
 wp_deregister_style ('contact-form-7');
}
add_action ('wp_print_styles','remove_styles',100);

#wordpress #отключение_стилей

Проблема: после обеда падает фокус в работе.

Работаю дома с 7 до 12, потом перерыв до 14 и дальше за работу. После 14.00 иногда сложно сосредоточиться и занимаюсь не работой. Сегодня пошел гулять, как обычно, после обеда и нашел кофейню в 100 метрах от дома 😳.
Попробую поработать в ней, когда дома прям всё против продуктивной работы.

Посмотрю как скажется смена обстановки за окном 🤔

Как вам обстановка?

#live

Все знают про эту большую схему иерархии файлов темы WordPress, но нужно ли сейчас знать все эти названия файлов и место их применения?

Ниже я выписал основные файлы, с которыми работаю почти в каждом проекте:
- index.php и style.css - два файла, без которых нельзя создать тему;
- header.php, footer.php, 404.php и functions.php - тут и так всё понятно;
- front-page.php - главная страница сайта;
- home.php - страница с постами, наш блог;
- single-post.php - страница открытого поста;
- archive.php - на этой странице будут выводиться посты выбранных рубрик, меток, таксономий, архивные записи, записи определённого автора;
- page-{urldecode_post_name}.php - здесь будет пример: на сайте есть страница "Контакты" и у неё url-адрес - sitename.ru/contacts. Если создать файл с названием page-contacts.php, то код, внутри его, будет применяться для страницы "Контакты".

#wordpress #page

Не всегда достаточно использовать только циклы wordpress, нужно уметь пользоваться циклом PHP, в работе очень помогает. На пример, вывести категории постов через get_terms(); в списке.

Конструкция не сложнее чем if else:
<ul>
<?php
$terms = get_terms();
foreach( $terms as $term ) { ?>
<li><?php echo $term->name; ?></li>
<?php } ?>
</ul>

Где я взял name? Распечатайте print_r($term); внутри цикла и всё сами поймёте👍

#wordpress #циклы

Представьте себе страницу "Каталог" на сайте. В коде это будет один файл - archive-product.php.
И на этой странице выводятся товары только одной из категорий:
- мототехника;
- снаряжение;
- запчасти;
- масла.

Для категории "Мототехника" нужно сделать кнопку с модалкой, в которой будут указаны условия аренды.

Сделать это очень просто. Есть конструкция if else, которая может проверить товары такой категории, которая сейчас на экране, и, если это мототехника, показать кнопку с модалкой.

if( $slug == 'mototehnika' ){
echo '<button>Условия аренды</button>';
}

#wordpress #разработка_сайтов

Как мне вывести категории постов?

Есть несколько вариантов:

1) если я хочу вывести категории текущего поста на той странице, где у меня открыт пост, то использую функцию - the_category();

2) если мне нужно вывести все категории в любом месте (для меню в шапке или фильтр по категориям сделать), беру эту - wp_list_categories();

3) для других извращений использую это 👉🏻 get_terms();

Каждому варианту есть место, но в третьем больше возможностей. Чего стоит распечатать эту функцию с помощью print_r(get_terms()); и посмотреть что хранится внутри.

#wordpress #category

Как загрузить товары выбранной категории в слайдер?

Когда увидел эту задачу, первое что пришло в голову-сделать табы с категориями и в каждый таб вставить слайдер с товарами одной категории. Но, подумав больше чем три секунды, реализовал по-другому. 

6 простых шагов как сделать ajax загрузку товаров выбранной категории в слайдер:

1 - разметка списка с категориями;
2 - разметка слайдера;
3 - установить slick slider;
4 - js код слайдера;
5 - js код ajax запроса;
6 - php код обработки запроса.

Этот слайдер можно вставить в любое место на сайте.

#wordpress #ajax

Код для реализации функционала по ссылке ниже👇👇👇

Как повысить качество и чек своей работы?

Один из способов довольно простой - это создание анимации на сайте.
Есть анимации, в которых цель разработчика — улучшить взаимодействие с пользователем, наглядно продемонстрировать определенный контент, сделать законченными и ненавязчивыми изменения на сайте — вообще очень часто такая анимация неотделима от сайта и не перегружает его.

По ссылке ниже можно посмотреть и скопировать очень простой в реализации анимации код, который можно применять в своих проектах.

#wordpress #разработка_сайтов

Как посмотреть что внутри переменной?

После умения "правильно гуглить" важно научиться использовать функции для просмотра переменных. Я постоянно использую print_r() и var_dump().

Это очень удобно и иногда лучше распечатать переменную в браузере и вывести на экран нужную мне информацию, чем искать в гугле какая из специальных функций wordpress выводит её.

Например, воспользуйтесь одним из циклов вывода содержимого поста и внутри распечатайте переменную print_r($post);, посмотрите в браузере, какую информацию о посте она выведет?

И теперь, не зная стандартной функции вывода заголовка поста the_title(); его можно вывести с помощью <?php echo $post->post_title; ?>

Для того, что бы распечатанный код не был в одну строку, запишите его внутри тега
<pre><?php print_r($post); ?></pre>

#wordpress

Во время разработки своей темы постоянно есть необходимость вставлять шорткоды в коде. Это могут быть шорткоды формы cf7 или ajax форма поиска в woocommerce.

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

Следующий цикл для вывода постов:
<?php while ( have_posts() ){ the_post(); ?>
<!-- Вывод заголовка поста: the_title() -->
<?php } ?>
<?php if ( ! have_posts() ){ ?>
<span>Записей нет.</span>
<?php } ?>

#wordpress #вывод_постов

Для вывода постов в Wordpress можно использовать следующий цикл:
<?php if ( have_posts() ){ while ( have_posts() ){ the_post(); ?>
<!-- Вывод заголовка поста: the_title() -->
<?php } } else { ?>
<span>Записей нет.</span>
<?php } ?>

#wordpress #вывод_постов

Для вывода постов в Wordpress используем циклы, приведу несколько примеров:
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- Вывод заголовка поста: the_title() -->
<?php endwhile; else: ?>
<span>Записей нет.</span>
<?php endif; ?>

#wordpress #вывод_постов

Как подключить Header и Footer к страницам?

На всех страницах нужно подключать header и footer. Эти две небольшие функции отлично справляются с этим.

Как автоматически выводить текущий год?

На многих сайтах в футоре ставят с какого года и по текущий существует организация. Как записать текущий год один раз и не возвращаться к нему?
Я использую строчку кода из примера, которая выводит текущий год.

<script>
    document.write(`${new Date().getFullYear()}`);
</script>

Как добавить класс только на одной странице?

Иногда, нужно добавить класс к блоку на какой-то определённой странице. Для этого я использую определённые функции в wordpress. В данном примере добавится класс active к блоку на странице "Результат поиска".

Как сделать страницу с 404-й ошибкой?

Я использую простой шаблон для этой страницы. Основной фишкой является маленький кусочек javascript, который возвращает пользователя на предыдущую страницу.

Вот код:

<?php echo esc_js('javascript:history.go(-1)'); ?>