Как натянуть верстку на WordPress Часть 4

Привет!
В этом цикле видео я пошагово расскажу, как натянуть сайт диджитал-агенства на CMS WordPress. Верстка уже готова, так что здесь мы полностью погрузимся именно в работу с PHP и самой CMS.
Данные видео подойдут даже тем, кто вообще впервые сталкивается с данной системой, однако верстку вы должны знать хотя бы базово.

В этом видео рассказываю, как натянуть страницу about. Тут так же придется чуть-чуть переделать верстку, т.к. бутстрап не очень подходит под натяжку. Но мы справимся)

Данная рубрика полностью перезапускает мои видео двухгодичной давности. Там был плохой звук, плохая подача, слишком простой сайт. Теперь будет гораздо лучше и интереснее)

Содержание:
00:00 - Вступление и начало натяжки страницы (свой хедер, фото на фоне)
06:35 - Блок we are experts
10:05 - Блок team
16:00 - Слайдер
19:10 - Блок we are experts 2
32:25 - Заключение





Меня зовут Максим Васянович. Фрилансер уже 5 лет, создал более 50 коммерческих сайтов. Преподаватель в онлайн-университете Skillbox, автор курса Веб-верстка.

#обучение #wordpress #натяжкасайта

[daxter_time]

У кого не работают картинки(Illegal string offset)
Включите в опциях Pods:
Enable watching WP Metadata calls (may reduce performance with large processes)

[ERASHOW]

Делаю все как на видео но при добавлении изображения как в моменте в team-image, выдает ошибку Warning: Illegal string offset 'ID' in on line 797
Image placeholder хотя все по видео пересмотрел 10 раз, помогите пожалуйста

[ИгорьВоронов-цю]

Добрый день. У меня такая проблема, создал поле для слайдера, загружаю туда нужное ко-во фото все сохраняю, но они потом исчезают когда обновишься. Из за этого не получается вывести слайдер на экран.

[leshikzoloto]

У меня не получается вставить изображение в тим при помощи
<?php

$photo = get_post_meta(get_the_ID(), 'team-image', true);
$fullImg = pods_image_url($photo['ID'], 'large');

echo '<img src="' . $fullImg . '" alt="Image placeholder">'

?>
выводит белый экран и все все настройки в Pods включенны, Решить проблемму удалось с помощью
<img src="<?php echo get_the_post_thumbnail_url(); ?>" alt="Image placeholder">
и добавления изображения не в team-image а непосредсвенно создания изображения записи. Возможно что то поменялось в wordpress

[velessn]

У меня заработала следующая конструкция при выводе слайдера на странице about :
if ($pageSlider) {
foreach ($pageSlider as $slide) {
$fullImg = pods_image_url($slide, 'large');
echo '<img src="' . $fullImg . '" alt="Image placeholder">';
}
}
?>
без указания в $fullImg = pods_image_url($slide['ID'], 'large'); $slide['ID'] тут не работает как надо. Почемуто ни у кого небыло ошибки или 2 калеки повторило код из видео?

[fakemysterio]

Привет, спасибо за видеоуроки!
Вопрос такой) Почему когда пишу <?php the_content(); ?> происходит какая то рекурсия и вместо текста в теге <p> у меня там вызывается снова col-md-4 со всеми дочерними элементами и там уже в <p> нужный текст? Код проверил, все точно так как должно быть. При том, что в аналогичном месте на странице portfolio все отрабатывает нормально)

[shev]

Cпасибо за уроки! Могли бы вы подсказать, что делать, если изображение страницы подключается через CSS?

[dianaborisova]

Спасибо за урок) А что с заполнением атрибутов, alt в картинках слайдера был проигнорирован, как подтянуть автозаполнение?

[ДобрыйСок-хт]

Спасибо, за урок! Возможно первый способ не работал при вставке иконки т.к слэш в другую сторону был повернут, но это не точно)

[ubuntuu]

Скажи пожалуйста, почему ты используешь PODS вместо ACF? По ощущениям PODS какой-то запарный, тот же вывод картинки, да и вообще любое поле в ACF реализуется, как по мне, намного проще. Какие преимущества PODS? Очень интересно было бы узнать.

[marysokolovskaya]

не работает pods_image_url что делать?(((

[ВадимЯковенко-яв]

Спасибо!
И все же, wp_get_attachment_image для больших фоток не лучше юзануть? что бы подгружало на мобильнике фотку не 2000 на 2000, а уже порезанную ? )

П.С. Подгрузку постов покажи плиз =)

[ЭДБОНДАРЕНКО-щи]

Как натянуть страницу товара так чтобы при добавлении нового товара, она автоматом подтягивалась?

[lpseeen]

спасибо за урок иконки не сработали иза того что слеш не правельный

[leshikzoloto]

В 2022 году конструкция
<?php

if ( get_post_meta( get_the_ID(), 'page-slider', false ) ){ //images название вашего произвольного поля
$pageSlider = get_post_meta( get_the_ID(), 'page-slider', false ); //images название вашего произвольно поля
}
if ( $pageSlider ) {

foreach ( $pageSlider as $slide ) {

$fullimg = pods_image_url( $slide['ID'], 'large');

echo '<div class="item"><img src="' . $fullimg . '" alt="" class="img-fluid"></div>';
}
}

?>
почему то не работает на дисплеее белый экран как только поменял на
<div class="item">
<img src="<?php echo get_template_directory_uri(); Template" class="img-fluid">
</div>
<div class="item">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/hero_2.jpg" alt="Free Template" class="img-fluid">
</div>
<div class="item">
<img src="<?php echo get_template_directory_uri(); ?>/assets/images/hero_3.jpg" alt="Free Template" class="img-fluid">
</div>
все зароботало слайдер корректно отображает .