WEB Panda | Wordpress | Веб-разработка

2022-11-01 10:53:26 Чистка wordpress

Данный сниппет кода позволяет вам удалить ненужные ссылки из тега в вашем сайте. Рекомендую использовать его на всех сайтах.

Код сниппета в комментариях.

Интересны ли вам сниппеты? Публиковать ли ещё или лучше сосредоточиться на других темах? Пишите в комментариях.

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

WEB PANDA | #сниппет #wordpress #оптимизация Открыть/Комментировать

2022-10-31 12:14:33 Сжатие svg файлов

Сайт позволяет вставить svg код или же выбрать файл, а далее его сжать.

Зачем это нужно?
Часто в svg коде оставляют прописанный атрибут fill, который не позволяет менять цвет svg через css код или редактор (например в elementor).

За всю свою работу я протестировал кучу таких оптимизаторов, но именно svgminify.com всегда работал корректно. Другие же часто нарушали размеры, вследствие чего элемент не показывался, как нужно.

Перейти на сайт

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

WEB PANDA | #сервисы Открыть/Комментировать

2022-10-30 12:41:14 CUCUMBER VPN — это vpn сервис, который ставит на первое место людей, а не деньги.

За подписку 300р 200р (по промокоду) в месяц вы получаете:
VPN на все устройства (windows, macOS, android, ios)
1000 гб трафика в месяц
Без ограничения на скорость. В среднем скорость 40 мб/с

Есть возможность бесплатно взять пробный период на 1 день.

Специально для подписчиков канала WEB PANDA цена 200р. Промокод: от web panda

Пиши и используй пробный тариф прямо сейчас!

#реклама #сервисы Открыть/Комментировать

2022-10-30 12:02:32 Фишки для улучшения сайта

В видео рассказывается о 20 советах по улучшению сайта, чтобы он выглядел красиво и профессионально.

В описании есть таймкоды для удобной навигации. Для просмотра видео надо обладать базовым английским или же включите переводчик видео в Яндекс.Браузере.

Посмотреть видео

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

WEB PANDA | #дизайн Открыть/Комментировать

2022-10-29 14:00:15 Отправка заявок с любого контактного плагина в telegram

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

Для данной задачи нам подойдёт плагин wp telegram. Он, кстати говоря, не только позволяет отправлять заявки, но и добавляет возможность публиковать анонсы ваших постов в telegram канал.

Устанавливаем и активируем. Далее слева у вас появится новый пункт в админке "wp telegram". Первым делом нужно ввести токен бота. Для этого:

1) Пишем официальному боту @BotFather команду /newbot.

2) Вводим любое имя бота. Это типа имени у аккаунта.

3) Вводим username бота, который обязательно должен заканчиваться на _bot или Bot.

4) Нам выдаётся токен (он выделен в сообщении). Копируем его и вставляем на странице настроек плагина в админке.

5) Пишем своему созданному боту /start. Бот ничего не ответит, так и должно быть.

После данных действий станет активным раздел "Уведомления". Там меняем 3 настройки:
1) Включаем этот раздел.

2) В email пишем any.

3) В id пишем свой id пользователя. Его можно узнать, написав @myidbot команду /getid. Копируем его ответ и вставляем в плагин.

На этом всё. Теперь после отправки любой контактной формы, она будет дублироваться вам в telegram.

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

Свои вопросы задавайте в комментариях.

WEB PANDA | #wordpress #плагины Открыть/Комментировать

2022-10-28 09:55:59 Хранение заявок contact form 7 в админке

Плагин flamingo является официальным плагином разработчика Contact Form 7. Он добавляет в админке новый пункт меню, где отображаются все заявки, которые были отправлены с форм.

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

Если вы используете contact form 7, то настоятельно рекомендую поставить данный плагин. На скорость сайта не влияет, но добавляет полезный функционал.

Если нужна такая же статья, но уже по отправке заявок с любых контактных плагинов в telegram, то пишите в комментариях.

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

WEB PANDA | #wordpress #плагины Открыть/Комментировать

2022-10-27 13:12:13 Создание своей wordpress темы
В голосовании эта тема поста набрала самый большой процент голосов, поэтому сегодня разберем, как создавать с нуля wordpress тему.

Начнем с базы:
1) Wordpress тема - это по сути папка с произвольным названием, которая лежит по пути /wp-content/themes/ваша_папка.
Внутри папки у вас должно быть обязательно два файла, чтобы тема заработала и появилась в админке. Это файлы: index.php и style.css.

2) В файле style.css обязательно должен быть css комментарий. Он позволит wordpress понять и отобразить название темы, разработчика, её версию и тд. Более подробнее тут.

3) После выполнения двух пунктов выше, ваша тема уже появится в внешний вид >> темы и её можно будет активировать.

4) После активации на сайте будет белый экран.
Это происходит из-за того, что файл index.php пустой. Добавьте любой контент и вы увидите, что он отобразится на любой странице сайта.

5) Файл index.php выводится для всех страниц, потому что в теме не созданы специальные php файлы для отображения определенных страниц. В wordpress есть определенная иерархия отображения шаблонов.
Например, за вывод записей отвечает файл single.php, а за вывод страниц - page.php. Если же опр. файла нет, то используется index.php.
Очень подробно расписано тут.

6) Создание файла functions.php - туда пишутся все php функции и там же подключаются стили и скрипты.

7) Далее надо будет более подробно изучить функции wordpress для создания полноценной темы. Вот хороший видеоролик для понимания основ.

После выполнения данных шагов вы начнете понимать базовые принципы создания темы и научитесь делать посадку верстки на wordpress.

Это не сложно! Главное начать и вы поймете, что это довольно просто.

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

WEB PANDA | #wordpress Открыть/Комментировать

2022-10-26 11:36:25 Открыть/Комментировать

2022-10-26 11:24:28 Шпаргалка для wordpress

Она быстро вам поможет найти необходимый метод или функцию.

В этой шпаргалке есть следующая информация:
1) Комментарии для создании темы и плагина.
2) Как подключать файлы темы.
3) Иерархия файлов, как они подключаются
4) Подключение/регистрация/удаление скриптов и стилей.
5) Функции вывода информации для использования в выводе постов.
6) Условные теги. Например, проверить является ли страница главной или категорией.
7) Другая информация

Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями. 

WEB PANDA | #wordpress #сервисы Открыть/Комментировать

2022-10-25 09:28:25 Анимация, которая сломает оценку PageSpeed и GTmetrix

Сегодня при работе над сайтом столкнулся с такой проблемой, что при промежуточных тестах оценка скорости была 90+, а после окончательного создания сайта она стала 30-40.

Проанализировав отчеты PageSpeed и GTmetrix, я увидел, что почему-то у меня показатели Time to Interactive, First Contentful Paint и Largest Contentful Paint очень плохие.

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

Решение проблемы: отключение анимации на первом экране. После этого page speed опять начал показывать хорошие результаты.

Это конечно неприятно, что приходится отказываться от анимации, но в нынешний момент ничего с этим не поделать. Либо анимация, либо хорошая pagespeed оценка.

Пишите, что думаете об этом, в комментариях.

Если статья была полезна, то буду рад, если вы поделитесь ей с друзьями.

WEB PANDA | #оптимизация Открыть/Комментировать