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

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

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

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

Позвать друзей: https://t.me/web_panda
Download Telegram
⬜️ 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 <script> 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
⬜️ 8 программ, без которых я уже не могу работать (и вы тоже не сможете) для Windows ⬜️

1) Stretchly — чтобы не превратиться в горбатого кодера 🦴
2) XnConvert — массовая обработка изображений за 2 клика 🖼
3) Ditto — история буфера обмена, которая реально спасает 💾
4) DeskPins — закрепляю окна поверх всего 📌
5) ColorMania — точный подбор цветов с лупой 🎨
6) f.lux — защита зрения и сна от синего света 😴
7) Listary — поиск файлов быстрее, чем ты успеешь сказать «где этот проект?» 🗂
8) LightShot — удобный скриншотер.

Все программы — легкие, бесплатные и проверенные годами. Особенно выручат, когда дедлайн горит 🔥

😉 Смотреть

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

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

OlegTix | #программы
Please open Telegram to view this post
VIEW IN TELEGRAM
1👍13🔥5❤‍🔥21
⬜️ Как я разгрузил свой мозг ⬜️

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

Я нашёл систему, которая решает эту проблему. Её главная идея проста. Мозг создан для генерации идей, а не для их хранения. Когда мы заставляем его быть складом для сотен задач, он работает плохо. Все дела нужно вынести во внешнюю, надёжную систему. Это освобождает ум. Появляется спокойствие и ясность для решения текущих вопросов.

Этот подход называется Getting Things Done, или GTD. Он помогает не просто упорядочить дела, а достичь состояния, когда ум спокоен и сфокусирован. Вся система подробно описана в книге Дэвида Аллена «Как привести дела в порядок».

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

OlegTix | #продуктивность #GTD #саморазвитие
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥14👍4