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

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

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

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

Позвать друзей: https://news.1rj.ru/str/web_panda
Download Telegram
Был бы вам интересен курс про 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
⬜️ 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🔥4❤‍🔥21
⬜️ Как я разгрузил свой мозг ⬜️

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

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

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

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

OlegTix | #продуктивность #GTD #саморазвитие
Please open Telegram to view this post
VIEW IN TELEGRAM
1🔥14👍3
⬜️ Жидкая Типографика & Bricks Builder ⬜️

Что такое Жидкая Типографика (CSS) и почему она лучше, чем Media Queries.
Практическое применение формулы clamp() для расчета размеров.
Пошаговая настройка Fluid Typography в Bricks Builder. (Этот метод подойдет и для Elementor/Oxygen).

😉 Смотреть

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

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

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

OlegTix | #wordpress #bricks #обучение #css
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍3❤‍🔥11
⬜️ Как выбрать SEO-плагин для WordPress ⬜️

Многие владельцы сайтов на WordPress ищут идеальный SEO-плагин. На самом деле, лучшие и худшие плагины не существуют. Самые популярные решения обеспечивают весь базовый необходимый функционал.

Ключевые SEO-плагины, такие как Yoast SEO или Rank Math, отлично справляются с основным. Они позволяют настраивать мета-теги, генерировать карты сайта и оптимизировать контент. Этот функционал покрывает до 80% ваших потребностей в поисковой оптимизации.

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

Вам всегда следует помнить о принципе минимально жизнеспособного продукта (MVP). Сфокусируйтесь на базовой оптимизации, которая приносит результат. Не стоит тратить время и ресурсы на погоню за минимальными улучшениями. Сначала сделайте фундамент максимально крепким.

Затем можно постепенно добавлять сложные и специфические настройки. Не распыляйтесь на мелкие функции, которые не дают реального прироста трафика.

Каким SEO-плагином вы пользуетесь сейчас?

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

OlegTix #WordPress #SEO #Плагины #Оптимизация #MVP
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👍7
И такое встречается, когда приступаешь к доработкам нового сайта. Зато честно 😁
Please open Telegram to view this post
VIEW IN TELEGRAM
😁116👍2
⬜️ Какой ИИ выбрать для ежедневной работы и кода ⬜️

Я протестировал все ключевые модели искусственного интеллекта. Среди них были Gemini 2.5 Pro, Perplexity Pro, Claude, Deepseek, Qwen и Grok. На основе моего опыта, каждая модель имеет свои сильные стороны.

Для повседневных задач лучше всего подходит ChatGPT. Он обеспечивает высокую скорость и стабильные результаты. Это делает его оптимальным помощником в ежедневной работе.

Если вы работаете с программированием, выбирайте Claude. Он показал себя наиболее эффективным для генерации и проверки кода. Разработчики получат от него максимальную пользу.

Gemini 2.5 Pro хорош для специфических, точечных заданий. Он дает очень точные ответы, когда нужна конкретика. Однако он не отличается высокой креативностью. Не стоит ждать от него генерации идей или нестандартных решений.

Нет особого смысла использовать Deepseek или Qwen при наличии ChatGPT. Они не предлагают преимуществ перед более мощным и универсальным конкурентом.

Perplexity Pro для быстрого поиска информации. Позволяет неплохо сделать deep research по интернету.

Grok также является хорошим инструментом. Тем не менее, ChatGPT превосходит Grok по общему уровню ответов.

Какие модели искусственного интеллекта вы используете чаще всего?

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

OlegTix |#ИИ #ChatGPT #Claude #Gemini #РабочиеИнструменты
Please open Telegram to view this post
VIEW IN TELEGRAM
194
Привет!
Я планирую наладить регулярный контент в телеграм и на YouTube по WordPress, веб-разработке, фрилансу, инструментам и ...

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

Пишите в комментарии — ваши идеи напрямую определят, какой контент появятся в дальнейшем.

#вебразработка #wordpress #фриланс #OlegTix
821