Верстка под cms

Поділитися
Вставка
  • Опубліковано 12 лип 2023
  • Друзья, одна из фобий верстальщиков - это страх перед версткой для определенной cms, в этом видео развеем страхи над бездной кода и вы поймете основные принципы верстки под cms
    -----------------------------------
    Мой курс по верстке - from0to1.com.ua/
    -----------------------------------
    Телеграм канал - t.me/from0to1com
    Видео про семантику: • Семантика, семантическ...
    Видео про БЭМ: • БЭМ методология. Практ...
    Для самых маленьких лендинг: • Верстка сайта для самы...
    Для самых маленьких многостраничник: • Верстка многостранично...
    Верстка: • Верстка целого сайта в...
    7:30 переполнение контента
    9:45 инлайновые пути
    16:43 дублирование контента
    20:40 редактор текста и картинок
    Подпишитесь на канал, если вам понравилось данное видео:
    bit.ly/2IFzwBZ

КОМЕНТАРІ • 110

  • @user-qe3kk8sn3p
    @user-qe3kk8sn3p 10 місяців тому +40

    Еще раз спасибо огромное! Остался буквально последний штрих - полный курс по WordPress (натягивание многостраничников, нюансы и т.д.) Тогда вечеринка будет максимально крутая

    • @IgorBobyrev
      @IgorBobyrev 5 місяців тому

      ua-cam.com/video/ApZV2z46nd4/v-deo.html

  • @pipiter
    @pipiter 27 днів тому +1

    "Давайте сфотографируемся, всех позовет..." 😂😂😂😂😂 С юмором и по делу!

  • @dimondimonov6417
    @dimondimonov6417 10 місяців тому +5

    Сижу значит смотрю 11часо верстку а тут ещё прилетело😊. Топчик.

  • @onlydropped6479
    @onlydropped6479 10 місяців тому +4

    Вадим радуешь) я ещё 11 часов не досмотрел, нагружаешь контентом))

  • @Francija-Bez-Rozovyx-Ochkov
    @Francija-Bez-Rozovyx-Ochkov 10 місяців тому +4

    Красавчик Брат! Хороший контент! Ты для меня стал Сенсеем-Наставником...много чему уже научился благодаря твоим прекрасным видео!

  • @veronia7522
    @veronia7522 10 місяців тому +16

    1) 7:30 тестировать на переполнение текста
    2) 9:45 картинки в html (фоновые через тег style) не css
    3) 16:43 переиспользуемость отдельных блоков
    4) 20:40 редакторы, стили без класов .about h3

    • @vadymprokopchuk
      @vadymprokopchuk  10 місяців тому +3

      спасибо добрейший человек =)

  • @user-yb5bx2ki4q
    @user-yb5bx2ki4q 10 місяців тому +1

    Спасибо за работу👏

  • @dvsDesing
    @dvsDesing 10 місяців тому

    Это прям видос огонь огненный! Спасибо, сенсей!

  • @rinatbogdanov305
    @rinatbogdanov305 10 місяців тому

    как всегда на высоте.

  • @antoha9486
    @antoha9486 6 місяців тому

    Видео понравилось. Спасибо Вадим за твой труд.

  • @user-ro9gh6ce3z
    @user-ro9gh6ce3z 10 місяців тому +2

    Круто, спасибо, что ты у нас есть, король вечеринок ❤

  • @user-jl6hz7ix3l
    @user-jl6hz7ix3l 10 місяців тому

    Спасибо за хороший контент

  • @Duh280
    @Duh280 24 дні тому

    Спасибо за развернутое объяснение! Очень круто у вас получилось!

  • @elenanigai1966
    @elenanigai1966 10 місяців тому +1

    Большое спасибо тебе Вадим, ты как всегда на высоте !!!

  • @ecomobil5891
    @ecomobil5891 3 місяці тому

    Спасибо за интересное видео, 26-я минута - просто прекрасно!

  • @user-qw5qt1xt5f
    @user-qw5qt1xt5f 10 місяців тому

    Лайк подписка,автор как всегда на высоте!!!

  • @progover24
    @progover24 10 місяців тому

    Красава, топ контент

  • @user-ve7tx3ud6n
    @user-ve7tx3ud6n 8 місяців тому

    Спасибо Вадим. Очень интересно. Процветание каналу!

  • @constyak9031
    @constyak9031 10 місяців тому +1

    Вадос красавчик как всегда. спасибо за контент. подача просто супер

  • @2000-x
    @2000-x 10 місяців тому

    Вадим, Вы потрясающий!

  • @jastinmakalister637
    @jastinmakalister637 10 місяців тому

    Вадос, лучший 👍💯 сам уже заработал бабос с твоей помощью, сделал натяжку вёрстки на вп.

  • @orazaliorazali1000
    @orazaliorazali1000 6 місяців тому

    Благодарю!

  • @_pheax
    @_pheax 10 місяців тому

    спасибо Вадос.

  • @user-wh9mc2po7g
    @user-wh9mc2po7g 10 місяців тому +8

    Респект тебе за то что ты делаешь, очень многому научился у тебя, да и в целом твои видео приятно и не скучно смотреть. Планируется ли видео о том как правильно передавать сайт клиенту, после того как он посажен на смс? Какие есть нюансы в этой процедуре, какие пароли передавать, чью почту привязывать, отвязывать итд
    Мне кажется полезный был бы контент

    • @vadymprokopchuk
      @vadymprokopchuk  10 місяців тому +2

      честно и не думал о таком, но идея хорошая, я себе записал

    • @xdayx53
      @xdayx53 6 місяців тому

      @@vadymprokopchuk добавляя этот вопрос: стоит ли верстать под cms на gulp? если стоит - то нужно ли минифицировать код? с ним же нужно будет работать тому, кто натягивает. не думаю, что минифированный html они вытерпят...

  • @sonliv3416
    @sonliv3416 10 місяців тому

    Нормальная вечеринка, спасибо

  • @front_praxis
    @front_praxis 10 місяців тому

    Вадим Всемогущий ) Большое тебе спасибо !

  • @user-qu9yl6bv6m
    @user-qu9yl6bv6m 10 місяців тому +1

    для header и footer испльзуется плагин redux-framework, после его установки и настройки в админ панели рядом с option появляется владка, где можно задерачить под себя поля, которые доступны глобально на всем сайт, так что туда можно запихать настройку не ток footer и header, а также те блоки которые повторяются на сайтах)

  • @user-lm9ee1gn5p
    @user-lm9ee1gn5p 10 місяців тому

    Спасибо

  • @aliphia_of
    @aliphia_of 10 місяців тому

    Дивилась вакансії для таких як я починашок, точно в точку це відео😊 Дякую 🫶🏻

  • @kafiahammed3548
    @kafiahammed3548 10 місяців тому

    Sir, I am from Bangladesh and I followed your videos it helps me a lot. please make a project on WordPress ..

  • @willheart4200
    @willheart4200 10 місяців тому +2

    One Piece! Уважаю!)

  • @arturrubets
    @arturrubets 10 місяців тому

    Дякую)

  • @StonHenge
    @StonHenge 10 місяців тому

    Теперь такой же ролик по Бэму и топчик будет!

    • @vadymprokopchuk
      @vadymprokopchuk  10 місяців тому

      так уже есть ua-cam.com/video/Jrjwewef_Ws/v-deo.html

  • @benhummer185
    @benhummer185 6 місяців тому

    Я думал, что уже не осталось сайтов без CMS 😅 Оказываетмя бывает...
    Просто все сайты сажаю давным давно на свою CMS. И для меня удивительно, что бывают сайты бес неë.

  • @progover24
    @progover24 10 місяців тому +3

    жду урок по верстке с препроцессорами хотя бы или на сборщиках

  • @esp2644
    @esp2644 10 місяців тому

    Подскажите, а для интернет магазина на вордпресс натяжка шаблона?

  • @konstantinv5512
    @konstantinv5512 5 місяців тому

    Привет, спасибо. А где БЭМ нужен, просто для понятной структуры?

  • @walterwhite4407
    @walterwhite4407 7 місяців тому

    ЛАЙКООС

  • @user-es8bm5cq8n
    @user-es8bm5cq8n 10 місяців тому

    Эхх... И в этом видео не случилось натяжки верстки на ЦМСку(((. Но, очень интересно, для меня контент новый. Спасибо Вадим

  • @user-gg9je6gq2u
    @user-gg9je6gq2u 10 місяців тому +1

    Надо видюшки по нятяжке МАГАЗИНА на вукклмерс (вп)

  • @dmytro_tseluiko
    @dmytro_tseluiko 9 місяців тому

    Дякую за відео! Було б круто, якби зняв як натягнути багатосторінковий сайт на wordpress. Хто за, ставте вподобайки))

    • @vadymprokopchuk
      @vadymprokopchuk  8 місяців тому

      та колись зробимо, буде круто)

  • @karlson2804
    @karlson2804 4 місяці тому

    FSE буде ?

  • @yanamagomedova9897
    @yanamagomedova9897 10 місяців тому

    Здравствуйте!
    Хочу ваш курс, но я их России. Как мне его купить?

  • @svoy4el
    @svoy4el 2 місяці тому

    А есть на канале верстка интернет магаза?

  • @itszerofour3737
    @itszerofour3737 7 місяців тому

    Еще большее уважение за ван пис

  • @SerhiiHimself
    @SerhiiHimself 8 місяців тому

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

    • @vadymprokopchuk
      @vadymprokopchuk  8 місяців тому

      я про стили для статьи в блоге

  • @drawusoon
    @drawusoon 10 місяців тому

    опа, что-то новенькое и непонятное, это мы смотрим)

  • @user-cx1bo5hj3v
    @user-cx1bo5hj3v 10 місяців тому

    Очень жду вёрстку макета с фигмы на Вордпресс, для вечеринки не хватает только этого и можно уходить в открытый океан фриланса

    • @vadymprokopchuk
      @vadymprokopchuk  10 місяців тому

      у меня есть несколько натяжек на вп на канале

  • @kingkingov4918
    @kingkingov4918 10 місяців тому

    редактирование текста, фото и всякого это конечно хорошо, а если заказчик хочет сдвигать блоки, добавить что то, то как тогда натягивается на вп? какие плагины используются?

    • @vadymprokopchuk
      @vadymprokopchuk  10 місяців тому

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

    • @kingkingov4918
      @kingkingov4918 10 місяців тому

      @@vadymprokopchuk слышал про этот плагин, с натянутой вёрсткой он как я понял не работает либо работает очень криво?

  • @jackson8460
    @jackson8460 8 місяців тому

    То есть при верстке сайта под CMS мне не нужно создавать отдельный файл для CSS стилей, а все писать в HTML-коде?

    • @vadymprokopchuk
      @vadymprokopchuk  8 місяців тому

      Я такого не говорил )) нужно создавать отдельный файл или файлы

  • @TheAnsilent
    @TheAnsilent 9 місяців тому

    Дуже сподобалась реалізація редагування контенту лендінга на WP. Підкажіть будь ласка за допомогою яких плагінів/тем це було реалізовано? А точніше як було реалізовано вкладки розділів ленда в редакторі WP? Дякую.

    • @vadymprokopchuk
      @vadymprokopchuk  9 місяців тому

      В мене є на каналі відео як я це робив, посадка на вп називається

  • @SY-im1bn
    @SY-im1bn 10 місяців тому

    Брат, в каких случае используем хостинг ? или для чего почему вообще как ?

    • @vadymprokopchuk
      @vadymprokopchuk  10 місяців тому

      ну чтобы сайт был в интернете, это важно для сайта

  • @oleglis21
    @oleglis21 10 місяців тому

    Лайк + коммент за футболку ван піс) ну і звісно відос дуже корисний

  • @user-xm1hd8fe9m
    @user-xm1hd8fe9m 10 місяців тому +1

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

    • @vadymprokopchuk
      @vadymprokopchuk  10 місяців тому

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

    • @user-xm1hd8fe9m
      @user-xm1hd8fe9m 10 місяців тому

      @@vadymprokopchuk Будет круто 🔥🔥🔥🌪

  • @alizhilov1391
    @alizhilov1391 10 місяців тому

    Здравствуйте Вадим, а цену хостинга заказчик должен оплачивать, или верстальщик?

    • @Arkady-777
      @Arkady-777 10 місяців тому

      Даже логически понятно, что заказчик

    • @vadymprokopchuk
      @vadymprokopchuk  10 місяців тому

      заказчик

  • @MsVladimir1962
    @MsVladimir1962 10 місяців тому

    Спасибо! Вёрстка под битрикс будет?

  • @user-ch1ny3xx7p
    @user-ch1ny3xx7p 5 місяців тому

    Я бэкендер и скажу сразу. Не пользуйтесь вы этими cms, лусге сразу с еуля все писать, ведь все равно в итоге все придется с нуля писать

  • @user-ow8dr6on7l
    @user-ow8dr6on7l 4 місяці тому

    Как столько информации держишь в голове?

    • @vadymprokopchuk
      @vadymprokopchuk  4 місяці тому

      так как-то постепенно все училось

    • @user-ow8dr6on7l
      @user-ow8dr6on7l 4 місяці тому

      @@vadymprokopchuk а у меня уже мозг не выдерживает от всего этого разнообразия😁

  • @wilezar4835
    @wilezar4835 10 місяців тому

    Не совсем понятен как работает 4 пункт. В этом редакторе будет текст отображаться уже с тем, что указано у меня в css? По идее в итоге будут появляться инлайновые стили, перебивающие мой css. Не проще ли там сразу, без всякой внутренней вёрстки, давать "ссылку" на этот редактор? Т.е. что-то такое *ссылка на редактор*. А в css чисто условно отступы настроить будущим тегам.

    • @vadymprokopchuk
      @vadymprokopchuk  10 місяців тому

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

    • @wilezar4835
      @wilezar4835 10 місяців тому

      @@vadymprokopchuk ааа, я и забыл про эти теги i, b. А размер там и не настраивается. Теперь понял, спасибо

  • @user-xe4be7iq1q
    @user-xe4be7iq1q 9 місяців тому

    Вадим , это что ))) У тебя сегодня день рождения 💫⭐🎆🎇 Ты уже как родной ! 🔥
    Так что, хочу искренне поздравить с этим днем ! Счастье , здоровья и успехов в личной жизни ! А также, чтобы вечеринка никогда не заканчивалась !

  • @nursultanberbaev6022
    @nursultanberbaev6022 10 місяців тому

    #1

  • @vladimirzvyagincev8193
    @vladimirzvyagincev8193 10 місяців тому

    Первый))верстаю😅

  • @code-art-school
    @code-art-school 9 місяців тому

    CMS системы - древнее зло) Пора уже переезжать на веб-компоненты. Динамическое формирование html в php устарело лет 7 как

  • @user-rv8xh8fy3m
    @user-rv8xh8fy3m 10 місяців тому

    почему нельзя до css добраться,там же есть пункт редактировать тема?

    • @user-rv8xh8fy3m
      @user-rv8xh8fy3m 10 місяців тому

      речь идёт про заказчика,затупил...

  • @user-sg5lx1gs4p
    @user-sg5lx1gs4p 10 місяців тому

    Так вордпресс это не эл. коммерция, а шопифай нужно сравнивать с вукоммерс. Будут совсем другие цифры

    • @vadymprokopchuk
      @vadymprokopchuk  10 місяців тому

      мы не про эл. коммерция, а про стайты на cms

    • @user-sg5lx1gs4p
      @user-sg5lx1gs4p 10 місяців тому

      @@vadymprokopchuk правильно, Shopify это CMS для эл. коммерции (интернет магазинов). Поэтому его и меньше по сравнению с общим количеством обычных сайтов на WP

    • @alext5030
      @alext5030 10 місяців тому

      А woocommerce давно перестал быть плагином для Wordpress (ВНЕЗАПНО!)?

    • @user-sg5lx1gs4p
      @user-sg5lx1gs4p 10 місяців тому

      @@alext5030 Вы не поняли мой посыл. Я говорю о наглядности статистики в ролике. В цифре по WP сборная солянка всех возможных сайтов, включая интернет магазины на WooCommerce. Если сравнивать именно Woo с Шопифаем, то последний дышит ему в спину практически, если конечно не обогнал за последнее время

  • @TheDaemonL
    @TheDaemonL 10 місяців тому

    бекендеры на вордпресс это миф. ты либо делаешь все сам, либо идешь нахрен

    • @alext5030
      @alext5030 10 місяців тому

      WP - это (очень большая) пачка функций, написаных на чистейшем PHP. Т.е. по сути это обертка над PHP. С помощью этих функций клепаются плагины и темы.
      Никому не уперся бэкенд на чистом PHP в современном мире. На фреймворках типа Ларки и и Симфонии - да, на чистом - нет. Печально, но факт. Все боятся, что потом некому будет поддерживать самописную поделку. Да и ценник на самопис, скорее всего будет покруче фреймворкерской фигни, т.к. возни намного больше. Кроме того, по сути придется создавать свою CMS в той или иной форме.
      Я-то за, но проф. программисты - против.

  • @Rasty_Boss
    @Rasty_Boss 10 місяців тому +1

    потрібен марафон на 100 годин з версткою і потім натяжкою на ВП )

    • @vadymprokopchuk
      @vadymprokopchuk  10 місяців тому

      ого, поплавимося після такого

  • @user-wp5fi7xu7l
    @user-wp5fi7xu7l 10 місяців тому

    кажу нюхай бебру

  • @Creative_duck
    @Creative_duck 10 місяців тому

    Первый