TGViewer
Channel Public Channel
Фриланс и веб с OlegTix | WordPress

Фриланс и веб с OlegTix | WordPress

@web_panda

Блог про веб-разработку и wordpress от Senior разработчика.

Youtube канал:
https://www.youtube.com/@olegtix

Тематика: wordpress, сервисы, личные мысли

Заказать сайт/предложить рекламу/админ: @oleg_tix

Позвать друзей: https://t.me/web_panda
Subscribers
411
Photos
262
Videos
10
Links
298

Showing posts older than #362 · Back to latest

Older Posts 19 shown
Post #359 361
⬜️ Как я победил 404 в WordPress, когда CPT и страницы живут в одной url вложенности ⬜️

Недавно столкнулся с довольно интересной ситуацией у букмекеров:
нужно было, чтобы существовали URL вида

/bookmaker-rating/1xbet/      ← страница букмекера (CPT)
/bookmaker-rating/about-rating/ ← обычная страница


А WordPress, конечно, говорит: «нет».
Потому что у кастомного пост-типа bookmaker стоит rewrite['slug'] = 'bookmaker-rating',
и он считает, что всё под этим путём — это букмекеры.
Страницы просто не доходят до роута и отлетают 404.

❌ Суть бага:
WP не умеет на одном уровне различать CPT и page.
Если слаг у пост-типа совпадает с директорией страниц, одна из сущностей «съедается».

✅ Решение:
Добавил фильтр request, который проверяет, существует ли букмекер с таким slug.
Если да — отдаёт его.
Если нет — считает, что это страница.

Плюс добавил собственное правило для /bookmaker-rating/.

Вот код:
add_filter('request', function ($query_vars) {
if (isset($query_vars['pagename']) && strpos($query_vars['pagename'], 'bookmaker-rating/') === 0) {
$slug = explode('/', $query_vars['pagename'])[1] ?? null;

if ($slug && get_page_by_path($slug, OBJECT, 'bookmaker')) {
$query_vars = [
'post_type' => 'bookmaker',
'name' => $slug,
];
} else {
$query_vars['pagename'] = 'bookmaker-rating/' . $slug;
}
}
return $query_vars;
});

add_action('init', function () {
add_rewrite_rule(
'^bookmaker-rating/([^/]+)/?$',
'index.php?pagename=bookmaker-rating/$matches[1]',
'top'
);
});


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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #php
  • 👍 11
  • 🔥 5
Post #358 364
💡 Знали, что в Bricks нет стандартного хука wp_body_open?

Обычно через него плагины подкидывают код сразу после <body>. А в Bricks такого вызова нет — у него свой bricks_body.

Из-за этого:
– некоторые плагины могут не работать;
– код из сниппет-плагинов может не вставляться, как задумано.

Решение максимально простое 👇

add_action( 'bricks_body', function () {
wp_body_open();
}, 11 );


Теперь wp_body_open работает и плагины снова дружат с темой.

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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #bricks
  • 🔥 17
  • 👍 9
Post #357 376
⬜️ Как сделать интерактивный гайд по сайту? Bricks + BricksForge ⬜️

😉 Смотреть


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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #bricks
  • 👍 12
  • 🔥 4
Post #355 493
⬜️ Как добавить маску телефона в форму WordPress 🚀 Пошаговый урок для любых плагинов ⬜️

Как установить маску телефона в Contact Form 7, Elementor, WPForms, Gravity Forms и другие плагины WordPress.

😉 Смотреть

🔗 Библиотека

// Add your JS Code here, don't include the <script> tags
const numberedFromClass = new Numbered('input[type="tel"]', {
mask: '+7 ### - ### - ##-##',
empty: '_',
placeholder: true
});


🤝 Убедительная просьба, ставить лайк не только на пост в телеграм, но и на ютуб видео. Это поможет в его продвижении.

Пишите в комментариях, что хотите рассмотреть или узнать.

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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #обучение #hint
  • 👍 14
  • ❤‍🔥 2
  • 🗿 1
