![ВЕРСТАЧ](/img/default-banner.jpg)
- Видео 26
- Просмотров 772 120
ВЕРСТАЧ
Россия
Добавлен 15 июн 2019
Канал Верстач - это обзор лайфхаков, способов и методов по созданию сайтов, а так же работы с ними от опытного Front-end разработчика. Подписывайся на канал, каждый вторник и четверг в 19:00 - полезный контент, уроки и информация для новичков и прошаренных.
Создание сайта без кодинга + настройка рекламы в Яндекс Директ
В этом видео я поделюсь методом как создавать сайты без кодинга за несколько минут и лить на них трафик уже сегодня.
Что будет в этом видео:
1. Создаём оферную страницу сайта
2. Генерируем логотип с помощью нейросети
3. Создаём и настраиваем рекламную кампанию в Яндекс Директ даже для маленького бюджета.
Ссылки:
1. Сконструировать сайт можно тут - sprinthost.ru/c4999
2. Сгенерировать логотип через ИИ - freelogodesign.org
3. Настройка рекламы в Яндекс Директ - direct.yandex.ru
Если на каком-либо этапе у тебя возникнут трудности - пиши в комментариях под видео и я моментально отвечу :)
ERID: 2SDnjewtWZv
Что будет в этом видео:
1. Создаём оферную страницу сайта
2. Генерируем логотип с помощью нейросети
3. Создаём и настраиваем рекламную кампанию в Яндекс Директ даже для маленького бюджета.
Ссылки:
1. Сконструировать сайт можно тут - sprinthost.ru/c4999
2. Сгенерировать логотип через ИИ - freelogodesign.org
3. Настройка рекламы в Яндекс Директ - direct.yandex.ru
Если на каком-либо этапе у тебя возникнут трудности - пиши в комментариях под видео и я моментально отвечу :)
ERID: 2SDnjewtWZv
Просмотров: 652
Видео
Натяжка сайта на WordPress | Полный курс + БОНУС (2023)
Просмотров 36 тыс.Год назад
В этом уроке мы пройдём весь путь интеграции сайта на WordPress. Уделил внимание каждому этапу так, чтобы данный урок смог пройти даже новичок с базовыми знаниями в вёрстке сайтов. В рамках этого курса мы сделаем интеграцию на примере вёрстки, создадим чистую тему, подтянем весь контент чтобы им можно было управлять через админку (тексты, картинки, вкладки, слайды, меню, записи и др.), а также ...
Как загрузить сайт на хостинг используя только браузер?
Просмотров 2,3 тыс.Год назад
В этом уроке мы разберём универсальный метод загрузки разных сайтов на хостинг без использования дополнительных программ. Всё что нам потребуется - только доступ к хостингу и браузер, через который мы произведём загрузку нашего сайта. В инструкции буду рассматривать как статический вариант сайтов (HTML/CSS), так и сайты на CMS (PHP). Купить хостинг для сайта: fastfox.pro/ Желаю приятного просмо...
Как создать сайт с полного нуля?
Просмотров 6 тыс.2 года назад
Как создать сайт если абсолютно не владеешь кодингом? В этом видео за 20 минут разобрал один из самых простых и удобных конструкторов сайтов "Craftum". С помощью этого инструмента вы можете создавать полноценные премиальные сайты, которые ничем не будут отличаться от тех, что можно увидеть в интернете. Ссылка на конструктор Craftum: bit.ly/3DoHhqm Появились вопросы или что-то не понял? Пиши в к...
How to copy a website in 5 minutes? | 2 ways, admin panel and uploading to the hosting
Просмотров 113 тыс.2 года назад
Как скопировать любой сайт за 5 минут? Очень просто. Открываем программу, вставляем ссылку и нажимаем "копировать". И это не шутка, если ты так подумал:) Никого не призываю к нарушению авторских прав, информация предоставлена исключительно в ознакомительных целях. В этом видео мы рассмотрим сразу 2 способа о том, как копировать сайт. Первый - с помощью специальной программы где всё делается с п...
Как сделать сайт мультиязычным за 5 минут?
Просмотров 7 тыс.2 года назад
В этом уроке я поделюсь с вами одним из самых быстрых и эффективных способов сделать сайт мультиязычным. После выполнения всех действий вы сможете добавить более 100 языков. Партнёрская программа ConveyThis: www.conveythis.com/ru/conveythis-affiliate-program/ * Интуитивно простая и быстрая настройка. Всего несколько минут, и вы готовы выйти на международный уровень. * В настоящее время поддержи...
Как натянуть сайт на wordpress? | Часть 3
Просмотров 5 тыс.2 года назад
В этом уроке мы поговорим про создание отдельных шаблонов страниц, а также сделаем интеграцию элементов из первой секции. Скачать вёрстку сайта RedHat: www.leadhost.ru/index.php?rp=/knowledgebase/20/Шаблон-сайта-RedHat.html Скачать чистый wordpress: ru.wordpress.org/download/ Создать чистую тему на wordpress: underscores.me/ Скачать плагин ACF Pro можно по ссылке - verstach.ru/acf-advanced-cust...
Как натянуть сайт на wordpress? | Часть 2
Просмотров 7 тыс.3 года назад
В этом уроке мы продолжаем делать натяжку сайта на Wordpress. Вы узнаете, что такое плагин ACF, а также как его можно получить бесплатно. Разберём основные детали для интеграции через этот плагин и попробуем всё это на практике. Скачать вёрстку сайта RedHat: www.leadhost.ru/index.php?rp=/knowledgebase/20/Шаблон-сайта-RedHat.html Скачать чистый wordpress: ru.wordpress.org/download/ Создать чисту...
Как натянуть сайт на wordpress? | Часть 1
Просмотров 18 тыс.3 года назад
В этом видео я рассказываю как натянуть сайт на Wordpress. Начинаем детальный разбор информации по натяжке сайта на WP. В рамках этих уроках мы научимся делать полноценную интеграцию сайтов на wordpress, чтобы сайтом можно было в дальнейшим управлять через админку. Скачать вёрстку сайта RedHat: www.leadhost.ru/index.php?rp=/knowledgebase/20/Шаблон-сайта-RedHat.html Скачать чистый wordpress: ru....
Как установить сайт на хостинг и домен?
Просмотров 43 тыс.3 года назад
В этом видео я рассказываю про два способа установки сайта на хостинг и домен. Первый способ заключается в подключении к хостингу через FTP-клиент FileZilla. И второй способ связан с загрузкой файлов сайта напрямую в панель управления хостингом. Буду рад любым пожертвованиям; Тинькофф - 5536 9137 6324 5442 Сбербанк - 5469 6200 1922 8210 QIWI - 4890 4947 4726 5197 Желаю приятного просмотра! Если...
Массовый поиск и замена текста на сайте
Просмотров 2,3 тыс.3 года назад
В этом видео мы рассмотрим сразу 2 способа как делать массовый поиск и замену информации на сайте. К примеру, если вам необходимо массово изменить номер телефона, или контактные данные на всех страницах сразу - вы можете легко это сделать посмотрев это видео. Регулярное выражение: (.*?) Буду рад любым пожертвованиям; Тинькофф - 5536 9137 6324 5442 Сбербанк - 5469 6200 1922 8210 QIWI - 4890 4947...
Методолгия БЭМ за 19 минут / Как правильно называть классы CSS
Просмотров 35 тыс.3 года назад
В этом видео мы поговорим о том, как правильно называть классы CSS по методологии БЭМ. БЭМ (Блок, элемент, модификатор) - методология разделения конструкции сайта на независимые компоненты. 1. Блок - основной компонент страницы, который может быть использован повторно 2. Элемент - составной компонент блока, который не может быть использован вне этого блока 3. Модификатор - компонент определяет ...
Как сделать всплывающее окно на сайте? / Модальное окно на CSS и jQuery
Просмотров 6 тыс.3 года назад
В этом видео мы сверстаем всплывающее окно с формой обратной связи на HTML и CSS, а затем сделаем функцию вызова и закрытытия всплывающего окна с помощью jQuery. Я подробно расскажу про назначение CSS классов и создания jQuery функций. Буду рад любым пожертвованиям; Тинькофф - 5536 9137 6324 5442 Сбербанк - 5469 6200 1922 8210 QIWI - 4890 4947 4726 5197 Желаю приятного просмотра! Если у тебя во...
Как зафиксировать шапку сайта при скролле с помощью CSS
Просмотров 25 тыс.3 года назад
В этом видео мы рассмотрим 2 способа фиксирования шапки сайта с помощью стилей postion: fixed и position: sticky. В первом варианте мы просто зафиксируем шапку сайта, а со вторым вариантом мы сделаем шапку прилипающей к верхней области браузера, когда она достигает нужного нам элемента. Буду рад любым пожертвованиям; Тинькофф - 5536 9137 6324 5442 Сбербанк - 5469 6200 1922 8210 QIWI - 4890 4947...
Сделать анимацию с помощью CSS и jQuery
Просмотров 2,5 тыс.3 года назад
В этом уроке мы рассматриваем 3 способа создания эффекта анимации на сайте с помощью CSS и jQuery. В первую очередь я расскажу вам про стандартные средства для создания анимации - это использование псевдоклассов :hover, :focus и :active, а также подключение анимации через animate.css и wow.js. animate.css - animate.style/ wow.js - wowjs.uk/ Буду рад любым пожертвованиям; Тинькофф - 5536 9137 63...
Filezilla - Как загрузить сайт на хостинг по FTP
Просмотров 14 тыс.3 года назад
Filezilla - Как загрузить сайт на хостинг по FTP
Верстка сайта с нуля на HTML и CSS для начинающих - Часть 2
Просмотров 6 тыс.4 года назад
Верстка сайта с нуля на HTML и CSS для начинающих - Часть 2
Верстка сайта с нуля на HTML и CSS для начинающих - Часть 1
Просмотров 24 тыс.4 года назад
Верстка сайта с нуля на HTML и CSS для начинающих - Часть 1
How to set up a feedback form on the website in Telegram?
Просмотров 15 тыс.4 года назад
How to set up a feedback form on the website in Telegram?
Как быстро сделать Pixel Perfect? l Соответствие верстки и веб-дизайна пиксель в пиксель
Просмотров 18 тыс.4 года назад
Как быстро сделать Pixel Perfect? l Соответствие верстки и веб-дизайна пиксель в пиксель
Как настроить формы обратной связи на почту?
Просмотров 11 тыс.4 года назад
Как настроить формы обратной связи на почту?
Натяжка вёрстки на Wordpress l Часть 2
Просмотров 23 тыс.4 года назад
Натяжка вёрстки на Wordpress l Часть 2
Натяжка вёрстки на Wordpress l Часть 1
Просмотров 97 тыс.4 года назад
Натяжка вёрстки на Wordpress l Часть 1
Как настроить форму обратной связи на сайте? С привязкой в VK!
Просмотров 14 тыс.5 лет назад
Как настроить форму обратной связи на сайте? С привязкой в VK!
How to copy the site and install the admin panel in 3 minutes?
Просмотров 232 тыс.5 лет назад
How to copy the site and install the admin panel in 3 minutes?
Здравствуйте, помогите, кто знает! Буду очень благодарен). Делал как сказано, но при открытии сайта нажимаю “вход в личный кабинет» и написано файл был перемещен или удален! Фактически работает лишь главная страница, при попытка входа в меню или личный кабинет пишет что файл был удален…
Ты меня спас спасибо тебе Бро😊❤
Форму записи не сделали🙂
А вот спасибо преогромное от чайника! Перенёс свой сайт благодаря этому видео - тут есть то, чего нигде нет. Не скажу, чтобы всё было сразу и в шоколаде - но это вопросы не к автору видео. База данных, на пример, при импорте выдавала ошибку, а загрузив её как дамп через ISPmanadger, таки своего добился - всё работает. Спасибо за опубликованные нюансы, так бы я означил. Никакое доброе дело не проходит бесследно для того, кто его сделал. Благодарность!
Жаль повторитель только для Про теперь
ааа, надо лицензию активировать
@@user-ep3fn8le4u да, там в описании к плагину написал как)
Круто, но мало😅
Добрый вечер а можно ссылку на исходники? Спасибо большое.
Благодарю! А обязательно через Саблайм делать? или можно как-то на хостинге это делать? Не разбираюсь в этом к сожалению(
хммм повторитель только в про версии доступен, или я что-то пропустил?
Доступен, читайте внимательно в ссылке откуда скачивали ACF, там красным текстом написано как активировать лицензию
Загрузил сайт на хостинг и ftp сервер, но сайт открывается с пустой страницы. Что не так?
Сайт установил на хостинг и на фтп сервер, но сайт отображается с пустой страницы. Что не так, подскажите?
Спасибо, чувак
Влад, доделайте сайт!!!
для чего нужно натягивать сайт на вордпресс? разве заказчик готов будет менять контент без обучения?
Шёл четвертый год, сайт до сих под загружается....
зАГрузился?,
классное видео, кстати вместо <?php echo можешь использовать <?= get_field('name') ?> , думаю как верстальщику тебе будет удобнее
Спасибо большое
Добрый день! Спасибо за контент. Появился вопрос как вывести svg через поле ACF? Возможно ли это? Задача стоит вывести в разметку svg, который загрузит админ. Заранее спасибо за ответ
Спасибо огромное, автору, очень доходчивый урок, а главное разьясняющие комментарии обо всём, коментарии установки, верстки и программинга, все используемые файлы прилогаются, а ещё быстрая, обратная связь в случае чего.
большое спасибо за ваш труд
Привет на Мак можно установить эту прогу ?
Молодчага, но реакт в основе такого простенького сайта, зачем?
Спасибо вам за отличное видео 👍🏼👍🏼👍🏼
Я не понял, а почему нельзя установить плагин ACF из предоставленных в Wordpress, или они чем-то отличаются?
Там же урезанная версия, можно конечно но придется покупать про версию)
@@verstach Но для вывода элементов сайта этого плагина достаточно будет? Кстати, почему-то в другом проекте все выводилось на страницу, а на этот раз почему-то ничего не выводится, что-то я не так сделал.. Тогда в настройках делал статическую главную страницу, а на этот раз ты этого не делал..
@@verstach Логотип вывелся, а следующий за ним текст почему-то не выводится, и в консоли разработчика скрипт <?php the_field('description'); ?> не отображается.
а как добавить сайт в папку , вот у меня сайт сделать через sublime
Вы рассказываете об ACF - его pro версия? Законно ли так устанавливать, ведь вы предлагаете скачать платную версию и пользоваться бесплатно
А кто узнает? 🙂
Здравствуйте, ACF Pro вы для скачки предоставляете? Как быть с лицензией, честно ли это? И вы прописали некоторые стили в начале инлайново, как их лучше прописать в файл стилей? Инлайно ведь неудобно
Очень замечательный урок по созданию лендинга по макету .psd 👍 Ещё бы такой же урок создание сайта по макету Figma 🤔
Рад что понравилось :) Мало кто стремится к более глубокому изучению таких вещей, но постараюсь в ближайшее время сделать что-то по фигме
Сделал все как в видео и ничего. У меня есть домен, есть сайт написанный. Перекачал все файлы так же как в видео, перехожу по домену, а он не работает (
Очень здорово выглядит! Как сделать чтоб приходила ссылка на страницу с которой был отправлен запрос? Для примера у меня скрипт прописан в шапке и отображается на всех страницах, клиент зашел на страницу какого то товара, он оставляет заявку в надежде что ему позвонят или напишут зная что именно его заинтересовало, а у меня есть только имя и телефон. Я звоню переспрашиваю что именно его интересовало, клиент раздражается по тому что уже не помнит название товара.
Отличное видео, просто великолепно, кому интересно вопрос со скриптом на 4.12.41 там нужно добавить проверку $(".animate-scroll").click(function (event) { if (this.pathname === window.location.pathname) { event.preventDefault(); var id = $(this).attr("href"); if ($(id).length > 0) { var top = $(id).offset().top; $("body,html").animate( { scrollTop: top - 76, }, 1500 ); } } });
Наконец-то нашелся человек, который умеет говорить понятным языком. Лайк однозначно!
*_Это сайт многостраничник?!_*
Одним словом программист х86 говорит 86 разрядная винда, все понятно….
Ой, как же так, надо срочно удалять видео и переделывать
у меня на fixed слетает margin: auto и становится хедер не по середине, а стики работает
С JavaScript сайтами такое не прокатит(
С чего это вдруг?) Js это фронтед, как-раз таки его можно вытянуть
Повторюсь безусловно это лучшее объяснение WP и ACF!!! Но есть несколько вопросов! Как правильно из админки подтянуть атрибут "alt", что бы соответствовал нужной картинке? Вроде ты в видео говорил, что и форму реализуем, но видимо забыли! Хотелось бы узнать как её правильно реализовывать? Перевод сайта тоже интересная тема, хотелось бы увидеть в твоём исполнении! В видео тоже вроде говорил про перевод! Когда мы переходим на страницу контактов или страницу записи, и если кликнуть например на расписание? то якоря у нас уже нет и соответственно нет перехода никуда, как это пофиксить? :) Ещё в консоли так же появляется ошибки и предупреждение когда переходим на страницу контактов или страницу записи, но как я понял это связанно с тем, что нет таймера на тех страницах и нужно просто написать проверку, вопрос какую и как правильно? :) Хотелсоь бы в твоём исполнении ещё таких видео! :) Планируешь ли в ближайшем будущем реализовывать натяжку интернет магазина в таком же формате, думаю многие поддержат, что в твоёми объяснении многие разберуться!?! :) Хотелось бы от тебя в таком же формате видео, как использовать headless wordpress с next.js, если знаешь!?! :) Вот несколько вопросов и пожеланий!!! Тебе ещё раз бесконечное число спасибо и слов благодарности за твой труд, за помощь новичкам и за то что ты есть!!! :) Подписался, лайк прожал!!!
Это самое понятное объяснение WP и ACF!!! Влад ты просто красава!!! Благодарю от души!!!
Блядский ?
а есть какие нибудь нормальные бесплатные хостинги?
а как подключиться к удаленному сайту , у меня его нет в списке
А где скачать эту верстку сайта?
Всё работает классно, но когда пытаюсь скачать удаленную страницу сразу всё ужасно!!!
Если на сайте стоит пароль, то эти способы не работают
Работают, в софте можно настраивать вход по паролю
Привет, спасибо за видео. Ещё хотел спросить, как добавить на сайт отправку формы на почту и в телеграмм одновременно с помощью PHP? Заранее спасибо
Такс посмотрим у меня есть заказ на 10к поможет ли этот
Новичку по вашему способу не все будет понятно. Установка сайта на HTML и PHP это две разные вещи и надо делать два разных видео урока .
Более чем понятно. Спасибо за труды. Подскажи такой сайт можно упаковать в тилду или флекбер?
да, на тильду хотелось бы это интегрировать. Знаю только щас в тг ботов продают, которые копируют код и можно в ручную вставить в тильду
Кто с лолза?
Хорошо объясняешь но и не чапкал бы очень сильно отвлекает и не хочется досмотреть