WEB ЗА 365 ДНЕЙ


Channel's geo and language: not specified, Russian
Category: Technologies


🌏 Стань web-разработчиком за
📆 365 дней самостоятельно.
📖 На канале: обучение и примеры.
⚡ Присоединяйся прямо сейчас!
📝 Авторский уникальный контент
Сайт: webyear.ru
YouTube: youtube.com/playlist?list=PL1DaER-smACk5SD-CSB3kAeFvMZ3rOaqc

Related channels

Channel's geo and language
not specified, Russian
Statistics
Posts filter


Список тегов html в удобном виде. Их не так и много, скоро сгрупирую и подам в ещё более удобном виде

#html


☝️Нашел программу обучения по WordPress. Просмотрел ее - все соответствует моему плану. Пусть это программа здесь будет, в дальнейшем я проставлю ссылки и получится удобный инструмент по WordPress.

#wordpress #карта


Практика: пользователи и роли
Как создать нового пользователя в админке
Права участников, подписчиков, авторов и админов
Регистрируем новую роль внутри темы
Функция add_role()
Получаем список ролей wp_roles()
Выводим роль автора на странице

#wordpress #карта


ПРОГРАММА ИЗУЧЕНИЯ WORDPRESS (2 ЧАСТЬ)

Практика: комментарии к посту
Файл с шаблоном комментариев
comments_template()
Функция wp_list_comments()
Callback для комментариев
Получаем аватар
Получаем дату комментария
Выводим комментарии в верстку
Создаем свою форму для ввода комментария
Настройки комментариев через админ панель

Практика: форма подписки
Как сделать HTML-форму через Getresponse
Размещаем форму на сайте Wordpress
Отправляем email письма после заполнения формы

Практика: вывод постов на главном экране
Верстка главного блока
Подключение шрифтов через Google Fonts
Подключение шрифтов от дизайнера
Создание записей и рубрик в админке
Вывод постов через цикл foreach()
Запрос постов из базы данных
Функция get_posts() и ее параметры
Миниатюры для постов post thumbnails
Вывод аватара и имени автора поста

Практика: отключение миниатюр и вывод постов
Отключение миниатюр через админку
Отключение миниатюр через хук-фильтр
Верстка раздела с популярными постами
Фильтр постов из базы данных
Обрезаем длинный заголовок
Многоточие в конце заголовка
Выводим миниатюру к посту

Практика: CSS Grid, посты в разном формате
Общий запрос в базу данных WP_Query()
Условия для вывода разных постов
Разная разметка для постов на CSS Grid
Вывод тегов поста get_the_tags()
Счетчик комментариев comments_number()
Дата постов the_time()
Биография автора the_author_meta()

Практика: сайдбар и виджеты
Что такое сайдбар и зачем он нужен
Регистрация сайдбара register_sidebars()
Файл сайдбаров sidebar.php и sidebar-{name}.php
Вывод сайдбара dynamic_sidebar()
Регистрация виджета register_widget()
Настройка фронтенда виджета
Настройка бэкэнда виджета
Стили для виджета

Практика: выводим облако тегов
Хуки виджета тегов
Функция the_tags()
wp_tag_cloud()
Верстка виджета тегов
Стили для тега

Практика: вывод постов с большой обложкой
Выводим обложку на весь экран
Функция get_the_post_thumbnail_url()
Фон для блока с помощью градиента

Практика: виджет последних постов
Меняем цвета категорий постов
Регистрируем новую зону виджетов
Регистрируем виджет последних постов
Выводим виджет в верстку
Функция esc_url()
Функция esc_html()
Функция get_category_link()
Человеко-понятная дата поста

Практика: подвал сайта
Шаблон подвала footer.php
Функция get_footer()
Файлы footer.php и footer-{name}.php
Функция wp_footer()
Регистрируем зону виджетов
Выводим виджет напрямую
Функция the_widget()

Практика: страница поиска
Шаблоны страницы search.php
Правим стили для поле поиска
Выводим посты из поиска
Пагинация на странице поиска
Функция the_posts_pagination()

Практика: страница категорий
Шаблон страницы category.php
Выводим заголовок категории
Функция get_cat_name()
Выводим посты в цикле Wordpress
Пагинация на странице категорий

Практика: страница контакты
Создаем шаблон из любого php-файла
Шаблон страницы контакты
Делаем html-форму обратной связи
Как работает AJAX внутри Wordpress
Отправляем форму через скрипт wp_mail()
Создаем форму обратной связи через плагин
Contact Form 7 и его настройка
Сбор контактов в базу данных

