Вова Дружаев

Использовать height 100% и object-fit или background-size

Или же aspect-ratio - указав пропорции ширины высоты

1. Определение целей и требований: Определение основных целей сайта и требований к его функционалу и дизайну. Это включает определение типа сайта (коммерческий, информационный, портал), структуры и контента.

2. Создание макета: Созания чернового макета сайта - это основа дизайна и функционала. В этом этапе разработчик определяет основные элементы сайта, расположение элементов на странице и функциональность.

3. Разработка дизайна: Определяется внешний вид сайта - цветовая гамма, шрифты, стили интерфейса и дизайн элементов.

4. Верстка: Сверстывание сайта. На этом этапе создаются HTML-страницы сайта и связываются элементы дизайна и функционала.

5. Наполнение контентом: Внесение информации на сайт в соответствии с его целями.

6. Тестирование: Проверка сайта на работоспособность, работоспособность функционала и дизайна. На этом этапе исправляются найденные ошибки.

7. Запуск сайта: После тестирования и устранения ошибок сайт запускается в работу.

8. Поддержание сайта: Поддержание сайта в актуальном состоянии - добавление нового контента, исправление ошибок, обновление дизайна и функционала.

регистрация домена и выбор/покупка хостинга также являются важными шагами при создании сайта. Регистрация домена - это процесс выбора и регистрации уникального интернет-адреса сайта. Это можно сделать на специальных сайтах, таких как Namecheap, GoDaddy, 1&1 и т.д.

Хостинг - это услуга, которая позволяет размещать сайт на сервере и обеспечивает его доступность для интернет-пользователей. Хостинг выбирается в зависимости от потребностей сайта, его трафика, скорости и прочих параметров. Также можно выбрать хостинг-провайдера на специальных сайтах, таких как Hostinger, Bluehost, DreamHost и т.д.

Касательно WordPress: после того, как домен и хостинг были выбраны и зарегистрированы, можно установить WordPress на свой сайт. WordPress - это платформа для управления содержимым сайта, которая позволяет легко работать с контентом, дизайном и функциональностью сайта. Есть несколько способов установки WordPress, но один из самых простых - это использовать специальные автоматизированные установщики, такие как Softaculous, доступный в панели управления хостингом.

СЕО составляющие:

1. Ключевые слова: для успешного продвижения сайта необходимо определить основные ключевые слова, по которым пользователи будут находить вас в поисковых системах.

2. Оптимизация контента: для того чтобы улучшить позиции сайта в поисковых системах, необходимо оптимизировать контент на сайте. Правильное использование ключевых слов, уникальный и качественный контент, оптимизация заголовков, метатегов и описаний – все это нужно для успешной оптимизации сайта.

3. Качественные ссылки: для увеличения авторитетности сайта в поисковых системах необходимы качественные внешние ссылки. Чтобы получить их, нужно предоставлять полезный и высококачественный контент.

Реклама и продвижение в сети:

1. PPC-реклама: это тип рекламы, который позволяет быстро привлечь целевую аудиторию на сайт.

2. Контент-маркетинг: это метод продвижения, который основан на создании и распространении уникального и полезного контента для вашей целевой аудитории.

3. Email-маркетинг: это метод, который заключается в рассылке электронных писем целевой аудитории для продвижения продукта или услуги.

4. Социальные сети: один из самых эффективных методов продвижения и рекламы в интернете. Создание качественного контента, взаимодействие с пользователем, повышение узнаваемости бренда – все это возможно благодаря социальным сетям.

Фильтры, хуки, шорткоды, виджеты, меню, js append - вставляй - не хочу

Устройся на вакансию за доширак + офис подмести после ухода. Там и научишься - когда в стотысячный раз вам дадут развалившийся сайт на бутстрапе фиксить.

Возраст то какой? Может уже всё... мозги подстроились только потреблять инсту и сериальчики?
Работа над собой не начинается с нытья про то "как я не могу". Я обычно говорю "смогу" и буксую в нужном направлении.

