Фриланс и веб с OlegTix | WordPress – Telegram
Фриланс и веб с OlegTix | WordPress
399 subscribers
254 photos
10 videos
3 files
290 links
Блог про веб-разработку и wordpress от Senior разработчика.

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

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

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

Позвать друзей: https://news.1rj.ru/str/web_panda
Download Telegram
⬜️ Урок 10.
Как я использую Advanced Themer for Bricks в работе? Инструкция, оптимальная настройка
⬜️

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

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

😉 Смотреть

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

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

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

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

OlegTix | #wordpress #bricks #обучение
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍331
⬜️ Hint 1. Как сделать верстку, где картинка занимает 50% экрана? ⬜️

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

😉 Смотреть

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

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

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

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

OlegTix | #wordpress #bricks #обучение #верстка #cssхак #hint
Please open Telegram to view this post
VIEW IN TELEGRAM
👍10🔥5❤‍🔥1
Какую тематику сайта выбрать для создания с нуля под ключ в рамках бесплатного YouTube-курса по Bricks?

Пишите в комментариях 🤝
Please open Telegram to view this post
VIEW IN TELEGRAM
👍8🔥4
⬜️ Создаем сложный сайт на WordPress + Bricks с нуля (2025) | Запуск проекта TixLabs | Урок 1: Шапка сайта ⬜️

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

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

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

😉 Смотреть

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

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

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

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

OlegTix | #wordpress #bricks #обучение #tixlabs
Please open Telegram to view this post
VIEW IN TELEGRAM
👍16❤‍🔥4🔥31
⬜️ Прокачиваем шапку в Bricks! Анимация и плагин NextBricks | Урок 2 ⬜️

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

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

😉 Смотреть

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

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

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

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

OlegTix | #wordpress #bricks #обучение #tixlabs
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6👍42❤‍🔥1
Был бы вам интересен курс про wordpress на уровне кода для новичков? Там будет рассматриваться необходимая база, чтобы начать понимать как работают хуки, фильтры, шаблоны, плагины и темы в wordpress?
Anonymous Poll
79%
Да, интересная тема
5%
Я и так это знаю
5%
Нет, не интересно
11%
Нужно больше информации, чтобы определить
⬜️ Сайт на WordPress + Bricks [Урок 3]: Создаем АНИМИРОВАННЫЙ первый экран (Hero Section) ⬜️

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

😉 Смотреть

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

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

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

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

OlegTix | #wordpress #bricks #обучение #tixlabs
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9🔥3❤‍🔥21
🔥 Bricks 2.0 — мощнейшее обновление конструктора сайтов! 🔥

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

😉 Смотреть

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

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

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

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

OlegTix | #wordpress #bricks #обучение #новости
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7❤‍🔥3🔥31
⬜️ Сайт на WordPress + Bricks [Урок 4]: Главная страница сайта ⬜️

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

😉 Смотреть

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

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

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

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

OlegTix | #wordpress #bricks #обучение #tixlabs
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍7🔥62❤‍🔥1
⬜️ Создаем личный кабинет на bricks, woocommerce | Принцип создания ⬜️

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

😉 Смотреть

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

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

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

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

OlegTix | #wordpress #bricks #обучение #tixlabs
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍10🔥6🗿1
⬜️ Верстка Лендинга на Bricks с Нуля — ЛУЧШЕ ЧЕМ ELEMENTOR?! ⬜️

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

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


😉 Смотреть

👩‍💻 Figma макет

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

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

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

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

OlegTix | #wordpress #bricks #обучение
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥13👍52❤‍🔥1🗿1
⬜️ Как добавить маску телефона в форму WordPress 🚀 Пошаговый урок для любых плагинов ⬜️

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

😉 Смотреть

🔗 Библиотека

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


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

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

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

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

OlegTix | #wordpress #обучение #hint
Please open Telegram to view this post
VIEW IN TELEGRAM
👍143❤‍🔥2🗿1
numbered.js
7.9 KB
Файл библиотеки
🔥7👍4❤‍🔥2🗿1
⬜️ Как сделать интерактивный гайд по сайту? Bricks + BricksForge ⬜️

😉 Смотреть


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

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

OlegTix | #wordpress #bricks
Please open Telegram to view this post
VIEW IN TELEGRAM
👍12🔥4
💡 Знали, что в Bricks нет стандартного хука wp_body_open?

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

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

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

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


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

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

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

OlegTix | #wordpress #bricks
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥17👍9
⬜️ Как я победил 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
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍11🔥5
Будет ли вам интересно видео о топ-5 прикладных программ, которые я использую при создании сайтов на постоянной основе?

Клишированных не будет.
Anonymous Poll
92%
Да
1%
Нет
4%
Лучше про bricks
3%
Сними видео на (в комментариях)
⬜️ Наконец-то! Создаем кастомные блоки для Gutenberg ПРЯМО в Bricks Builder ⬜️

😉 Смотреть

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

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

OlegTix | #wordpress #bricks
Please open Telegram to view this post
VIEW IN TELEGRAM
👍76❤‍🔥2🔥1