Практика: пользовательские поля
Стандартные пользовательские поля Wordpress
Функция get_post_meta()
Плагин Advanced Custom Fields (ACF)
Настройка ACF и вывод полей на странице
Поле с email, которое меняется на всем сайте

Практика: свой тип записей
Как зарегистрировать свой тип записей
Функция register_post_type()
Новый тип записей: уроки
Как вывести уроки в админке
Выводим уроки в верстку

Практика: таксономии
Что такое таксономии wordpress
Древовидные и плоские таксономии
Функция register_taxonomy()
Создаем свои категории для уроков
Создаем метки для уроков

Практика: хлебные крошки
Что такое bradcrumb
Функция the_breadcrumb()
Свой шаблон для крошек

Практика: перевод сайта на другой язык
Как происходит перевод в Wordpress
Файлы формата .pot .po и .mo
Редактор файлов перевода poedit
Функции для перевода __() _x() и другие
Переводим сайт с английского на русский

#wordpress #карта


ПРОГРАММА ИЗУЧЕНИЯ WORDPRESS (ЧАСТЬ 1)

Установка WordPress
Официальный сайт Wordpress
Установка на локальном сервере
Создание базы данных
Обзор админ панели

Практика: создание новой темы
Иерархия файлов темы
Готовый шаблон темы underscores
Включение дебаггинга
Файл style.css + заготовка
Файл index.php
Файлы header.php и footer.php
Функции get_header(), get_footer()
Функции wp_head() и wp_footer()
Файл functions.php
Хуки Wordpress
Функция add_actions()
Функция wp_enqueue_style()
Функция get_stylesheet_uri()
Функция get_template_directory_uri()

Практика: шапка сайта
Верстка из макета Figma
Динамический тег title
Динамическая кодировка и язык
Файлы шапки сайта header.php
Хук after_setup_theme
Функция body_class()
Логотип, который можно менять
has_custom_logo() и get_custom_logo()

Дополнительный функционал темы
Функция add_theme_support()
Регистрация зон меню
register_nav_menus()
Создание динамического меню
Вывод меню в шапке: wp_nav_menu()
Форма поиска searchform.php
Функция get_search_form()

Практика: шаблон поста
Иерархия файлов темы
Файл single-post.php
Файл single.php
Подключаем куски шаблона
Папка template parts
Функция get_template_part()
Условная функция is_singular()
Функция comments_template()
Функция the_post_navigation()

Практика: пост-галерея
Переводим иконки в SVG спрайт
Генератор SVG спрайтов
Пост со слайдером на фоне
Swiper Slider native js
Подключение скриптов к wordpress
Проверка наличия обложки поста
Функция has_post_thumbnail()
Функция get_attached_media()

Практика: адаптив главной страницы
Адаптивная верстка на @media запросах
Адаптируем шапку сайта
Регистрируем jQuery в Wordpress
Подключение jQuery через CDN
Пишем скрипт мобильного меню
Адаптив для CSS Grid и flexbox

Практика: контент поста
Настройка ширины контента
Стили для вложенных тегов контента
Функция the_content()
Редактор Gutenberg Wordpress

Практика: шапка, контент и автор
Меняем стили шапки поста
Подключаем другой логотип
Блок автора: аватар, статьи, ссылка
Функция count_user_posts()
Склоняем слова после числительных
Функция plural_form()

Практика: шеринг в соцсетях
Кнопки для репостов в соцсетях
Вставка блока в Gutenberg
Добавление плагина кнопок для репостов
Стилизуем кнопки с репостами

#wordpress #карта




#css


#карта


#html




#карта #html #css #js


#sql


📌 Дорожная карта (программа обучения) BACK-END разработчика

#php #карта


📌 Дорожная карта (программа обучения) FRONT-END разработчика

#html #css #js #карта


Требования к контенту. Рекомендации от поисковых систем

https://blog.promopult.ru/seo/novye-trebovaniya-yandeksa-i-google-k-kontentu-sajta.html

#seo




Типы полей для формы. Каждое поле: пароль, email, телефон...должно иметь свой тип.

#html


Руководство_по_написанию_рекламных_текстов.pdf
5.2Mb
Руководство по написанию рекламных текстов.pdf

#zen


#html #заметки


Video is unavailable for watching
Show in Telegram
Верстка красивого визуала карточек контента без js. Можно использовать на своём сайте

📌 Код для тренировки

#css #html #рецепты #верстка

20 last posts shown.

14

subscribers
Channel statistics