Как сделать сайт с нуля за 20 минут на Google Sites



Улётный, красивый сайт! Делаем своими руками “под ключ”: на бесплатном конструкторе, со своим доменом первого уровня (тоже бесплатным), и на бесплатном хостинге, и адаптивный под мобильные устройства! И с бесплатным SSL-сертификатом! Начнем с одной страницы, но многостраничник тоже доступен.
Если хотите пропустить вступление, то создание сайта начинается с 3:50.
Пример Google Cайта: www.free-site.cf/
Ссылка на сервис:
Google Диск (для создания и хранения сайта) drive.google.com/drive
Все видео по теме САЙТ ПОЛНОСТЬЮ FREE:
1) Бесплатный домен навсегда youtu.be/r9npvQv7D_g
2) Бесплатный сайт с нуля за 20 минут youtu.be/Cq9zceNue4I
3) Как подключить домен от Freenom к Google Сайту youtu.be/w8bSg0Ew1So

Курс по WordPress | Урок 2. Создание темы | Академия вёрстки



Ссылка на полный плейлист: bit.ly/2AiZpSa
Это закрытые записи курса по Вордпресс.
Получите полный доступ к домашкам, макетам и дипломному проекту. Переходите по ссылке

Elementor — первый обзор бесплатного конструктора сайтов для Wordpress



Скачать Elementor бесплатно — goo.gl/KzmYJC
Обзор Elementor PRO — youtu.be/JnWDnWKgVKo
Купить Elementor PRO — goo.gl/upyZ5E
Друзья, привет! В этом видео обзоре покажу бомбический конструктор сайтов для #Wordpress который называется #Elementor.
С помощью этого плагина делают нестандартные страницы, нескучную вёрстку записей и лендинги. Широчайший простор для творчества.
В чем преимущества Elementor:
— прост в освоении;
— работает быстро;
— много бесплатных виджетов;
— используйте с любой темой;
— при отказе от Elementor контент не потеряется;
— сохраняйте блоки, страницы целиком и используйте повторно.
0:23 Что такое Elementor
1:40 Что можно делать с помощью Elementor
5:21 Elementor и ваша тема
8:58 Как создавать контент с Elementor
16:46 Elementor для гиков. Технические моменты
20:55 Elementor для дизайнеров
24:00 Платный Elementor Pro
29:32 Чего ждать от конструкторов сайтов
Присоединяйся:
Сайт — wplovers.pw
Вконтакте — vk.com/wplovers
Facebook — fb.me/wplovers1
Telegram — t.me/wplovers
Twitter — twitter.com/wplovers2

Первоначальная настройка WordPress после установки



Прежде чем создавать сайт, необходимо подготовить техническую платформу. В нашем случае это WordPress и в предыдущем уроке мы с вами его установили, а в этом выполним первоначальную настройку.
Содержание:
00:25 настройка главной страницы консоли
01:45 основные настройки WordPress
03:40 настройки пользователя
05:37 настройка постоянных ссылок
06:06 типы материалов Записи и Страницы
08:15 темы в WordPress
10:18 создание страниц в #Вордпресс
12:01 как задать главную страницу
12:35 как создать меню в WordPress
16:21 как задать страницу блога
17:12 что такое плагины #WordPress
** Установка плагинов **
19:17 Elementor
19:30 Contact form 7
19:47 Contact Form 7 styler for Elementor Page Builder
20:00 Cyr to Lat enhanced
20:20 Flamingo
20:43 Easy WP SMTP
21:52 Code Snippets и Code Snippets Extended
22:45 To Top
23:01 Updraft Plus
23:40 Clearfy
24:20 All in one WP security
24:43 Autoptimize
25:08 WP Fastest cache
25:25 Yoast SEO
25:28 автоперевод из кириллицы в латиницу
Плейлист курса «Сайт для бизнеса без программиста и вебмастера»: goo.gl/v59Fjx
Как созать план (карту) сайта — youtu.be/KrU_pdVncJY и youtu.be/AmXQRlqfKL8
Обзор Clearfy — youtu.be/cDy8Fohp1IQ
Присоединяйся:
Сайт — wplovers.pw
Вконтакте — vk.com/wplovers
Facebook — fb.me/wplovers1
Telegram — t.me/wplovers
Twitter — twitter.com/wplovers2

Конструктор сайтов бесплатно. Как создать сайт на Тильде.



