Я твою верстку на WordPress натягивал!

Поделиться
HTML-код
  • Опубликовано: 15 июн 2017
  • Пройди сертификацию. Проверь свои навыки и попади в каталог веб-студий от Templatemonster:
    sertificat.templatemonster.ru
    Я твою верстку на Wordpress натягивал.
    1. Запустить локальный сервер
    2. Установить на него WordPress
    3. Скачать пустую тему underscores.me
    4. Активировать пустую тему в админке
    5. Установить в Wordpress в настройках (чтение) статическую страницу по умолчанию
    6. Скачать HTML шаблон startbootstrap.com/template-o...
    7. Перенести папки стилей, скриптов и картинок в папку с темой
    8. Создать каркас страницы page.php из index.html
    9. Изменить пути до стилей, скриптов и картинок
    10. Заменить статическое меню на меню от вордпресс wp_nav_menu();
    11. Перенести header из page.php в header.php
    12. Перенести footer из page.php в header.php
    13. Разбить страницу page.php на несколько страниц
    14. Создать страницы в админ панели
    15. Перенести код html в редактор страниц в админ панели
    16. Загрузить все изображения в медиатеку
    17. Заменить старые изображения на изображения из медатеки
    18. Добавить отображение контента страниц через the_post() и the_content()
    Хочешь продолжение? На канале вышел новый плейлист верстки под Wordpress на Bootstrap 4 + Sass + Flexbox CSS с использованием avocode. Переходи по ссылке :
    • Марафон верстки 6.0 Ве...
    ---------------------------------------------------------------------------
    Получить нужные материалы для любого веб-разработчика - taplink.cc/glo_web_academy
    Получить консультацию куратора - bit.ly/2Ym5SqS
    Связаться с автором: aislam23
    Мой блог: islamov_blog
    Больше контента в нашей группе Вконтакте
    glo_academy
    Присоединяйтесь к нашему сообществу Discord
    / discord
    Мой канал в telegram "Лысый из браузера"
    tele.click/baldfrombrowser
    Еще у нас скоро стартует курс обучения. Напиши моему ассистенту:
    vk.me/glo_academy
    -----------
    Я использую хостинг Link Host с 2014 года
    link-host.net/billing/pl.php?... Телеграм-каналы с дизайн-макетами для тренировки вёрстки:
    ttttt.me/figma2html
    ttttt.me/figma_start
    ttttt.me/figmatamplates
    Каналы с крутыми фичами на CSS и JavaScript:
    ttttt.me/codepen_js
    ttttt.me/css_features
    Канал с терминами для айтишников:
    ttttt.me/slang_it
    Канал, где публикуют ссылки на полезные сервисы и сайты:
    ttttt.me/linkforwork

