No video
#3 Посадка верстки на Wordpress | Создание дополнительных полей 2
Рет қаралды 9,346
Күн бұрынДелаем свою тему на Wordpress. В уроке создадим дополнительные поля и выведем изображения из админ панели в формате webp
/* Материалы урока */
Код урока: github.com/Dmi...
Макет: drive.google.c...
Верстка: drive.google.c...
База данных и папка wordpress c темой из урока: drive.google.c...
/* Команды урока */
Запуск browser-sync: browser-sync start --proxy "localhost/pizzatime" --files "**/*" --no-notify
/* Ссылки урока */
Carbon Fields: carbonfields.net/
WP Kama Carbon Fields: wp-kama.ru/plu...
Контейнеры в Carbon Fields: wp-kama.ru/plu...
WebP Converter for Media: wordpress.org/...
Меня зовут Дмитрий Бердников, я веб-разработчик. На этом канале буду делиться знаниями по веб-разработке.
/* Соц. сети */
Мой ВК - berdnik...
♫Music By♫
Song: Jarico - Island (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link: • Video
#wordpress
@user-up6es3nr6s 4 жыл бұрын
Таймкоды: 0:14 Настраиваем post_meta 2:27 Выводим контент в первый экран 8:26 Выводим изображение в формате webp 12:44 Выводим контент в section-catalog 13:41 Выводим контент в section-about 16:19 Выводим контент в section-contacts 18:49 Выводим текст в подвал 19:43 Выводим галерею изображений 23:56 Основной принцип работы дополнительных полей в Carbon Fields
@user-up6es3nr6s 3 жыл бұрын
@Hennadii Chikunov Привет! Не совсем понял. Это мешает как-то или нет? Если загрузить картинку она сконвертируется в webp и путь подставляется до webp, то сам путь формируется неправильный?
@user-dv3lb9xd7q 2 жыл бұрын
Привет! Подскажи плз по какой причине не работает " ->show_on_page" И каким способом можно сделать еще, если ->show_on_page не работает
@user-up6es3nr6s 2 жыл бұрын
@@user-dv3lb9xd7q Привет! А что передается в show_on_page? Посмотри на этой странице wp-kama.ru/plugin/carbon-fields/containers
@user-eg7kv2xc9d 4 жыл бұрын
Гигант кода, отец обучающего жанра, человек, который надеюсь продолжит выпускать такие хорошие видео 😉
@user-up6es3nr6s 4 жыл бұрын
Спасибо) обязательно продолжу
@bolgarskiy_yuriy 2 жыл бұрын
Без воды, четко по делу и очень много. Класс!
@MaksssHome 4 жыл бұрын
Привет! СПАСИБО ТЕБЕ за такие полезные, понятные видео! Благодаря тебе начал многое понимать, что было непонятно.
@user-up6es3nr6s 4 жыл бұрын
Спасибо
@krassnow8963 2 жыл бұрын
Очень полезно, спасибо за обучающие ролики
@h3ckphy246 3 жыл бұрын
Супер урок.
@constvntine5453 4 жыл бұрын
Спасибо, лайк.
@user-wx2mc6pz8x 4 жыл бұрын
Привет! Хотел поделиться своим мнением. Ты огромный молодец,видно что ты стараешься,это заслуживает поддержки. На фоне русскогоязычного комьюнити в вебе ты просто сокровище,но пожалуйста,ПОЖАЛУЙСТА немного помедленее,а так всё круто,молодец 🔥🔥🔥🔥🔥
@user-up6es3nr6s 4 жыл бұрын
Привет, спасибо! Хорошо, постараюсь помедленее
@medviol 2 жыл бұрын
видео можно немного замедлить)
@user-jc9dv1ix6l 4 жыл бұрын
Здравствуй, Дима! Было бы круто если бы сделал видео по разроботке сайтов( по тип твоего личного)
@user-up6es3nr6s 4 жыл бұрын
Здравствуй, да я сделаю уроки по верстке разных макетов
@artbotguy 2 жыл бұрын
пишишь реально годный контент. мог бы сейчас иметь овер 100к подписоты. пили еще, куда ушел?
@user-up6es3nr6s 2 жыл бұрын
Привет! Тут вопрос времени и вектора развития. Если верстка, еще более менее интересна, то wordpress я бы уже не хотел рассматривать. По фронтенду хочется сильнее прокачаться, чтобы выпускать хороший контент. Делать контент ради контента не хочу
@my-gamezone7470 4 жыл бұрын
А вы кастомайзер в ВП используете? Очень удобная штука
@user-up6es3nr6s 4 жыл бұрын
Не пробовал, это больше для стилей или он как Advanced Custom Fields?
@my-gamezone7470 4 жыл бұрын
@@user-up6es3nr6s Custom Fields уже не юзаю, как узнал про кастомайзер.. Удобно редактировать данные, + заказчикам нравится. Да, стили тоже можно им менять...
@medviol 2 жыл бұрын
Благодаря тебе юзаю плагин без устану! Спасибо! Подскажи, как быть, если внутри тега, например, заголовка у меня есть span. Как вывести значение поля так, чтобы и спан остался и его не пришлось редактору писать в само поле в админке?
@user-up6es3nr6s 2 жыл бұрын
Привет! 1) Можно сразу в span вложить значение, типо {тут значение} 2) Если не весь контент заголовка нужен быть в спане, то можно сделать так {значение1}{значение 2}
@medviol 2 жыл бұрын
@@user-up6es3nr6s я думал можно как-то отследить наличие тега и подставить его в нужном месте) Спасибо за ответ!
@user-ei5bj5vx5z 3 жыл бұрын
Здравствуйте. Я пока только осваиваю тонкости WP и после просмотра видео остался вопрос: Всё то же самое делает плагин ACF, только немного проще в освоении. А есть ли принципиальная разница что использовать или это просто вопрос удобства исполнения?
@user-up6es3nr6s 3 жыл бұрын
Привет! Я пользовался бесплатным acf примерно 2 года назад, мне не хватало функционала. Поэтому я перешел на carbon fields. Сейчас не знаю как обстоят дела с бесплатной версией acf. Если брать платную версию acf, то думаю она будет лучше. А бесплатная проигрывала carbon fields, по крайне мере раньше
@user-ei5bj5vx5z 3 жыл бұрын
@@user-up6es3nr6s я понял, спасибо!
@vitalb7907 3 жыл бұрын
ты все поля такие кастомные используешь? не используешь ACF?
@user-up6es3nr6s 3 жыл бұрын
Да, использовал ACF, но мне больше carbon fields нравится
@dasman6163 3 жыл бұрын
Спасибо огромное. Подскажите пожалуйста, как работать со спрайтами png и svg в вордпресс? Хочу сделать так, чтобы иконки некоторые на сайте можно было залить через админку и при этом чтобы они были все в спрайте. Т.е. например я заливаю svg иконку через админку и она автоматом добавляется и в спрайт и потом на сайт, тоже самое с png. Можно конечно по отдельности, без спрайта, но так вроде нельзя, много запросов к серверу.
@user-up6es3nr6s 3 жыл бұрын
Привет! 1) Если я загружал иконки svg через админ панель, то не пробовал делать их спрайтом. Чтобы загрузить svg в админ панеле, нужен плагин, в плагинах вбить svg, и установить какой-нибудь плагин для загрузки svg 2) Все иконки svg и png я добавлял в спрайт в ручную. То есть есть сборка проекта на gulp, в самой теме создается папка development. Добавляются иконки в нужную папку, и при сборке галпа собирается спрайт, который попадает в изображения в папке темы. Я готовлю уроки, там как раз покажу, как я со сборкой работаю и вордпрессом
@dasman6163 3 жыл бұрын
@@user-up6es3nr6s вот вот, я также работаю с галпом и у меня от него есть спрайт и в нем эти картинки, только подключать этот спрайт я пока только могу вручную, в коде. В общем жду уроки, спасибо)
@ELSHOXX 4 жыл бұрын
Здравствуйте, у меня не генерируются изображение через плагин (WebP Converter for Media) как на видео (kzfaq.info/get/bejne/j9-ElNaXtsuYd6c.html), я тоже удаляю изображения потом заново загружаю все равно в папке (uploads-webpc) нечего не появляться.
@user-up6es3nr6s 4 жыл бұрын
Здравствуй! Тут сложно сказать подсказать, если все точно так же сделал, то может быть плагин не совместим с версией wp, либо есть отличие по действием от урока
@dill2212 3 жыл бұрын
Не совсем понял как из дата атрибутов вышел background-image в css
@user-up6es3nr6s 3 жыл бұрын
Привет! Ты про data-src? Так это плагин LazyLoad подставляет свойство для background-image
@user-ny3fg6vl6h 3 жыл бұрын
On your server is not installed GD or Imagick library. Пишет когда я установил Webp конвектор.
@user-up6es3nr6s 3 жыл бұрын
Привет! Не сталкивался с таким, попробуй загуглить, такой вопрос уже 100% должен быть в инете
@user-ny3fg6vl6h 3 жыл бұрын
kzfaq.info/get/bejne/p8BpktWim8mdpY0.html(Если у кого-то таж фигня, переходите по сылке)
@stasalsakhanov435 2 жыл бұрын
@@user-ny3fg6vl6h Просто нужно узнать какая версия PHP стоит, когда устанавливали XAMPP. Если стоит последняя версия PHP, то нужно переустановить XAMPP со старой версией PHP. Новая версия она сырая, там отсутствуют расширения GD и Imagick. Чтобы узнать какая версия установлена на локальном сервере, нужно в редакторе кода написать:
@peterquill7120 3 жыл бұрын
Привет, такая проблема: webp конвертер создает путь до файла такой file:///D:/OpenServer/domains/PizzaTime/wp-content/uploads-webpc/uploads/2021/07/bg.jpg.webp, а до jpg путь немного другой file:///D:/OpenServer/domains/PizzaTime/wp-content/uploads/2021/07/bg.jpg - это если через винду смотреть. Вопрос: как можно убрать папку uploads/, то есть чтобы после uploads-webpc шел сразу 2021?
@user-up6es3nr6s 3 жыл бұрын
Привет! А replace не помогает? kzfaq.info/get/bejne/j9-ElNaXtsuYd6c.html&lc=UgwQZw9kJwb-O9BUHHR4AaABAg&t=660s
@peterquill7120 3 жыл бұрын
@@user-up6es3nr6s нуу, если я все правильно понял из видео, то replace решает же немного другую проблему: заменяет uploads на uploads-webpc в url, то есть функция convertToWebpSrc() вернула вот что у меня: pizzatime/wp-content/uploads-webpc/2021/07/bg.jpg.webp, но сам путь до этого файла у меня в винде такой: file:///D:/OpenServer/domains/PizzaTime/wp-content/uploads-webpc/uploads/2021/07/bg.jpg.webp можно конечно все файлы из папки uploads вытащить и засунуть в папку uploads-webpc, а саму папку uploads потом удалить, но конвертер в случае с новыми файлами снова будет создавать эту папку uploads
@user-up6es3nr6s 3 жыл бұрын
@@peterquill7120 вытаскивать файлы точно не вариант. Можно же в replace свою логику указать. Если там uploads-webpc/uploads, то можно эту конструкцию заменить и тд.
@peterquill7120 3 жыл бұрын
@@user-up6es3nr6s да, решил проблему, спасибо, сразу чот не догадался..
@jonnyves2126 3 жыл бұрын
@@peterquill7120 Как решил, если не секрет? Такая же фигня у меня.
@vitalb7907 3 жыл бұрын
На wp-kama есть такая заметка "ВАЖНО! Этот плагин был закрыт в репозитории WordPress 6 февраля 2019 года, и больше не доступен для загрузки. Причина: Запрос Автора." На сколько этот плагин щас актуален? ACF не будет лучше?
@user-up6es3nr6s 3 жыл бұрын
Привет! Увидел, как будто закрыт. Но лично я пользуюсь этим плагином до сих пор, проблем нет. Так как функционала больше, чем в бесплатной версии ACF, но если покупать PRO версию, то, наверное, лучше ACF На официальном сайте не могу найти инфу, что плагин закрыт. carbonfields.net/ Скачать его можно. Ко всем таким штукам лучше относиться как к инструментам. Главное чтобы знания были базовые, а инструмент всегда можно поменять.
@vitalb7907 3 жыл бұрын
@@user-up6es3nr6s в ACF вроде нет возможности выводить настройки темы, как в карбоне theme_option На wp-kama там это предупреждение о том что его нет уже в репозитории вордпресс. Это я увидел по ссылке что ты оставлял в описании
@user-ny3fg6vl6h 3 жыл бұрын
Мне нужно сделать слайдер в ворд пресе, можешь что-то посоветовать?
@user-up6es3nr6s 3 жыл бұрын
Привет! Если плагином, то нет, я пишу через код. Как пример kenwheeler.github.io/slick/
@user-ny3fg6vl6h 3 жыл бұрын
@@user-up6es3nr6s я через нее и сделал в верстке, но я думал можно как-то упростить, а то у меня 5 слайдов и для каждого нужно будет по пару полей делать, потому что на них тож есть инфа(название фильма, и краткое описание)
@user-up6es3nr6s 3 жыл бұрын
@@user-ny3fg6vl6h А ты имеешь ввиду не сам функционал слайдера, а как данные хранить? Через комплексное поле docs.carbonfields.net/#/fields/complex, создаешь один раз и потом сколько угодна добавляешь слайдеров
@user-ny3fg6vl6h 3 жыл бұрын
@@user-up6es3nr6s ооо, спасибо, вот про это я и думал)
Своя доска объявлений #32: добавляем постраничную навигацию (пагинацию) в категории и поиск PHP, SQL
Damir Sharifyanov
Рет қаралды 1,4 М.
TheLookin
Рет қаралды 15 М.
Что такое REST API? HTTP, Клиент-Сервер, Проектирование, Разработка, Документация, Swagger и OpenApi
Максим Иглин
Рет қаралды 63 М.