Друзья привет. Это видео для вас я выкладываю из своего Экспресс курса по созданию сайтов. Новый курс доступен по адресу learn.e-integrate.ru/wpm-category/2021/ Все уроки вы можете посмотреть пройдя курс онлайн.
Видео получилось длинным по этому вот тайминг:
Создаем шапку youtu.be/Oc01oo2Kotc?t=92
Настроить адаптивность youtu.be/Oc01oo2Kotc?t=325
Как вставлять видео youtu.be/Oc01oo2Kotc?t=598
Блоки для кого это youtu.be/Oc01oo2Kotc?t=1127
Блок с ценами youtu.be/Oc01oo2Kotc?t=2347
Создаем сайт на тильде. tilda.cc/ru/ Посмотреть результат можно тут project487113.tilda.ws если ссылка не активна то вот скриншот e-integrate.ru/wp-content/uploads/2017/01/screencapture-project487113-tilda-ws-1513611538639.png
Этот сайт создан абсолютно бесплатно. В этом видео я его на ваших глазах создам с нуля. Нужно заметить что тексты и структуру мы подготовили на прошлых уроках, но думаю вы самостоятельно можете это все сами продумать.
На курсе мы проходим все этапы, создаем сайты на Wordpress и на Adobe Muse. Эти системы выбраны не случайно, а как наиболее удобные и полнофункциональные системы управления контентом.
Тильда позволяет делать лендинги очень высокого уровня, и сайты на тильде очень подвижны, в них интегрированы все наиболее известные сервисы по электронной коммерции, такие как Келбекхантер, Живосайт итп, сайты легко связываются с различными crm системами, и еще много нужных функций.
Тильда это конструктор сайтов очень высокого уровня. И те кто проходит обучение у меня на курсе знакомятся и с этой стороной сайтостроения.
Сайт на конструкторе это иногда рациональнее чем создавать дорогой ресурс не протестировав нишу. Попробуйте сделать сайт на Тильде, а потом повторить его на других СМС.
Спасибо что посмотрели это видео, следить за обновлением можно подписавшись на канал по ссылке www.youtube.com/channel/UCOvS3wi2Tr9Q15xVnWpgBtQ?sub_confirmation=1
Мой второй канал с различными лайфхаками для жизни тут www.youtube.com/user/mosgy?sub_confirmation=1
И канал Светланы с простыми рецептами тут www.youtube.com/channel/UCotlgDYPTlc661rqYbJbIlQ?sub_confirmation=1
И о том как мы путешествуем можете посмотреть www.youtube.com/channel/UC6sQNeM6pOH7q17QKed4SUg?sub_confirmation=1
А так же на сайте tekhnologia.ru/ или dvoyni.ru/
Всего наилучшего!
Ну и подписчикам моего канала анонсом могу рассказать про сайт, который подходит к завершению и там вас ждет приятный сюрприз e-integrate.ru
Если нужна личная консультация всегда пожалуйста, пишите на yarg@bitrix24.ru договоримся.
Вопросы в комментарии задавайте и оцените это видео лайком или дизлайком

Адаптивная вёрстка сайтов за 37 минут + макет. Тебе не нужен Bootstrap! [ENG SUBS]



Сейчас я познакомлю тебя с адаптивной версткой сайтов. Расскажу зачем она нужна и покажу на практике ряд основных подходов. Изучим медиа запросы и их конструкции. Поймем что тебе не нужен Bootstrap! Поговорим об mobile first, а так же о лучших практиках адаптива. Адаптивная вёрстка позволяет веб-страницам подстраиваться (адаптироваться) под различные размеры мониторов ПК, экранов планшетов и смартфонов. И чтобы эффективно потреблять трафик с мобильных устройств, нужно предлагать пользователям сайты с максимально удобным, адаптивным интерфейсом. Помимо этого, адаптивные сайты имеют приоритет при поисковой выдаче. Одним словом, адаптивная верстка сегодня крайне важна, и любому мастеру нужно уметь её делать и делать хорошо!

Хостинг для сайта: что это такое и как выбрать лучший? | А есть бесплатный хостинг?



Как выбрать хостинг для сайт? Что такое хостинг и какой лучше выбрать? А что такое бесплатный хостинг?
Все это показал в видео + сделал сравнительный разбор лучших топовых хостингов.
Как думаете какой хостинг лучший?
Купить хостинг для сайта:
timeweb.com/ru/?i=48960
Код партнера: 48960
(Он никак не повлияет на стоимость для вас)
Что вы узнаете про хостинг в этом видео:
— сравнение самых популярных хостингов и инструкция, как выбрать лучший
— список критериев для оценки хостинга
— как зарегистрироваться в хостинге и за 5 минут создать сайт
— как обезопасить хостинг от взлома и воровства
Важные критерии выбора хостинга:
— кол-во сайтов
— удобный интерфейс
— поддержка в чате
— возможность установки сайта в пару кликов
— стабильность и бэкапы
— возможность покупать домены прямо внутри
— нагрузку, который он может держать
Советы по безопасности по работе с хостингом:
— регистрируйте на свои личные данные
— включайте автопродление
— по желанию включайте двойную аутентификацию
— всегда оплачивайте оптом (оптимально на 1 год и больше)
Читайте статьи на моем сайте «Какой хостинг выбрать для сайта: 7 главных критериев при выборе»
ifish2.ru/hosting-dlya-saita/
Обещал 1 курс в подарок, но ловите целых 3 курса: 
ifish2.ru/infofree/ — бесплатный курс по созданию, продвижению и заработку на сайтах. Сделаете сайт уже в 1 день курса
ifish2.ru/shop/ — курс по созданию и продвижению интернет магазина. Создаете магазин за 1 день и узнаете про бесплатные способы его продвижения
ifish2.ru/pinterest/ — курс продвижения в Пинтерест. Узнайте, как я делаю больше 2 000 000 просмотров каждый месяц без вложений. Начните с 1 бесплатного урока
Обязательно посмотрите мое видео «Как выбрать домен и хостинг для сайта, который ускорит развитие проекта в 10 раз?»
youtu.be/u3H1c951g0U
Оно логично продолжит процесс создания вашего сайта и сэкономит сотни долларов!
Статьи про хостинг на моем сайте
ifish2.ru/hosting-dlya-sajta/ — как выбрать хостинг для сайта
ifish2.ru/ustanovka-wordpress-na-hosting/ — пошаговая установка wordpress на хостинг
ifish2.ru/perenesti-sajt-na-hosting/ — как перенести сайт на хостинг
Добавляйтесь ко мне в соц сети (показываю внутреннюю кухню развития своих проектов):
www.instagram.com/boshnikov/
www.facebook.com/yuriy.boshnikov 
t.me/Yuriyboshnikov
#хостинг #хостингдлясайта #hosting

