Посадка верстки на Wordpress | Создание блога с нуля

  Рет қаралды 32,798

Анна Блок

Анна Блок

Күн бұрын

✅ Запишись на курс Wordpress до 14 апреля (включительно): frontendblok.com/courses/word..., чтобы получить:
- Низкую стоимость за обучение на старте продаж
- 3 сверстанных сайта в подарок для практики с Wordpress, которые пойдут в ваше портфолио
- Лучшему ученику индивидуального тарифа передам заказ на создание блога для FrontendBlok
🙌 Используем хостинг Webnames: www.webnames.ru/
⚡️ Вёрстку и код готовых файлов можно получить через донат:
1) по подписке (доступ ко всем макетам) boosty.to/annblok
2) по подписке (доступ ко всем макетам) donut/tpverstak
3) разовая оплата через крипту new.donatepay.ru/@annblok (в комментариях напишите email и название видео)
👇 Таймкоды:
00:00:00 Коротко про проект
00:01:07 Курс Wordpress на FrontendBlok
00:02:13 Что будем использовать?
00:03:22 Установка Wordpress на хостинг
00:07:20 Знакомство с версткой
00:08:20 Авторизация в админке
00:09:05 Создание темы в Wordpress
00:12:10 Создание шапки и подвала сайта
00:14:17 Посадка главной страницы
00:14:55 Подключение стилей и скриптов
00:18:49 Подключение изображений
00:21:48 Подключение favicon
00:22:17 Замечание про header
00:23:09 Посадка страницы блога
00:26:56 Подключение шапки для блога
00:28:53 Работа с сайдбаром
00:36:01 Наполнение блога статьями
00:37:56 Перенос стилей для категорий
00:42:36 Работа с тегами
00:49:30 Отображение статей в блоге
01:01:01 Работа с пагинацией
01:10:00 Работа с “хлебными крошками”
01:11:16 Проработка блога на главной
01:18:56 Добавляем страницу категории
01:21:50 Добавляем страницу тега
01:22:51 Создаем страницу статьи
01:28:01 Подключение шапки для статьи
01:30:40 Отображение имени автора
01:31:28 Вместо заключения
🔵 Дзен - zen.yandex.ru/annblok
🔵 ВК - tpverstak
🔵 Telegram - t.me/tpverstak
🔵 Чат Telegram - t.me/tpverstakchat
🔵 Instagram - / annblok
🔵 TikTok - / annblok_webdev
🔴 Задать вопрос - frontendhelp.me/ru
🔴 Обучение - frontendblok.com/