А себе ответьте - зачем вам верстать? Может лучше в столяры или плотники податься? Если вы в IT ради бабла - как и все... То это дорога для тех, кто попадёт в струю или светлых голов.

Любой адекватный разраб знает что для имен классов надо добавлять префикс. Тогда влияние стороннего сведется к минимуму.
Так все под вордпресс разрабатывают.
И еще в стилизации используй только классы а не теги. т.е. item > span или article > img - это говнецо. И так никто не пишет. Пишут примерно так: otfm-article или если пикча: otfm-avatar
Да - чуток больше придется писать. Но не делай как элементор: elementor-wrapper, elementor-item - это не префиксы, а спам и реклама. И готовая страница получается тяжеловесная. хз что эти разрабы не сделали префикс покроче. Возьми раздербань любой сайт на элементоре и увидишь ад

Ну и используй BEM чтобы кучу вложенных селекторов не писать

Нужно знать и ЯП и более. Но знание высшей математики тут не нужно. Достаточно простого - "если<->то", ну и обычный начальный курс школьной математики

php + mysql + js + jquery + css + html + умение ГУГЛИТЬ НА АНГЛИЙСКОМ + умение и понимание как устроен ВП (хуки, функции, дочерние темы, популярные апи и т.д.). Умение работать со сторонними апи (соцсети, платежные системы, карты и т.д.)
Не ведитесь на билдеры - это и вроде быстрый старт и потом два шага назад + проблемы переезда и ухода от него.
Ну и их как макак - тех кто на билдерах делает сайты (термин monkey manager). Но клиент дважды потом к таакому спецу не пойдет. т.к. клиент упирается в то что вы его подсадили на билдер - и доверия к вам, как к грамотному специалисту - не будет.

В общем: умение месить глину - не поможет вам стать отличным гончаром. надо много учиться, практиковаться и жить этим. Если вы за баблом - то это провальная тема. Войти в айти - это сложная наука. В блогах "как я стал программистом с окладом в 2000 зелени за 3 месяца" - врут. Как правило это пишут инфоцыгане чтоб продать свои курсы. А на дне фрилансерском битва за доширак ведется.

верстай флексами. Они позволят разнести эти 3 элемента в строке. Они позволят отцентровать. Ну и css переменную для шрифта и медиазапрос регулирующий его величину.

То что ты просишь это первоклашки класс в css делают.

БЭМ и css переменные.

ВК выбрали наименее проблемный подход - открытие в модальном окне. Даже статьи они открывают в модалке но заполнитель (overlay) делают белым и кажется будто ты на отдельной странице. Закрывается всё это дело обычным кликом по кнопке "Закрыть".

В комментарии к ответу xmoonlight я написал какие геморные ситуации придется решать с вашей идеей открывать именно на новой странице. И это только то что пришло в голову - устройств много и вариантов нестандартного поведения пользователя будет еще больше. Вам потом это исправлять и поддерживать. Хотя если тестирование - ваша стезя - реализуйте. После каждого обновления будете их автоматически запускать и смотреть все накопленные ситуации что ничто не отвалилось.

https://github.com/mihdan/mihdan-lite-youtube-embed
с плагином. Без плагина тебе зачем? тот же код что и пихаешь в functions.php

Или ты любишь есть суп вилкой?

Почитай про адаптивную вёрстку. И голову людям не забивай.
Видать карантин в школе затянулся

3 варианта:

1. Форма вся выводится и разделается на секции - простой js/jquery. Пока показана секция 1, секции 2 и 3 скрыты. css анимации

2. ajax/fetch - форма подгружается пошагово, заменяя в div данные

3 - rest api + react/vue - для психов. Но и такой вариант возможен для такой простой задачи

Берете у хостера бекап сайта и качаете.

Но зачем качать весь сайт когда вам:

Нужно изменить пару картинок и данных.

- их качайте через FTP доступ, что дали вам хостеры.
Нет FTP? Так возьмите его у хостеров - логин и пароль + инструкцию по filezilla есть у каждого хостера

Медиазапрос и pointer-events