Курс JavaScript разработчик. Поток 06. Приветственный вебинар. (30.11.20 г.)



Записаться на курс: webcademy.ru/jscourse/

WooCommerce — плагин для интернет-магазина. Часть #1. Введение, установки, настройки



Обзорное видео о плагину для разворачивания интернет-магазина Woocommerce. Танцуем от печки и начинаем с самого начала — установки и настройки
Для удобства навигации используйте таймкоды ниже
== Содержание ==
Интро 0:00
Введение 0:37
Установка 1:34
Настройки 7:14
— Основные 8:19
— Товары 15:28
— Доставка 31:21
— Платежи 40:53
— Аккаунты 47:07
— Emailы 49:59
— API 54:20
Выводы 56:00
*********************************************************************
Полезные плейлисты
Подготовка сайта под поисковое продвижение «Сеоподготовка» bit.ly/2lR3t6Z
Сайт медленно загружается? Смотри «Оптимизация скорости» bit.ly/2meDFm0
Как натянуть хтмл на вордпресс? Смотри подробный сериал «HTML2WP» bit.ly/2meta22
Смотри обзоры бесплатных и премиум bit.ly/2lClXFH
Не знаешь как выглядит сайт со стороны? Смотри видеокритику и записывайся bit.ly/2mjVrks
Пишем разные решения. Кодим понемногу bit.ly/2l6EE2E
*********************************************************************
Рекомендую
Темы и разработчики
Купить тему Divi bit.ly/ET_Divi
Купить разработки WP-Puzzle bit.ly/wp-puzzle
Купить тему и плагины ElegantThemes bit.ly/ArtElegantThemes
Хостинги
Быстрый хостинг Fozzy bit.ly/fozzyhost купон на скидку 10% wpruse
Доступный хостинг Beget bit.ly/BeGetArt
Хороший хостинг EuroByte bit.ly/EuroByte
Домены покупаю на регточкару fas.st/d8lQuw
*********************************************************************
Поддержать канал
wpruse.ru/?p=1079
*********************************************************************
Контакты
Страница VK: vk.com/artikus13
Группа про WordPress vk.com/wpruse
Канал на YouTube: www.youtube.com/c/wpruseru
Блог о разном artabr.ru/
Блог в поддержку канала wpruse.ru/

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



Пройди сертификацию. Проверь свои навыки и попади в каталог веб-студий от Templatemonster:
sertificat.templatemonster.ru
Я твою верстку на Wordpress натягивал.
1. Запустить локальный сервер
2. Установить на него WordPress
3. Скачать пустую тему underscores.me
4. Активировать пустую тему в админке
5. Установить в Wordpress в настройках (чтение) статическую страницу по умолчанию
6. Скачать HTML шаблон startbootstrap.com/template-overviews/freelancer/
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. Переходи по ссылке:
www.youtube.com/playlist?list=PL3LQJkGQtzc5nqQ4G_QI-GfXA3Oklt9Z2
— Получить нужные материалы для любого веб-разработчика — taplink.cc/glo_web_academy
Получить консультацию куратора — bit.ly/2Ym5SqS
Связаться с автором: vk.com/aislam23
Мой блог: vk.com/islamov_blog
Больше контента в нашей группе Вконтакте
vk.com/glo_academy
Присоединяйтесь к нашему сообществу Discord
discord.gg/k5XzZ68
Мой канал в telegram «Лысый из браузера»
tele.click/baldfrombrowser
Еще у нас скоро стартует курс обучения. Напиши моему ассистенту:
vk.me/glo_academy
— Я использую хостинг Link Host с 2014 года
link-host.net/billing/pl.php?1786