Пікірлер: 88
@MultiEchelon
@MultiEchelon Жыл бұрын
Спасибище за такой познавательный, и главное - пошаговый ролик. Лучи добра тебе
@user-me8cn1hk6j
@user-me8cn1hk6j Жыл бұрын
Ваши видео очень хороши. Что по сути, что по наполненности. Всегда можно почерпнуть массу полезной информации. Спасибо!
@user-kp1bc6ci3t
@user-kp1bc6ci3t Жыл бұрын
Обожаю учиться с Вами..! У Вас замечательная дикция, Вас легко слушать и воспринимать..!
@elinalara1752
@elinalara1752 Жыл бұрын
Очень понятные и хорошие уроки у вас. Подробно и с пошаговым объяснением.
@rabirai8136
@rabirai8136 Жыл бұрын
Спасибо Анна за урок всё четко и понятно.
@JeanaUchiha
@JeanaUchiha Жыл бұрын
Очень нравятся ваши уроки, все четко и по факту и легко разобраться
@user-xj6ur2ei9k
@user-xj6ur2ei9k Жыл бұрын
Рекомендации, как всегда, четкие, понятные, думаю, всем доступные!
@user-gz7mj1qj6h
@user-gz7mj1qj6h Жыл бұрын
Один из лучших движков! Сам начинал с него.
@user-oo1dn8gv7y
@user-oo1dn8gv7y Жыл бұрын
Хороший урок, очень рад.
@user-bm5yk9gd3n
@user-bm5yk9gd3n Жыл бұрын
Подробно и с пошаговым объяснением,спасибо за видео!
@user-zi3ph1cz7y
@user-zi3ph1cz7y Жыл бұрын
Интересный образ получился. Так много нового для себя узнавал. Спасибо. 😊
@dtsyk5434
@dtsyk5434 Жыл бұрын
Анна хорошо рассказала. Спасибо, за проделанную работу. Было очень интересно
@user-yw9us9rp9n
@user-yw9us9rp9n Жыл бұрын
Спасибо за видео. Ваши уроки многому научат людей в этом деле неосведомлённых.
@user-Pk1id7rozd
@user-Pk1id7rozd Жыл бұрын
Спасибо за полезную информацию все очень понравилось!👍
@viktordybach8763
@viktordybach8763 Жыл бұрын
Большое спасибо за полезную информацию.Очень качественный и подробный обзор.
@user-hs7fi5se4f
@user-hs7fi5se4f Жыл бұрын
Спасибо большое за видеоурок , всё понятно и доступно изложено .
@user-wz5cj1oi8t
@user-wz5cj1oi8t Жыл бұрын
Всё четко и понятно пояснили,спасибо!
@marinagor
@marinagor Жыл бұрын
очень интересный проект, как мне кажется) отличное видео!
@shahniazabir4525
@shahniazabir4525 Жыл бұрын
Я понятия не имел, как создать блог с нуля с помощью Wordpress, теперь я знаю, как это сделать. Спасибо за этот замечательный урок и спасибо за то, что сделали это бесплатно.
@user-sv5he4fx9c
@user-sv5he4fx9c Жыл бұрын
Отличный материал хорошо объяснила мне очень понравилось
@JaOlhha
@JaOlhha Жыл бұрын
Видео очень хорошее, если кто-то не имеет понятия с чего начинать. То посмотрев его вы приближаетесь на шаг к своей задумке
@CityGorsk
@CityGorsk Жыл бұрын
Ваши уроки просто потрясающие, вся информация усваивается с лёгкостью и отлаживается в памяти на долго. Жаль у нас в школе, были не такие учителя.
@annblok_webdev
@annblok_webdev Жыл бұрын
У нас в школе тоже так себе преподавали 😅
@tolasnisar2494
@tolasnisar2494 Жыл бұрын
Да с таких видео уроков можно многому научиться.
@user-px3my8ko1d
@user-px3my8ko1d Жыл бұрын
Благодарю за обширный обзор создания блога с помощью Wordpress...
@alexschaus1909
@alexschaus1909 Жыл бұрын
Спасибо за очень хорошее информационное видео всё объяснили очень дохотчиво и ясно.
@kopchik1000
@kopchik1000 Жыл бұрын
Вроде с первого урока все усвоил. Спасибо за ясный и полный обзор и урок
@farmlingarchontas2216
@farmlingarchontas2216 Жыл бұрын
Содержательно. Это первое, что я подумал, когда увидел сколько оно длится. Хорошо, что я заметил таймкоды...
@MrNikolaevv
@MrNikolaevv Ай бұрын
Благодарю ❤
@user-pt3yg5xg9w
@user-pt3yg5xg9w 3 ай бұрын
Как можно 1,5 часа сухой и подробной информации выговорить без остановки!? Браво, вы крутая 👍💪
@_webAmoeba
@_webAmoeba 2 ай бұрын
монтаж?
@igormajrov8444
@igormajrov8444 Жыл бұрын
Вот это годный контент. Мало про верстку Wordpress видосов на KZfaq. Все на JS больше сосредоточены.
@jioannnarcys69
@jioannnarcys69 Жыл бұрын
Интересный голос 😊 Как и личико 😊 Спасибо на информативность)
@user-nc5dd3ef8m
@user-nc5dd3ef8m Жыл бұрын
Обязательно возьму себе это видео сохраню. А то как ходить по сайтам я знаю) а вот как это всё самой сделать без понятия )
@illuziinet
@illuziinet Жыл бұрын
Спасибо за видео, пару комментариев: 1. для того, чтобы посмотреть страницу очистив кэш css не нужно использовать отдельный браузер - есть соотв. плагины для браузера, которые выводят кнопку очистить кэш и перезагрузить страницу, также можно воспользоваться встроенной функцией Очистить кэш. 2. в хлебных крошках ссылку на главную страницу сайта лучше указывать / или используя функцию wordpress site_url() - тогда не нужно будет править код при переезде сайта на другой домен. Для хлебных крошек лучше жестко не прописывать пути, есть готовые примеры wp. 3. используйте все же менеджер ftp и visual studio code для работы с кодом, так у вас будет возможность отменить изменения и будет подсветка кода, также можно будет сворачивать большие блоки
@annblok_webdev
@annblok_webdev Жыл бұрын
Про плагины знаю, но о полезных плагинах более подробно планировала рассказать на курсе. Цель видео была показать именно перенос вёрстки 🙌
@blooddimon2390
@blooddimon2390 Жыл бұрын
CTRL + F5 обновление страницы со сбросом кеша
@BugzzV
@BugzzV Жыл бұрын
думаю мало у кого получится все сделать хорошо с первого раза
@user-pt3yg5xg9w
@user-pt3yg5xg9w 3 ай бұрын
Такие преподаватели должны быть в вузах
@bakernickolas8736
@bakernickolas8736 11 ай бұрын
Отличный учебник! Не могли бы вы создать учебник для Quill Forms?
@Roman_Nikolaevich
@Roman_Nikolaevich 9 ай бұрын
48:50 новые стили можно сразу увидеть, для этого достаточно прожать Ctrl+Shift+R
@sharkman6434
@sharkman6434 Жыл бұрын
Анна спасибо за видео а что вы думаете по поводу связки Next js + Strapi headless cms ? получиться же намного производительнее, юзер экспайренс соверщенно другой на нексте все летает, можно где динамика SSR делать а где статика SSG и скроксть будет молниеносная + нет гемора с обновлением всего это дела как на врод пресс + нет плагинов которые на нексте не нужны + сама вёрстка и работа с лайутами в нексте а не эти повторения хеадера футера на каждой странице = что скажете ?
@blooddimon2390
@blooddimon2390 Жыл бұрын
Спасибо за ролик! Удачи в продвижении канала) P.S. можно заменить на так короче:)
@user-tj4xy6zo1l
@user-tj4xy6zo1l Жыл бұрын
Здравствуйте Анна! Подскажите пожалуйста, где можно купить толковый курс node-js? Спасибо)
@fiaskomen8320
@fiaskomen8320 Жыл бұрын
спасибо, очень доходчиво расказываете, ато я уже заколебался на Блогере вести свой сайт.
@user-os2un8ij7z
@user-os2un8ij7z Жыл бұрын
Благодарю вас дорогая за ценную и полезную инфу))).Давно уже мечтаю открыть свой блог!!)))
@nikolay_it_master
@nikolay_it_master Жыл бұрын
... Записать по теме wordPress (1:32). создание: - 'дочерней темы' - 'глобальной настройки темы (customize_register)' - 'метабоксов' - 'своих типов постов (register_post_type)' - 'таксономии' - 'конструкторы (elementor,...)'
@gamides
@gamides 5 ай бұрын
Как же я долго **** возился с картинкой к посту, не надо его в img src вставлять, просто код php. Может кому то сэкономлю время, просто надо было на wp kama зайти и пример посмотреть) А за урок спасибо!
@upawesome7340
@upawesome7340 Жыл бұрын
Обзаведись SSH подключением. Или хотя-бы FTP. Желательно прям в IDE.
@user-pt3yg5xg9w
@user-pt3yg5xg9w 3 ай бұрын
Всë гениальное просто сказывается, а я то пытался пытался, психанул и свою cms написал 😂😂😂
@PearlDpUa
@PearlDpUa Жыл бұрын
53:20 кто привык к программированию тем всё там понятно, заменить статичные прописанные значения на переменные или их функции.
@Stanley19708
@Stanley19708 Жыл бұрын
Чем больше практики чем лучше запоминается материал , и потом щёлкается как орешки
@BMikel
@BMikel Жыл бұрын
Как бы хейтеры не разводили хайп, вордпресс всегда остается актуален. Его ниша низко- и среднебюджетных, готовых и обкатанных решений пока надолго зацементирована удобством, доступностью, наличию тысячи бесплатных плагинов, сообществом.
@annblok_webdev
@annblok_webdev Жыл бұрын
Дополню: многие сервисы также делают решения для интеграций в раличные CMS. В их число всегда входит Wordpress.
@IT-Lina-gz3fr
@IT-Lina-gz3fr 24 күн бұрын
Скажите пожалуйста лучше все же стандартная вёрстка и посадка на cms или создание с нуля сайта в cms? Я вот учу фрондент уже и до react дошёл и понял что все вертится на этих cms, а когда понял что он ещё и как конструктор, вообще не понял , а чо писать тогда это вручную все и учить эту золотую троицу да фреймворки
@user-ue5xr6yf9g
@user-ue5xr6yf9g 2 ай бұрын
Чтобы стили обновлялись сразу, я дописываю к стилям и js версионность вида css/style.css?v= и проблема решена.
@vectorvkino
@vectorvkino Ай бұрын
увы, невозможно сделать донат
@VikaBel40
@VikaBel40 Жыл бұрын
Да… когда я училась работать на ПК , то приходилось ходить в компьютерный клуб. Лет так 25 назад 😊
@amriddindavlatov110
@amriddindavlatov110 Жыл бұрын
Почему бы не сбросить кэш вместо перехода в другой браузер?
@daria9621
@daria9621 Жыл бұрын
48:30 - почему тут вы использовали тот же принцип отступа через margin? Разве через gap было бы не лучше?
@Lemoonbird
@Lemoonbird 28 күн бұрын
Спасибо за видео. Глянула пока по диагонали, подскажите, может ли заказчик потом добавлять страницы и менять контент самостоятельно без спец знаний?
@annblok_webdev
@annblok_webdev 27 күн бұрын
Да, статьи точно сможет. А вот если ему потребуется новая страница с отличающимся дизайном, то без разработчика, скорее всего, не сможет.
@Lemoonbird
@Lemoonbird 27 күн бұрын
@@annblok_webdev спасибо!
@roman-konopatskiy
@roman-konopatskiy Жыл бұрын
SE optimization - было правильно, ведь это сокр. search engine optimization. Получилась тавтология Search Engine Optimization Optimization
@ayhow
@ayhow 4 ай бұрын
anna display: flex;
@sergeymickolaenko1161
@sergeymickolaenko1161 Жыл бұрын
Мало сделать сайт, надо еще грамотно его запустить 👍
@IrinaChernikova90
@IrinaChernikova90 Жыл бұрын
Как натянуть верстку на WordPress своими силами?
@allasv
@allasv Жыл бұрын
Скажите пожалуйста, а можно ли к такому блогу подключить комментарии? Спасибо
@blooddimon2390
@blooddimon2390 Жыл бұрын
Можно
@AlexSpaceofbass
@AlexSpaceofbass Жыл бұрын
Спасибо за стабильно отличный интересный и полезный контент👍 Объясните, пожалуйста, в чём смысл переносить обычный сверстанный в html сайт на Wordpress, только лишь в языке php?!
@annblok_webdev
@annblok_webdev Жыл бұрын
Чтобы из админки редукторы могли публиковать статьи и они выводились сразу на сайт
@IT-Lina-gz3fr
@IT-Lina-gz3fr 24 күн бұрын
Так есть же самописные админки, скрипты в открытом доступе , я вообще cms заинтересовался только по части бэка, много пишут про него, хотя сам во фронт углубился, вот задумался, а как браться на том же фрилансе за полный функционал сайта и вот говорят cms в этом плане может спасти чтобы отдельно не искать бэка для дальнейшей реализации
@nemercevroman
@nemercevroman Ай бұрын
на этом и приехал, в подключении стилей в functions.php . Ничего не сработало в этой части и ответов по каме нет...
@nemercevroman
@nemercevroman Ай бұрын
Чтобы скрипты из functions.php корректно вставлялись в вашу тему, необходимо размещать перед закрывающим тегом .
@Alex_Presli
@Alex_Presli Жыл бұрын
Исходя из постов, которые мы берем из баз данных, затем идет формирование количества страниц. Но, что то я не улавливаю сути ...
@slava_po
@slava_po 4 ай бұрын
Анна почему тариф за 50 тыс доступ к уроку 2 месяца? Вы сума сошли? Вообще новичков не уважаете!!!
@user-ow8dr6on7l
@user-ow8dr6on7l 4 ай бұрын
Инфы много по этой теме чет я прикурил(
@trionixchannel2435
@trionixchannel2435 Жыл бұрын
Мда, даже за верстку надо заплатить.
@kaniiues
@kaniiues Жыл бұрын
Wordpress больше не актуален
@RxPro-ob8dy
@RxPro-ob8dy Жыл бұрын
43% сайтов всего мира работают на wordpress
@BMikel
@BMikel Жыл бұрын
Подобные комментарии больше неактуальны.
@grayekx8137
@grayekx8137 4 ай бұрын
Куча левой болтавни и рекламы!
@walterwhite4407
@walterwhite4407 Жыл бұрын
@cg_man
@cg_man 4 ай бұрын
ЧТо за колдунство? Создал страницу About. Если в менеджере называю страницу page.php, то сайт по адресу /about показывает контент, а если переименовать в about.php, то сразу все ломается. Не понял принципа, почему страницу называем именно page.php и как сделать если у меня 5 страниц about, news, contact и так далее. UPD: заработало, когда переименовал в page-about.php и так далее
@JaOlhha
@JaOlhha Жыл бұрын
Видео очень хорошее, если кто-то не имеет понятия с чего начинать. То посмотрев его вы приближаетесь на шаг к своей задумке
He sees meat everywhere 😄🥩
00:11
AngLova
Рет қаралды 10 МЛН
FOOLED THE GUARD🤢
00:54
INO
Рет қаралды 63 МЛН
Как создать сайт на WordPress (для начинающих)
1:33:45
Metics Media | русский
Рет қаралды 3,1 М.
😱 Как стать программистом с нуля? Без курсов самому.
24:43
Хауди Хо™ - Просто о мире IT!
Рет қаралды 331 М.
Основы маркетинга | Филип Котлер
29:27
Букич
Рет қаралды 1,1 МЛН
He sees meat everywhere 😄🥩
00:11
AngLova
Рет қаралды 10 МЛН