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

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 з Віталіком Омельченко
advanced-custom-fields-pro.zip
2 MB
Усім привіт. Публікую ACF PRO plugin, який ви можете використати на локалці для тестування всього про що мова піде в серії уроків про ACF. Усім наполегливо рекомендую придбати ліцензію і отримувати оновлення

Це офіційний плагін і як тільки ви придбаєте ліцензію зможете собі додати її у відповідне поле і отримати оновлення.

Це не нулений плагін, не турбуйтеся за безпеку❤️

Став вогник, якщо є ACF PRO, став програміста - якщо завантажив мій і поділися з другом чи подругою, кому буде цікавий цей пост і урок на YouTube - https://youtu.be/tX1oAbztMu0
—————————
@wp_coder_tech з Віталіком Омельченко
Це п@зда, запланував відео на суботу, як завжди, але забув додати назву, опис, заставку і все таке..

Всього за пару хвилин 2 людини уже відписалося :((

https://youtu.be/QnDM_bF8dkc

Тому народ, на каналі нове відео про підключення ACF мапи, як профі.

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

Не забудьте поставити вподобайку і комент. А ще підписатися, бо 80% переглядів від непідписаних, а я ж стараюся, ну

короче, давайте розвивати україномовний youtube і вчитися новому

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

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

Сьогодні покажу вам сервіс, яким зі мною поділився Ярослав. Це колега, а ще він волонтерить на посаді “генератор-ідей” для мого каналу, бо все що він пропонує - чудово вписується в наш з вами формат

Тож, коли є завдання додати SVG в CSS - його треба конвертувати в формат base64 і тільки тоді використовувати

Для цього рекомендую ось цей простий інструмент.

1. Берете інлайн SVG, всталяєте
2. Забираєте в форматі base64
3. Кайфуєте