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 з Віталіком Омельченко
Для розробників часто не має значення, як виглядає сайт на бекенді, адже він чи його команда це створили і так чи інакше зрозуміло що робити.
ДО - вигляд 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 з Віталіком Омельченко
Наприклад, у нас є блок, в якому заголовок має переноситися на кілька строчок. Тобто вам треба зробити правильний перенос. При цьому цей блок редагується клієнтом постійно із адмінки.
Я роблю так - задаю 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 з Віталіком Омельченко
Якщо нам треба написати щось типу
.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 з Віталіком Омельченко
Urban VPN Proxy
- Вмикається в 2 кліки
- Доступно 52 країни, приблизно
- Встановлюється за 30 секунд
Не дякуй - користуйся :)
—————————
Поділися з друзями чи колегами,
Сподіваюся це було корисно для тебе
Веселого програмування 🙂
—————————
@wp_coder_tech з Віталіком Омельченко
Нарешті вдалося авторизуватися в Chat GPT для нового ролику на YouTube. Ви в курсі за Chat GPT? Які питання хотіли б задати штучному інтелекту? Про ворпдрес знає, про війну в Україні теж.
Накидайте варіанти питань, що вас цікавлять :)
P.S. розйобка жостка! Чекайте відео на ютубі :)
—————————
@wp_coder_tech з Віталіком Омельченко
Накидайте варіанти питань, що вас цікавлять :)
P.S. розйобка жостка! Чекайте відео на ютубі :)
—————————
@wp_coder_tech з Віталіком Омельченко
Запилив на YouTube відео про ChatGPT - ласкаво прошу до перегляду.
На жаль, після публікації дізнався що він ще й українською розмовляє - круто, особливо корисно тим, хто не звик усі пошукові запити робити англійською
Одразу після публікації відео поділився аккаунтом з колегою, щоб той потестував і ось кілька скрінів, які він мені прислав :)
Ми вважаємо, що наступний левел stackoverflow - ти не гуглиш, ти задаєш питання - а термінатор шукає для тебе відповідь
А як вам Chat GPT? Користувалися?
Став Вогник - якщо крута темка, і дізлайк якщо не сподобалось
—————————
@wp_coder_tech з Віталіком Омельченко
На жаль, після публікації дізнався що він ще й українською розмовляє - круто, особливо корисно тим, хто не звик усі пошукові запити робити англійською
Одразу після публікації відео поділився аккаунтом з колегою, щоб той потестував і ось кілька скрінів, які він мені прислав :)
Ми вважаємо, що наступний левел stackoverflow - ти не гуглиш, ти задаєш питання - а термінатор шукає для тебе відповідь
А як вам Chat GPT? Користувалися?
Став Вогник - якщо крута темка, і дізлайк якщо не сподобалось
—————————
@wp_coder_tech з Віталіком Омельченко
This media is not supported in your browser
VIEW IN TELEGRAM
Наткнувся на прикольний проект - transition.css - це заготовки анімацій для ваших кнопок, попапів, бекграндів і всього до чого зможете додуматися
Став Вогник - якщо крута темка, і дізлайк якщо не сподобалось
—————————
@wp_coder_tech з Віталіком Омельченко
Став Вогник - якщо крута темка, і дізлайк якщо не сподобалось
—————————
@wp_coder_tech з Віталіком Омельченко
Ух які новини, я ще не тестував - хто зміг зайти з укр номером?
Федоров це наш міністр цифрової трансформації
https://www.epravda.com.ua/news/2023/02/18/697189/
Федоров це наш міністр цифрової трансформації
https://www.epravda.com.ua/news/2023/02/18/697189/
Економічна правда
ChatGPT тепер доступний в Україні – Федоров
Чат-бот від стартапу OpenAI тепер доступний в Україні, проте не працюватиме на тимчасово окупованих РФ територіях.
Здоровенькі були! Нарешті змонтували наступне відео по проекту Vintage
https://youtu.be/RCOEBY00QgM
ACF PRO буде в одному із наступних постів, коли вийде друга частина відео
Підтримайте будь ласка вподобайкою 👨💻
https://youtu.be/RCOEBY00QgM
ACF PRO буде в одному із наступних постів, коли вийде друга частина відео
Підтримайте будь ласка вподобайкою 👨💻
YouTube
Натяжка Верстки на Wordpress: Виводимо список категорій за допомогою функції get_categories();
Черговий урок з циклу натяжки ( посадки ) верстки на Wordpress або як-то кажуть з HTML у Wordpress.
Виводимо список категорій за допомогою функції get_categories() - 1 частина уроку - наступна за тиждень :)
Список функцій і корисна інформація з відео:
…
Виводимо список категорій за допомогою функції get_categories() - 1 частина уроку - наступна за тиждень :)
Список функцій і корисна інформація з відео:
…
advanced-custom-fields-pro.zip
2 MB
Усім привіт. Публікую ACF PRO plugin, який ви можете використати на локалці для тестування всього про що мова піде в серії уроків про ACF. Усім наполегливо рекомендую придбати ліцензію і отримувати оновлення
Це офіційний плагін і як тільки ви придбаєте ліцензію зможете собі додати її у відповідне поле і отримати оновлення.
Це не нулений плагін, не турбуйтеся за безпеку❤️
Став вогник, якщо є ACF PRO, став програміста - якщо завантажив мій і поділися з другом чи подругою, кому буде цікавий цей пост і урок на YouTube - https://youtu.be/tX1oAbztMu0
—————————
@wp_coder_tech з Віталіком Омельченко
Це офіційний плагін і як тільки ви придбаєте ліцензію зможете собі додати її у відповідне поле і отримати оновлення.
Це не нулений плагін, не турбуйтеся за безпеку❤️
Став вогник, якщо є ACF PRO, став програміста - якщо завантажив мій і поділися з другом чи подругою, кому буде цікавий цей пост і урок на YouTube - https://youtu.be/tX1oAbztMu0
—————————
@wp_coder_tech з Віталіком Омельченко
Це п@зда, запланував відео на суботу, як завжди, але забув додати назву, опис, заставку і все таке..
Всього за пару хвилин 2 людини уже відписалося :((
https://youtu.be/QnDM_bF8dkc
Тому народ, на каналі нове відео про підключення ACF мапи, як профі.
Без айфреймів, з гугл апі. Буде багатьом корисне, я так відчуваю
Не забудьте поставити вподобайку і комент. А ще підписатися, бо 80% переглядів від непідписаних, а я ж стараюся, ну
короче, давайте розвивати україномовний youtube і вчитися новому
—————————
@wp_coder_tech з Віталіком Омельченко
Всього за пару хвилин 2 людини уже відписалося :((
https://youtu.be/QnDM_bF8dkc
Тому народ, на каналі нове відео про підключення ACF мапи, як профі.
Без айфреймів, з гугл апі. Буде багатьом корисне, я так відчуваю
Не забудьте поставити вподобайку і комент. А ще підписатися, бо 80% переглядів від непідписаних, а я ж стараюся, ну
короче, давайте розвивати україномовний youtube і вчитися новому
—————————
@wp_coder_tech з Віталіком Омельченко
Здоровенькі були! У мене сьогодні для вас новий корисний тул, який заощадить вам час
Так як суть прогармування в тому, щоб нічого не повторювалося в цьому житті - ми використовуємо функції, сервіси і купу корисних речей які полегшують наше життя
Сьогодні покажу вам сервіс, яким зі мною поділився Ярослав. Це колега, а ще він волонтерить на посаді “генератор-ідей” для мого каналу, бо все що він пропонує - чудово вписується в наш з вами формат
Тож, коли є завдання додати SVG в CSS - його треба конвертувати в формат base64 і тільки тоді використовувати
Для цього рекомендую ось цей простий інструмент.
1. Берете інлайн SVG, всталяєте
2. Забираєте в форматі base64
3. Кайфуєте
Так як суть прогармування в тому, щоб нічого не повторювалося в цьому житті - ми використовуємо функції, сервіси і купу корисних речей які полегшують наше життя
Сьогодні покажу вам сервіс, яким зі мною поділився Ярослав. Це колега, а ще він волонтерить на посаді “генератор-ідей” для мого каналу, бо все що він пропонує - чудово вписується в наш з вами формат
Тож, коли є завдання додати SVG в CSS - його треба конвертувати в формат base64 і тільки тоді використовувати
Для цього рекомендую ось цей простий інструмент.
1. Берете інлайн SVG, всталяєте
2. Забираєте в форматі base64
3. Кайфуєте
Коли таке потрібно? Наприклад, додати гарну стрілочку вниз для селекта
Став “програміста”, якщо юзаєш цей тул, або “вогник” - якщо корисно
P.S. Пані та панове, усі знайомі хто подивився відео до кінця, бо я вас просив і лишив коментар - дякую вам велике. Відос шириться інтернетом, я уже й рекламку підрубив - нові підписники потрошку приходять і я власне дуже радий цьому і вам вдячний ❤️
P.S.2 - 2 повідомлення, бо телеграм каже що забагато символів для одного 😂
—————————
@wp_coder_tech з Віталіком Омельченко
Став “програміста”, якщо юзаєш цей тул, або “вогник” - якщо корисно
P.S. Пані та панове, усі знайомі хто подивився відео до кінця, бо я вас просив і лишив коментар - дякую вам велике. Відос шириться інтернетом, я уже й рекламку підрубив - нові підписники потрошку приходять і я власне дуже радий цьому і вам вдячний ❤️
P.S.2 - 2 повідомлення, бо телеграм каже що забагато символів для одного 😂
—————————
@wp_coder_tech з Віталіком Омельченко
Пані та панове, усім гарного понеділка. На вихідних вийшло чергове відео на каналі про натяжку верстки на wordpress.
Ми працювали зі сторінкою контакти, натягнули 1 форму, підключили рекапчу і зберегли відправки ( submittions ) в адмінці, що дуже-дуже зручно для адміністратора сайту
Запрошую до перегляду - https://youtu.be/x_895u-TEgE
Поділися відео з тими, кому буде корисно - а також не забувай ставити лайки та підписуватися на канал, а то 80% переглядів від людей, які не підписані :)
—————————
@wp_coder_tech з Віталіком Омельченко
Ми працювали зі сторінкою контакти, натягнули 1 форму, підключили рекапчу і зберегли відправки ( submittions ) в адмінці, що дуже-дуже зручно для адміністратора сайту
Запрошую до перегляду - https://youtu.be/x_895u-TEgE
Поділися відео з тими, кому буде корисно - а також не забувай ставити лайки та підписуватися на канал, а то 80% переглядів від людей, які не підписані :)
—————————
@wp_coder_tech з Віталіком Омельченко
YouTube
Натяжка верстки на Wordpress. Працюємо з Contact form 7, Recaptcha, Form Submitions
Натяжка верстки на Wordpress. У цьому відео ми підключаємо форму на сторінці контакти за допомогою плагіну Contact Form 7, боремося зі спамом з recaptcha та зберігаємо усі відправки форм за допомогою плагіну
Список плагінів із відео:
Contact Form 7 - ht…
Список плагінів із відео:
Contact Form 7 - ht…