Post #354 406
⬜️ Верстка Лендинга на Bricks с Нуля — ЛУЧШЕ ЧЕМ ELEMENTOR?! ⬜️

Хочешь научиться делать крутые лендинги без перегруза и тормозов? В этом видео я покажу, как сверстать лендинг на Bricks Builder с полного нуля. Пошагово, без воды и лишних плагинов. Всё на чистом Bricks — быстро, гибко, современно.

📌 Что внутри:
Установка и настройка Bricks
Верстка главного экрана
Адаптивность под мобилки


😉 Смотреть

👩‍💻 Figma макет

🤝 Убедительная просьба, ставить лайк не только на пост в телеграм, но и на ютуб видео. Это поможет в его продвижении.

Пишите в комментариях, что хотите рассмотреть или узнать.

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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #bricks #обучение
  • 🔥 13
  • 👍 5
  • ⚡ 2
  • ❤‍🔥 1
  • 🗿 1
Post #353 337
⬜️ Создаем личный кабинет на bricks, woocommerce | Принцип создания ⬜️

👋 Всем привет!
В этом видео мы:
Разберем как создавать личный кабинет с помощью bricks

😉 Смотреть

🤝 Убедительная просьба, ставить лайк не только на пост в телеграм, но и на ютуб видео. Это поможет в его продвижении.

Пишите в комментариях, что хотите рассмотреть или узнать.

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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #bricks #обучение #tixlabs
  • 👍 10
  • 🔥 6
  • 🗿 1
Post #352 330
⬜️ Сайт на WordPress + Bricks [Урок 4]: Главная страница сайта ⬜️

👋 Всем привет!
В этом видео мы:
1) Разберем структуру главной страницы сайта
2) Разобьем секции на шаблоны

😉 Смотреть

🤝 Убедительная просьба, ставить лайк не только на пост в телеграм, но и на ютуб видео. Это поможет в его продвижении.

Пишите в комментариях, что хотите рассмотреть или узнать.

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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #bricks #обучение #tixlabs
  • 👍 7
  • 🔥 6
  • ⚡ 2
  • ❤‍🔥 1
Post #351 404
🔥 Bricks 2.0 — мощнейшее обновление конструктора сайтов! 🔥

👋 Всем привет!
В этом видео мы:
1) Спроектируем структуру Hero-блока по методологии BEM.
2) Поработаем с типографикой: подберем размеры и отступы для идеальной читаемости.
3) Добавим плавные анимации появления элементов при загрузке страницы.
4) Убедимся, что вся красота корректно отображается на планшетах и мобильных устройствах.

😉 Смотреть

🤝 Убедительная просьба, ставить лайк не только на пост в телеграм, но и на ютуб видео. Это поможет в его продвижении.

Пишите в комментариях, что хотите рассмотреть или узнать.

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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #bricks #обучение #новости
  • 👍 7
  • ❤‍🔥 3
  • 🔥 3
Post #350 389
⬜️ Сайт на WordPress + Bricks [Урок 3]: Создаем АНИМИРОВАННЫЙ первый экран (Hero Section) ⬜️

👋 Всем привет!
В этом видео мы:
1) Спроектируем структуру Hero-блока по методологии BEM.
2) Поработаем с типографикой: подберем размеры и отступы для идеальной читаемости.
3) Добавим плавные анимации появления элементов при загрузке страницы.
4) Убедимся, что вся красота корректно отображается на планшетах и мобильных устройствах.

😉 Смотреть

🤝 Убедительная просьба, ставить лайк не только на пост в телеграм, но и на ютуб видео. Это поможет в его продвижении.

Пишите в комментариях, что хотите рассмотреть или узнать.

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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #bricks #обучение #tixlabs
  • 👍 9
  • 🔥 3
  • ❤‍🔥 2
  • ⚡ 1
Post #348 348
Фриланс и веб с OlegTix | WordPress ⬜️ Прокачиваем шапку в Bricks! Анимация и плагин NextBricks | Урок 2 ⬜️ 👋 Продолжаем создавать сайт для проекта OlegTix Labs! В прошлом видео мы заложили основу, а теперь превратим нашу базовую шапку в нечто действительно профессиональное и динамичное. Внедряем…
Видео перезалил, баг на ютубе произошел. Теперь работает
  • 👍 6
  • 🆒 1
