Верстка под cms

2023 ж. 12 Шіл.
15 831 Рет қаралды

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

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

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

    @user-qe3kk8sn3p@user-qe3kk8sn3p10 ай бұрын
    • kzhead.info/sun/dNSThpaya2ikl2w/bejne.html

      @IgorBobyrev@IgorBobyrev5 ай бұрын
  • Спасибо за развернутое объяснение! Очень круто у вас получилось!

    @Duh280@Duh28024 күн бұрын
    • Благодарю

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

    @veronia7522@veronia752210 ай бұрын
    • спасибо добрейший человек =)

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
  • Сижу значит смотрю 11часо верстку а тут ещё прилетело😊. Топчик.

    @dimondimonov6417@dimondimonov641710 ай бұрын
    • круть)

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
  • Вадим радуешь) я ещё 11 часов не досмотрел, нагружаешь контентом))

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

    @Francija-Bez-Rozovyx-Ochkov@Francija-Bez-Rozovyx-Ochkov10 ай бұрын
  • Спасибо за работу👏

    @user-yb5bx2ki4q@user-yb5bx2ki4q10 ай бұрын
  • Спасибо Вадим. Очень интересно. Процветание каналу!

    @user-ve7tx3ud6n@user-ve7tx3ud6n8 ай бұрын
    • Благодарю

      @vadymprokopchuk@vadymprokopchuk8 ай бұрын
  • Круто, спасибо, что ты у нас есть, король вечеринок ❤

    @user-ro9gh6ce3z@user-ro9gh6ce3z10 ай бұрын
  • Видео понравилось. Спасибо Вадим за твой труд.

    @antoha9486@antoha94866 ай бұрын
  • Большое спасибо тебе Вадим, ты как всегда на высоте !!!

    @elenanigai1966@elenanigai196610 ай бұрын
    • благодарю

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

    @dvsDesing@dvsDesing10 ай бұрын
  • как всегда на высоте.

    @rinatbogdanov305@rinatbogdanov30510 ай бұрын
  • Спасибо за хороший контент

    @user-jl6hz7ix3l@user-jl6hz7ix3l10 ай бұрын
  • Спасибо за интересное видео, 26-я минута - просто прекрасно!

    @ecomobil5891@ecomobil58913 ай бұрын
  • Вадос красавчик как всегда. спасибо за контент. подача просто супер

    @constyak9031@constyak903110 ай бұрын
    • благодарю)

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
  • Вадим, Вы потрясающий!

    @2000-x@2000-x10 ай бұрын
    • спасибо)

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
  • Лайк подписка,автор как всегда на высоте!!!

    @user-qw5qt1xt5f@user-qw5qt1xt5f10 ай бұрын
  • Вадос, лучший 👍💯 сам уже заработал бабос с твоей помощью, сделал натяжку вёрстки на вп.

    @jastinmakalister637@jastinmakalister63710 ай бұрын
  • Красава, топ контент

    @progover24@progover2410 ай бұрын
  • Благодарю!

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

    @user-wh9mc2po7g@user-wh9mc2po7g10 ай бұрын
    • честно и не думал о таком, но идея хорошая, я себе записал

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

      @xdayx53@xdayx536 ай бұрын
  • спасибо Вадос.

    @_pheax@_pheax10 ай бұрын
  • Вадим Всемогущий ) Большое тебе спасибо !

    @front_praxis@front_praxis10 ай бұрын
    • спасибо )

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
  • Нормальная вечеринка, спасибо

    @sonliv3416@sonliv341610 ай бұрын
  • Спасибо

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

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

    @benhummer185@benhummer1856 ай бұрын
  • Дивилась вакансії для таких як я починашок, точно в точку це відео😊 Дякую 🫶🏻

    @aliphia_of@aliphia_of10 ай бұрын
    • супер, дякую

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
  • Теперь такой же ролик по Бэму и топчик будет!

    @StonHenge@StonHenge10 ай бұрын
    • так уже есть kzhead.info/sun/fdajp8mvnJiViqs/bejne.html

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

    @dmytro_tseluiko@dmytro_tseluiko9 ай бұрын
    • та колись зробимо, буде круто)

      @vadymprokopchuk@vadymprokopchuk8 ай бұрын
  • Sir, I am from Bangladesh and I followed your videos it helps me a lot. please make a project on WordPress ..

    @kafiahammed3548@kafiahammed354810 ай бұрын
  • One Piece! Уважаю!)

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

    @user-es8bm5cq8n@user-es8bm5cq8n10 ай бұрын
  • жду урок по верстке с препроцессорами хотя бы или на сборщиках

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

    @SerhiiHimself@SerhiiHimself8 ай бұрын
    • я про стили для статьи в блоге

      @vadymprokopchuk@vadymprokopchuk8 ай бұрын
  • Дякую)

    @arturrubets@arturrubets10 ай бұрын
    • будь ласка

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
  • Еще большее уважение за ван пис

    @itszerofour3737@itszerofour37377 ай бұрын
  • Подскажите, а для интернет магазина на вордпресс натяжка шаблона?

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

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

    @user-xe4be7iq1q@user-xe4be7iq1q9 ай бұрын
    • Благодарю )

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

    @konstantinv5512@konstantinv55125 ай бұрын
  • Надо видюшки по нятяжке МАГАЗИНА на вукклмерс (вп)

    @user-gg9je6gq2u@user-gg9je6gq2u10 ай бұрын
  • Очень жду вёрстку макета с фигмы на Вордпресс, для вечеринки не хватает только этого и можно уходить в открытый океан фриланса

    @user-cx1bo5hj3v@user-cx1bo5hj3v10 ай бұрын
    • у меня есть несколько натяжек на вп на канале

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
  • опа, что-то новенькое и непонятное, это мы смотрим)

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

    @TheAnsilent@TheAnsilent9 ай бұрын
    • В мене є на каналі відео як я це робив, посадка на вп називається

      @vadymprokopchuk@vadymprokopchuk9 ай бұрын
  • ЛАЙКООС

    @walterwhite4407@walterwhite44077 ай бұрын
  • FSE буде ?

    @karlson2804@karlson28044 ай бұрын
  • А есть на канале верстка интернет магаза?

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

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

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

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

    @user-xm1hd8fe9m@user-xm1hd8fe9m10 ай бұрын
    • по анимахам будет, там нужно доделать всякое, нужно больше времени

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
    • @@vadymprokopchuk Будет круто 🔥🔥🔥🌪

      @user-xm1hd8fe9m@user-xm1hd8fe9m10 ай бұрын
  • Спасибо! Вёрстка под битрикс будет?

    @MsVladimir1962@MsVladimir196210 ай бұрын
    • нет, такой не будет

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

    @jackson8460@jackson84608 ай бұрын
    • Я такого не говорил )) нужно создавать отдельный файл или файлы

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

    @alizhilov1391@alizhilov139110 ай бұрын
    • Даже логически понятно, что заказчик

      @Arkady-777@Arkady-77710 ай бұрын
    • заказчик

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

    @oleglis21@oleglis2110 ай бұрын
    • дякую)

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
  • Брат, в каких случае используем хостинг ? или для чего почему вообще как ?

    @SY-im1bn@SY-im1bn10 ай бұрын
    • ну чтобы сайт был в интернете, это важно для сайта

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
  • Как столько информации держишь в голове?

    @user-ow8dr6on7l@user-ow8dr6on7l4 ай бұрын
    • так как-то постепенно все училось

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

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

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

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

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

    @user-ch1ny3xx7p@user-ch1ny3xx7p5 ай бұрын
  • Первый))верстаю😅

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

    @code-art-school@code-art-school9 ай бұрын
  • почему нельзя до css добраться,там же есть пункт редактировать тема?

    @user-rv8xh8fy3m@user-rv8xh8fy3m10 ай бұрын
    • речь идёт про заказчика,затупил...

      @user-rv8xh8fy3m@user-rv8xh8fy3m10 ай бұрын
  • #1

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

    @user-sg5lx1gs4p@user-sg5lx1gs4p10 ай бұрын
    • мы не про эл. коммерция, а про стайты на cms

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

      @user-sg5lx1gs4p@user-sg5lx1gs4p10 ай бұрын
    • А woocommerce давно перестал быть плагином для Wordpress (ВНЕЗАПНО!)?

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

      @user-sg5lx1gs4p@user-sg5lx1gs4p10 ай бұрын
  • потрібен марафон на 100 годин з версткою і потім натяжкою на ВП )

    @Rasty_Boss@Rasty_Boss10 ай бұрын
    • ого, поплавимося після такого

      @vadymprokopchuk@vadymprokopchuk10 ай бұрын
  • бекендеры на вордпресс это миф. ты либо делаешь все сам, либо идешь нахрен

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

      @alext5030@alext503010 ай бұрын
  • кажу нюхай бебру

    @user-wp5fi7xu7l@user-wp5fi7xu7l10 ай бұрын
  • Первый

    @Creative_duck@Creative_duck10 ай бұрын
    • Нас двое первых

      @dimondimonov6417@dimondimonov641710 ай бұрын
KZhead