Привет! Я поздравляю тебя с началом обучения и желаю пройти его до конца. Это не трудно, поверь, тебе нужно только повторять за мной...
Программа 1 дня обучения
- Знакомство с преподавателем
- Знакомство с платформой обучения
- Что такое домен и хостинг? Выбор, особенности и рекомендации.
- Установка CMS WordPress
- Разбор админки WP и первоначальные настройки
- Установка необходимых плагинов
Результат 1-го дня
В результате первого дня обучения вы познакомитесь со мной лично. Я познакомлю вас с платформой и форматом обучения. Узнаете что такое домен и хостинг, лично от меня получите рекомендации по выбору оптимальных регистраторов и тарифов для хостинга. Также мы установим с вами "движок" CMS WordPress, разберем его админку (*консоль) и сделаем необходимые настройки.
Видеозапись урока
Материалы для урока
Скачать CMS WordPress — https://ru.wordpress.org/download/
Скачать Skype — https://www.skype.com/ru/get-skype/
Хостинги и регистраторы доменов:
- timeweb.ru (Россия, Казахстан)
- fozzy.ru (Россия)
- smartape.ru (Россия)
- hostiman.ru (Россия)
- hostfly.by (Беларусь)
- hyperhost.ua (Украина)
Алгоритм установки CMS WordPress:
- Скачать с официального сайта CMS WordPress (на ПК скачается zip-архив)
- Zip-архив с Вордпрессом закачать через файловый менеджер в папку с сайтом.
- Создать базу данных MySQL и пользователя. Добавить пользователя к базе данных и выдать все привилегии.
- Запустить установку CMS WordPress на сайте. Для этого вам необходимо в браузере открыть новую вкладку и просто перейти по адресу (домену) вашего сайта.
Вход в админку (консоль WP):
вашдомен/admin
вашдомен/wp-admin
вашдомен/wp-login.php
Названия плагинов для установки:
1) Classic Editor
2) Advanced Editor Tools (ранее TinyMCE Advanced)
3) Really Simple SSL
4) Yoast SEO
5) WP-Optimize
6) WPFront Scroll Top
7) Elementor
8) MetForm
9) ElementsKit
Название темы для установки — Hello Elementor
Как установить ссылку для номера телефона и email
В поле для ссылки установите следующий код. Важно, номер телефона должен быть заполнен без пробелов и дефисов, как на примере:
tel:+375445706666
Для email:
mailto:info@webmaster.name
Как установить ссылку на слово в заголовке
В примере ниже прописан код для установки ссылки на страницу моих контактов. Атрибут target="_blank" открывает ссылку в новом окне. Если вообще не писать данный атрибут в структуре кода ссылки или использовать атрибут target="_self" , то ссылка откроется в текущем окне.
Для открытия в новом окне:
Смотрите <a href="/contacts/" target="_blank">мои контакты</a>
Результат:
Смотрите мои контакты
Для открытия в текущем окне:
Смотрите <a href="/contacts/" target="_self">мои контакты</a>
или
Смотрите <a href="/contacts/">мои контакты</a>
Результат:
Смотрите мои контакты
Пример ссылки на номер телефона:
<a href="tel:+375445706666">Позвоните мне</a>
Результат:
Позвоните мне
Пример ссылки в новом окне на другой сайт:
Открыть <a href="https://www.google.com/" target="_blank">Google</a>
Результат:
Открыть Google
Как установить ссылки для мессенджеров
Чтобы сделать иконки мессенджеров (или любые другие элементы) кликабельными, установите следующие ссылки:
https://api.whatsapp.com/send?phone=375445706666
viber://contact?number=%2B375445706666
https://t.me/webmaster_online
skype:live:beea99fffb0f1685?chat
Как выделить текст "жирным"
При необходимости выделить какое-либо из слов в элементе "Заголовок" жирным, используйте следующий код:
+7 900 <b>123-45-67</b>
Результат:
+7 900 123-45-67
Если необходимо весь текст сделать, "жирным", то используйте для заголовка настройки типографики во вкладке "Стиль" и установите необходимую насыщенность.
Как изменить размер текста в списке с иконками
<span style="font-size: 13px;">Ежедневно 08:00 - 20:00</span>
В итоге, один из элементов в списке с иконками будет с тем размером шрифта, который вы пропишете в коде, а все остальные будут с настройками типографики из вкладки "Стиль".
Пример:
- Ежедневно 08:00 - 20:00
- +7 900 123-45-67
- Элемент списка #3
Айдентика BeautySalon
Цветовая палитра BeautySalon
#DD848B
#CE747B
#FBECED
#F4CFD2
#1C1E20
Шрифт
Roboto
Айдентика HandyMan
Цветовая палитра HandyMan
#1349DB
#6EC1E4
#00B018
#028A14
#1C1E20
Шрифт
Roboto
Полезные сервисы для вебмастера
https://designs.ai/colors
https://coolors.co/
Инструменты для выбора цветовой палитры, сочетание цвета.
https://imagecompressor.com/ru/
https://www.shrink.media/ru
Отлично сжимает (не разрешение, а размер) любые типы изображений.
https://www.remove.bg/ru
https://www.erase.bg/ru
Удаляет фон с изображений.
https://www.blobmaker.app/
Генератор «блобов» — изображений произвольной формы.
https://www.videosmaller.com/
Отлично сжимает видео.
https://fotoram.io/editor/ru
Бесплатный онлайн-фоторедактор.
https://www.flaticon.com/
Огромная коллекция иконок SVG и PNG
https://tinywow.com/
200+ онлайн-инструментов для работы с изображениями, видео и текстом.
https://library.phygital.plus/
700+ библиотека искусственного интеллекта.
https://clipdrop.co/tools
Онлайн-инструменты для коррекции изображений.
https://lumen5.com/
Сервис для создания видео-презентаций
https://icons8.ru/lunacy
Программа для дизайнеров (аналог figma)
https://www.watermarkremover.io/ru
Удаляет водяные знаки с изображений
https://123apps.com/ru/
Отличный онлайн-сервис для обработки видео
https://www.upscale.media/ru
Улучшает качество и разрешение изображений
https://lexica.art/
https://playgroundai.com/
Уникальные изображения, созданные ИИ.
https://zyro.com/ru/instrumenty/uluchshyt-kachestvo-foto
ИИ улучшит качество и разрешение изображения. Исходное фото должно быть не более 5мб и 750px.
https://github.com/Sanster/lama-cleaner
Lama Cleaner — ИИ софт для ПК, позволяющий удалять любые объекты с изображений, а также дорисовывать необходимое. Инструкция на Youtube.