Post #347 388
⬜️ Прокачиваем шапку в Bricks! Анимация и плагин NextBricks | Урок 2 ⬜️

👋 Продолжаем создавать сайт для проекта OlegTix Labs! В прошлом видео мы заложили основу, а теперь превратим нашу базовую шапку в нечто действительно профессиональное и динамичное.

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

😉 Смотреть

🤝 Убедительная просьба, ставить лайк не только на пост в телеграм, но и на ютуб видео. Это поможет в его продвижении.

Пишите в комментариях, что хотите рассмотреть или узнать.

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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #bricks #обучение #tixlabs
  • 🔥 6
  • 👍 4
  • ⚡ 2
  • ❤‍🔥 1
Post #346 358
⬜️ Создаем сложный сайт на WordPress + Bricks с нуля (2025) | Запуск проекта TixLabs | Урок 1: Шапка сайта ⬜️

Как начать проект правильно, чтобы потом не переделывать? Этим вопросом задается каждый разработчик. Я запускаю свой новый проект OlegTix Labs и приглашаю вас посмотреть на весь процесс изнутри!

В первом большом видео мы с нуля:
✅ Настроим WordPress и Bricks Builder
✅ Создадим шапку для сайта

Это не просто теория, а живая практика на реальном проекте.

😉 Смотреть

🤝 Убедительная просьба, ставить лайк не только на пост в телеграм, но и на ютуб видео. Это поможет в его продвижении.

Пишите в комментариях, что хотите рассмотреть или узнать.

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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #bricks #обучение #tixlabs
  • 👍 16
  • ❤‍🔥 4
  • 🔥 3
  • ⚡ 1
Post #345 466
Какую тематику сайта выбрать для создания с нуля под ключ в рамках бесплатного YouTube-курса по Bricks?

Пишите в комментариях 🤝
  • 👍 8
  • 🔥 4
Post #344 662
⬜️ Hint 1. Как сделать верстку, где картинка занимает 50% экрана? ⬜️

Как сделать макет блока, чтобы картинка вылазила за контейнер? Этим вопросом задались разработчики в телеграм группе. Отвечаю на него в видео.

😉 Смотреть

🤝 Убедительная просьба, ставить лайк не только на пост в телеграм, но и на ютуб видео. Это поможет в его продвижении.

Пишите в комментариях, что хотите рассмотреть или узнать.

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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #bricks #обучение #верстка #cssхак #hint
  • 👍 10
  • 🔥 5
  • ❤‍🔥 1
Post #343 539
Фриланс и веб с OlegTix | WordPress ⬜️ Урок 10. Как я использую Advanced Themer for Bricks в работе? Инструкция, оптимальная настройка ⬜️ Advanced Themer for Bricks мощное расширение для Bricks, которое значительно расширяет редактор и ускоряет вашу работу. Использую его на каждом проекте…
olegtix_at_settings.json26.1 KB
  • 🔥 6
  • 👍 3
Post #342 550
⬜️ Урок 10.
Как я использую Advanced Themer for Bricks в работе? Инструкция, оптимальная настройка
⬜️

Advanced Themer for Bricks мощное расширение для Bricks, которое значительно расширяет редактор и ускоряет вашу работу. Использую его на каждом проекте и уже не представляю, как можно делать сайты без него.

📌 Что вы узнаете:
✔️ Что это такое?
✔️ Что в нем есть?
✔️ Какие настройки я использую?

😉 Смотреть

🤝 Убедительная просьба, ставить лайк не только на пост в телеграм, но и на ютуб видео. Это поможет в его продвижении.

Пишите в комментариях, что хотите рассмотреть или узнать.

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

➡️ Ставьте реакции, если было полезно. Тогда я пойму, что такие темы интересны и посты будут выходить чаще.

OlegTix | #wordpress #bricks #обучение
  • 🔥 10
  • 👍 3
  • ⚡ 1
Older posts →
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →