Wordpress українською - WP-Coder
98 subscribers
38 photos
4 files
21 links
Канал, в якому Віталік Омельченко пише про щось типа роботи, wordpress, блога і про свою собаку
Download Telegram
На каналі трохи є затримка з відео через мої постійні переїзди і велике навантаження на роботі, але я продовжую працювати над Ютубом, каналом в телеграмі і парою свіжих ідей.

Наприклад, минулого тижня мені прийшло сповіщення про новий коментар. Дивлюся - а там підписник цікавиться форматом менторства. Ми списалися, провели колл знайомство, де він розказав про свій досвід, цілі, я зробив список його навчок і ми обрали йому перший пет-проджект на якому він зможе показати свої скіли і навчитися новому.

Учень має основну роботу НЕ в IT, наша ціль: набратися навичок для виконання фріланс задач щоб був додатковий дохід

Наш перший проект: Верстка і Натяжка простого лендінга на WP. Спершу ми повністю все зверстаємо, щоб підтягнути скіли по верстці, а далі перейдемо до роботи з WP

Уже тиждень позаду, у нас є десь пів готового лендінгу, є код ревью і фідбек він мене, тож ми крокуємо далі, уже не роблячи помилок, які робили ще минулого тижня :) 

Якщо ще хтось хоче на менторство - пишіть мені - @wp_coder_tech
Ох, дякую Женя - Локомотив каналу. Женя задав питання - як задати фонове зображення для тексту

EASY 👇

Тримайте HTML/CSS на скріні і посилання на мій Codepen
—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування :)
—————————
@wp_coder_tech з Віталіком Омельченко
Усі ж ми працюємо з мобільного Інтернету, коли світла нема?

Через 2 місяці чи скільки ( точно хз ) після початку проблем зі світлом в Україні я зрозумів що найкращий спосіб роздачі інтернету на ноутбук - це під’єднатися через кабель.

Роздача через блютуз не вийшла. Телефон і ноутбук не конектяться чомусь.

Роздача через вай фай дратує, бо щоб підключитися треба відкрити налаштування точки доступу на телефоні, далі підєднатися

Якщо вимикаєш Інтернет, а без світла у мене на локалці усе літає без Інтернету і повільно повзає коли намагається завантажити щось external, то я постійно вмикаю і вимикаю зв’язок

Загалом, по кабелю миттєве підключення і ще й телефон заряджається від ноутбука.

Став банан, якщо не знав і скидай кому може бути корисно
—————————
@wp_coder_tech з Віталіком Омельченко
Я не знав що це працює так прям швидко, мені сказали що пост гарний, але як підключитися з кабелем незрозуміло - тому відповідаю тут

1. Вмикаємо хот-спот
2. Вставляємо кабель в айфон і в ноутбук

У вашого оператора має бути тариф з роздачею інтернета. З початку війни у Vodafone це безкоштовно, а було 50грн/міс
—————————
@wp_coder_tech з Віталіком Омельченко
Плагіни - це погано. Ну, так кажуть. Насправді в кожному проекті ми використовуємо плагіни по тій чи іншій причині. У мене нема контент-плану, але сьогодні я поділюся плагіном, який наша команда використовує в кожному проекті.

SVG Support - дозволяє заливати SVG в медіа-бібліотеку Wordpress, а потім ми звісно виведемо це все на фронт і зможемо керувати цим-усім.

Переваги SVG:
⁃ Зумляться без втрати якості
⁃ Керуються з CSS чудово
⁃ Легкі

Ось чудова вижимка із пари уроків по SVG для новачків та й просто згадати усі властивості.

Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування :)
—————————
@wp_coder_tech з Віталіком Омельченко
This media is not supported in your browser
VIEW IN TELEGRAM
ДО чи ПІСЛЯ?

Для розробників часто не має значення, як виглядає сайт на бекенді, адже він чи його команда це створили і так чи інакше зрозуміло що робити.

ДО - вигляд Custom Post Typ-a “Portfolio” з нашого проекту Vintage, який ми робимо на YouTube.

ПІСЛЯ - та ж сама сторінка, тільки де видно зображення - що дуже допомогає менеджити такі пост-тайпи, як “клієнти”, “відгуки”, “команда”, “портфоліо”, можливо навіть “івенти” після використання плагіну Admin Columns у безкоштовній версії

Платна версія дозволить також вивести будь-яке ACF поле в admin-колонки.
—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування :)
—————————
@wp_coder_tech з Віталіком Омельченко
А як ви вирішуєте таку задачу?

Наприклад, у нас є блок, в якому заголовок має переноситися на кілька строчок. Тобто вам треба зробити правильний перенос. При цьому цей блок редагується клієнтом постійно із адмінки.

Я роблю так - задаю max-width для заголовка + додаємо <br> коли треба розрив, якщо раптом контенту стало менше, а клієнт все ще хоче щоб це було в 2 строчки.

Easy. Але при адаптиві цей <br> зазвичай з’являється не там де треба і виходить ситуація, як на другому фото. А нам треба, щоб вийшло як на 3-му фото. Для цього в CSS для малих екранів ми ховаємо <br> в CSS, як на скріні номер 4

—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування :)
—————————
@wp_coder_tech з Віталіком Омельченко
This media is not supported in your browser
VIEW IN TELEGRAM
Швидко показую робочий кейс з типовою задачкою + можливо CSS правила про які ви не знали чи не користувалися ними до цього

Якщо нам треба написати щось типу

.block {
Position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}

Ми можемо написати ось так

.block {
position: absolute;
inset: 0;
}

Типовий приклад - затемненння фото за допомогою напівпрозорого всевдоелементу. Приклад на codepen
—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування 🙂
—————————
@wp_coder_tech з Віталіком Омельченко
Ви використовуєте VPN? Є мільйон причин його використовувати. Є платні і безкоштовні рішення. Мені зазвичай вистачає безкоштовних, а ще я люблю щоб було ізі користуватися. Останнім часом замість програм я використовую просто розширення для Chrome Браузера

Urban VPN Proxy
- Вмикається в 2 кліки
- Доступно 52 країни, приблизно
- Встановлюється за 30 секунд
Не дякуй - користуйся :)
—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування 🙂
—————————
@wp_coder_tech з Віталіком Омельченко
Нарешті вдалося авторизуватися в Chat GPT для нового ролику на YouTube. Ви в курсі за Chat GPT? Які питання хотіли б задати штучному інтелекту? Про ворпдрес знає, про війну в Україні теж.

Накидайте варіанти питань, що вас цікавлять :)

P.S. розйобка жостка! Чекайте відео на ютубі :)
—————————
@wp_coder_tech з Віталіком Омельченко
Запилив на YouTube відео про ChatGPT - ласкаво прошу до перегляду.

На жаль, після публікації дізнався що він ще й українською розмовляє - круто, особливо корисно тим, хто не звик усі пошукові запити робити англійською

Одразу після публікації відео поділився аккаунтом з колегою, щоб той потестував і ось кілька скрінів, які він мені прислав :)

Ми вважаємо, що наступний левел stackoverflow - ти не гуглиш, ти задаєш питання - а термінатор шукає для тебе відповідь

А як вам Chat GPT? Користувалися?

Став Вогник - якщо крута темка, і дізлайк якщо не сподобалось
—————————
@wp_coder_tech з Віталіком Омельченко
This media is not supported in your browser
VIEW IN TELEGRAM
Наткнувся на прикольний проект - transition.css - це заготовки анімацій для ваших кнопок, попапів, бекграндів і всього до чого зможете додуматися

Став Вогник - якщо крута темка, і дізлайк якщо не сподобалось
—————————
@wp_coder_tech з Віталіком Омельченко