Комментарии • 447

  • @Glo_Academy
    @Glo_Academy  6 лет назад +24

    Хочешь продолжение? На канале вышел новый плейлист верстки под Wordpress на Bootstrap 4 + Sass + Flexbox CSS с использованием avocode. Переходи по ссылке :
    ruclips.net/p/PL3LQJkGQtzc5nqQ4G_QI-GfXA3Oklt9Z2
    (Видео будут выходить 1 раз в неделю, каждую среду)

    • @Iamalivingsteel
      @Iamalivingsteel 5 лет назад

      Скажите, что за редактор кода он использует?

    • @Iamalivingsteel
      @Iamalivingsteel 5 лет назад +2

      и давайте следующий урок будет про "Организация, интеграция дизайна новостей и статей на WP"))

    • @liubomyr-peteliuk
      @liubomyr-peteliuk 5 лет назад +1

      @@Iamalivingsteel Sublime Text

    • @KotoFeelGood
      @KotoFeelGood 3 года назад

      А что делать если в шаблоне который я скачал нет папки вендор?

  • @Facepalm1209
    @Facepalm1209 7 лет назад +130

    Нам нужно больше годных видео о WP)

    • @Glo_Academy
      @Glo_Academy  6 лет назад +1

      На канале вышел новый плейлист верстки под Wordpress на Bootstrap 4 + Sass + Flexbox CSS с использованием avocode. Переходи по ссылке :
      ruclips.net/p/PL3LQJkGQtzc5nqQ4G_QI-GfXA3Oklt9Z2
      (Видео будут выходить 1 раз в неделю, каждую среду)

  • @user-xu5br9bl7s
    @user-xu5br9bl7s 7 лет назад +10

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

  • @lemonjuise9231
    @lemonjuise9231 Год назад

    Брался и бросал, брался и бросал, пока не нашел этот урок который мне очень сильно помог понять, все довольно просто, спасибо)

  • @azaterkinov1741
    @azaterkinov1741 7 лет назад +46

    Продолжайте эту тему! Очень интересно! Лайк! Жду продолжения)

    • @Glo_Academy
      @Glo_Academy  6 лет назад

      На канале вышел новый плейлист верстки под Wordpress на Bootstrap 4 + Sass + Flexbox CSS с использованием avocode. Переходи по ссылке :
      ruclips.net/p/PL3LQJkGQtzc5nqQ4G_QI-GfXA3Oklt9Z2
      (Видео будут выходить 1 раз в неделю, каждую среду)

  • @annakhodakova2413
    @annakhodakova2413 6 лет назад

    Очень классная подача информации, ничего лишнего, только то что нужно. Конечно хотелось бы, чтобы вы продолжали выкладывать видео на эту тему!

  • @deutschlernenindeutschland7136
    @deutschlernenindeutschland7136 6 лет назад

    просто божественный канал, все легко и ясно, ролики качественние, никакой шума нет, у автора приятный голос то есть возможно слушать до конца

  • @user-kf7xl2gh1q
    @user-kf7xl2gh1q 4 года назад +1

    Артём спасибо,
    хоть сейчас и 2019 но это видео до сих пор актуально,искал именно такого формата видео привязки

  • @vskorobahatko
    @vskorobahatko 3 года назад

    Я подумал что посмотрел пятиминутное видео, а оно 32 минуты длилось )) Спасибо, такой сжатой информации мало где есть!

  • @HlibShmatkov
    @HlibShmatkov 7 лет назад +20

    Где же вы были раньше)
    Спасибо!

  • @KindCat21
    @KindCat21 4 года назад

    Ваш канал- драгоценная находка как для профи, так и для новичков! Успехов вам!

  • @user-bx6kj3vz7g
    @user-bx6kj3vz7g 3 года назад

    Артём! Я очень рад что наткнулся на ваш плейлист, очень полезный материал для меня, да думаю для всех он полезный! Было очень интересно и познавательно смотреть урок, жду новых уроков от вас. Дерзайте, не уставайте, по больше вам музы в создании для нас мега-полезного контента :)

  • @user-uc8kh3wt9s
    @user-uc8kh3wt9s 6 лет назад

    Артем, это гениально! Ждем вторую половину.

  • @alexnama1
    @alexnama1 7 лет назад

    делай еще, сейчас мало хороших уроков по wordpress, а у тебя все доходчиво и не нудно!

  • @Zerkacher
    @Zerkacher 6 лет назад

    Хороший урок. Приятный голос. Спасибо, что не возвышаетесь над смотрящими. Продолжайте, пожалуйста, развивать тему вордпресса.

  • @user-zs5eu4ht9l
    @user-zs5eu4ht9l 7 лет назад +1

    Доходчиво и понятным простым языком, спасибо, Артем, с нетерпением ждем продолжения)

  • @andreykhalepov8260
    @andreykhalepov8260 7 лет назад +1

    Как раз сейчас понадобилось, очень вовремя вышел ролик, спасибо. И конечно жду продолжения

  • @levinshtein90
    @levinshtein90 6 лет назад

    Очень жду продолжения по этой теме! Отличные видео делаешь, очень приятно смотреть! После пары твоих видео сразу же подписался на канал, продолжай в том же духе :)

  • @petrosr.melikyan9456
    @petrosr.melikyan9456 5 лет назад

    Артем, спасибо Вам за грамотное предоставление материалов.
    Материал вы излагаете очень доходчиво.

  • @user-dg1jj1lc2o
    @user-dg1jj1lc2o 7 лет назад +64

    Спасибо :) Давно искал именно ТАКОЙ вариант изложения материала!!!

  • @denyspetrushkov5854
    @denyspetrushkov5854 5 лет назад +1

    Очень толковый урок,спасибо
    Давай еще больше по ВП! :)

  • @turlife8303
    @turlife8303 6 лет назад

    Супер! Долго искал материал где так хорошо объяснено создание главного меню.Давай еще уроки! Подписываюсь!

  • @spartaqus31
    @spartaqus31 6 лет назад

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

  • @muhammednur3580
    @muhammednur3580 7 лет назад

    Спасибо за хороший урок! Давно искал именно это. Просьба не останавливаться и продолжить тему...
    Еще раз спасибо!

  • @highlights1889
    @highlights1889 7 лет назад

    Красавчик, Тёмыч, давай еще, очень хорошо заходит данная тема!

  • @trippie7014
    @trippie7014 3 года назад +1

    Безмерно благодарен за урок, очень рад что нашел такой замечательный материал

  • @liudmylakaminska7504
    @liudmylakaminska7504 6 лет назад

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

  • @Inter8529
    @Inter8529 6 лет назад

    Всё отлично! Заливай продолжение. Очень полезные уроки.

  • @user-kp9hz5un2b
    @user-kp9hz5un2b 6 лет назад

    Спасибо за хорошее и очень понятное изложение материала! Очень бы хотелось продолжения.

  • @chingiz_mammadov
    @chingiz_mammadov 5 лет назад

    Мужик!.. Объяснил мощно, ждем продолжение!

  • @max_samusevich
    @max_samusevich 6 лет назад +1

    Артем, очень полезно! Продолжай эту серию видео

  • @chip_a
    @chip_a 7 лет назад

    спасибо, очень внятный урок))) не как у большинства. Жду продолжения

  • @youtubeuser4308
    @youtubeuser4308 5 лет назад +1

    Спасибо от души все понятно и просто и смотреть приятно!

  • @lfyxan1702
    @lfyxan1702 7 лет назад +2

    Спасибо! очень познавательный материал!

  • @ancientfire1
    @ancientfire1 6 лет назад

    Артем, спасибо! Очень хочется продолжения, видео очень полезное и понятное.

  • @MrColins710
    @MrColins710 7 лет назад

    отличный урок, ждем следующего! Спасибо.

  • @user-qg8mw4jx7s
    @user-qg8mw4jx7s 7 лет назад

    Хорошо объясняешь материал, ждем новых уроков.

  • @user-ni5kz3je2s
    @user-ni5kz3je2s 3 года назад

    Отдельное спасибо за заголовок. смеялся 15 минут пока начал смотреть ролик))))))

  • @yanutsh
    @yanutsh 5 лет назад +1

    Хочу продолжения. Отличный урок.

  • @user-uh7bs9el1r
    @user-uh7bs9el1r 7 лет назад

    Спасибо, как всегда познавательно! Продолжай, мы ждем с нетерпением.

  • @blacknight3655
    @blacknight3655 6 лет назад

    Замечательный и подробный рассказ! То, что нужно начинающему программисту. Еще видео, если не сложно!)

  • @user-ve7tx3ud6n
    @user-ve7tx3ud6n Год назад

    Спасибо за прекрасный урок Артём.

  • @youtubeCyborg
    @youtubeCyborg 6 лет назад

    Спасибо за ваши труды !!! очень познавательно.

  • @volodymyrselevertov
    @volodymyrselevertov 7 лет назад

    Лойс за название :D
    Конструктивно, по делу, все понятно. Спасибо

  • @maksymandriienko8113
    @maksymandriienko8113 7 лет назад +3

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

  • @viivrocks1746
    @viivrocks1746 7 лет назад +2

    Спасибо! Отличная подача материала!

  • @GalynaStegniy
    @GalynaStegniy 6 лет назад

    Спасибо за урок! У Вас приятный голос и хорошее изложение

  • @user-fl6qy4mx1g
    @user-fl6qy4mx1g 6 лет назад

    Спасибо Артем! Очень интересная, а главное нужная информация. Хотелось бы более углубится в тему WP.

  • @PrisypkaWOW
    @PrisypkaWOW 7 лет назад +1

    Хорошая тема и отличная подача материала, спасибо!

  • @zholdas1
    @zholdas1 7 лет назад +4

    Артем, спасибо!
    Обязательно продолжай.

  • @shermental
    @shermental 7 лет назад +133

    Зарегистрировал еще один аккаунт, чтобы поставить второй лайк

    • @spyrav
      @spyrav 3 года назад

      я 123-ый кто гэнгбэнгнул тебя моя Буккаке, и вставил в тебя лайк.

  • @shermental
    @shermental 7 лет назад +23

    Развивай тему wordpress'а! Уж очень мало по нему сейчас материала в рунете... Еще бы хотелось уроков по созданию тем для WooCommerce

    • @Glo_Academy
      @Glo_Academy  6 лет назад

      На канале вышел новый плейлист верстки под Wordpress на Bootstrap 4 + Sass + Flexbox CSS с использованием avocode. Переходи по ссылке :
      ruclips.net/p/PL3LQJkGQtzc5nqQ4G_QI-GfXA3Oklt9Z2
      (Видео будут выходить 1 раз в неделю, каждую среду)

  • @IRVIN-dy6wz
    @IRVIN-dy6wz 6 лет назад

    Жду продолжения!
    Интересна тема.

  • @user-es6vj1hl1b
    @user-es6vj1hl1b 6 лет назад

    братан, твоя карма улучшилась. Ты себе просто не представляешь как ты мне помог своим видосом. Удачи во всех начинаниях!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  • @1234582844
    @1234582844 6 лет назад

    Замечательно объясняешь, спасибо тебе! Продолжай в том же духе.

  • @user-bx7rm2rp9g
    @user-bx7rm2rp9g 7 лет назад +1

    Спасибо, хотим продолжения)

  • @user-jy3tw8kq9s
    @user-jy3tw8kq9s 6 лет назад

    Спасибо, все очень понятно, даже для чайников!

  • @irinalando8147
    @irinalando8147 6 лет назад

    все по делу, спасибо за материал и шикарную подачу!

  • @yerzhankabzhanov9705
    @yerzhankabzhanov9705 7 лет назад +2

    Спасибо за полезное видео. Хочу продолжения. Твоё изложение материала очень хорошо воспринимается. Плюс ко всему знаешь много нюансов и фишек, которые могут упростить и ускорить верстку, как сниппет вордпресс или готовая чистая тема вордпресс.

  • @GMClash
    @GMClash 7 лет назад +1

    Артем, спасибо за урок. Меня смутил один момент. Смысл менять все пути к файлам в шаблоне вручную, если есть html тег ?

  • @user-uy1df5dy2h
    @user-uy1df5dy2h 6 лет назад

    Спасибо, Артем! Отличное и очень полезное, а главное - понятное видео!
    Продолжайте, пожалуйста тему вордпресса :)

  • @antonvasyukov763
    @antonvasyukov763 7 лет назад +1

    Спасибо! Очень крутой материал! Продолжай, пожалуйста :)

  • @bobrelius
    @bobrelius 6 лет назад

    Отличное видео. Спасибо. Надеюсь увидеть продолжение =)

  • @denysroshchin
    @denysroshchin 6 лет назад

    Продолжения требуют наши сердца, продолжения...

  • @user-nc6ym5rc3d
    @user-nc6ym5rc3d 7 лет назад

    Спасибо за видео!!! Хотим продолжения

  • @sasha4474
    @sasha4474 6 лет назад

    Спасибо за урок, довольно хорошо рассказан материал.

  • @DorozhkoOleg
    @DorozhkoOleg 5 лет назад

    Заценил на 5+! Не, на все 10! Хочу продолжения!

  • @deutschlernenindeutschland7136
    @deutschlernenindeutschland7136 6 лет назад

    теперь и у меня получилось натянуть шаблон на вордпресс, благодаря вам :)

  • @sapojNick
    @sapojNick 6 лет назад

    Очень информативное видео, пожалуйста продолжайте тему

  • @user-ri6xg9yr1h
    @user-ri6xg9yr1h 7 лет назад +1

    полезно очень! давно хотел этому научиться

  • @BaltazAlastor
    @BaltazAlastor 3 года назад

    ровно то, что я искал, спасибо!

  • @mazuntop
    @mazuntop 6 лет назад

    Полезное видео, спасибо, давайте больше)))))

  • @VovaS777
    @VovaS777 6 лет назад

    Спасибо, за качественный материал!

  • @dmitry2192
    @dmitry2192 7 лет назад +2

    Спасибо. Продолжай. Хорошо получается, и голос поставлен нормально. А то пол ютуба в гундосах. Слушать невозможно.

  • @sergsagan
    @sergsagan 7 лет назад

    Круто и познавательно, жду продолжения.

  • @alexeydanilov1557
    @alexeydanilov1557 5 лет назад +1

    Очень полезное видео, с меня лайк. Спасибо за твой труд!
    Только чуть-чуть помедленнее, а то новичку сложно улавливать слёту.

  • @Alllisinya
    @Alllisinya 7 лет назад

    Спасибо) Жду продолжения.

  • @omak3313
    @omak3313 7 лет назад +1

    Ждём продолжения) Спасибо за просвещение)

  • @user-jf4lf2sq5s
    @user-jf4lf2sq5s 4 года назад

    Не знаю сколько времени ты этому обучался, но получилось классно. Мне очень понравилось.

  • @user-cc8sp2tm1e
    @user-cc8sp2tm1e 6 лет назад

    Лайкнул, подписался...что еще надо сделать ради следующего выпуска?)

  • @xProGenitoRx
    @xProGenitoRx 4 года назад

    Супер изложение материала! Спасибо

  • @user-xv1fv4mp8j
    @user-xv1fv4mp8j 5 лет назад

    Артем отличный преподаватель!! Такая легкая подача материала встречается редко. Благодаря ЕГО видео решилась пройти курс верстки..... К сожалению на его курс не попала.... слишком "неудобные" требования.

  • @daniilpostnov
    @daniilpostnov 6 лет назад

    Спасибо, жду продолжения!

  • @user-wh9yz7lx2t
    @user-wh9yz7lx2t 7 лет назад

    Артем продолжайте про wp! Ждем следующую серию)

  • @unclesergio
    @unclesergio 5 лет назад

    Офигенное видео, автор красавчик 👍👍👍👍👍

  • @kostasancez2358
    @kostasancez2358 7 лет назад

    ждем плейлист, дружище! очень!

  • @VitalikKorolchuk
    @VitalikKorolchuk 6 лет назад

    Подача супер, огромное спасибо.

  • @user-gv9js8xi2j
    @user-gv9js8xi2j 7 лет назад +2

    Спасибо Артем, а почему не с помощью фреймворка?

  • @SPYSUN1
    @SPYSUN1 7 лет назад +1

    столкнулся с сложностью замены .active на .current_page_item в css min файле.Всё ли надо менять? Можно ли заменить пакетно в sublime text ? Как это сделать с помощью "горячих клавиш" ?
    Спасибо.

  • @mrMnJohn
    @mrMnJohn 7 лет назад

    Очень крутое видео, легко и просто. Все записал в блокнот, го еще видосы Артем!

  • @user-dy4zs1rt1k
    @user-dy4zs1rt1k 5 лет назад

    Здорово, такую доступную подачу материала сегодня редко встречаешь)
    Народ ценит, ваш труд помогает и воодушевляет.
    "shoumashtgouon"

  • @nemroq
    @nemroq 7 лет назад +15

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

  • @user-ch2mp7zw5j
    @user-ch2mp7zw5j 6 лет назад

    Спасибо за видео. Жду продолжение.

  • @lilukam
    @lilukam 6 лет назад

    Харошая подача!!! Можно плиз есчё уроки по wordpress!

  • @user-jj9wv5vk3x
    @user-jj9wv5vk3x 4 года назад

    вопрос почему мы прописывали bloginfo('template_directory') у всех такой путь? или только в вашем случаее, немного не знаком с пхп упустил из виду этот момент откуда взяли ? спасибо

  • @pyrr3768
    @pyrr3768 7 лет назад

    Спасибо! Необходимо продолжение!

  • @user-kf7ep8ww4k
    @user-kf7ep8ww4k 7 лет назад

    Артем, спасибо за видео и курсы (поток 5.0) Хочу дать небольшой совет, не заливай код на страницу WP, а попробуй создать темплейт страницы в php и будешь подключать нужный темплейт для нужной тебе страницы. Ждем курсы по jquery.

  • @oleksandrchupilko6957
    @oleksandrchupilko6957 5 лет назад

    СПАСИБО!!! Это уровень!

  • @vizitgame5582
    @vizitgame5582 4 года назад

    Круто . по больше бы таких видосов

  • @Soul-uj3oe
    @Soul-uj3oe 7 лет назад

    Продолжай, у тебя отлично получается.