approximate solution

watemark вбейте в поиске плагинов, и берете любой с высоким рейтингом.
А вот пример с функцией -
https://stackoverflow.com/questions/12388796/addin...

Что лучше: ставить Gulp на OpenServer/MAMP и там уже верстать или сначала сверстать в Gulp, а затем файлы перевести в .php формат и посадить на WP?

На самом деле без разницы, отличие будет в том, что вам нужно будет просто отслеживать в watcher не только css\js, но и плюсом добавить туда php(ну и выставить в proxy ваш локальный сервер:

gulp.task('browserSync', function () {
  browserSync.init({
      proxy: "wordpress-project",
      notify: false,
  });
});

Если не набили руку с галпом, советую сперва сверстать, а потом уже накидывать верстку на wordpress. Будет проще.
Актуальная сборка:
https://wordpressify.ru/2018/09/wordpress-sobiraem...
https://css-tricks.com/gulp-for-wordpress-initial-...

Без использования js(native), jquery или встроенной в css анимации+keyframes нельзя. Максимум что вы можете, это накидывать события на hover.

Не мешало бы хоть бы почитать на что ругается гугл для начала.
Далее следует понять что попытка гнаться за попугаями гугла никогда вам не даст топ позиций гугла. Если ваш сайт попросту неиформативен и неудобен.
Пожмите JS, проверьте включен ли gzip(уж слишком большой у вас TTFB). Попробуйте поставить preload на ненужные вам стили.

Не правильно. Есть много проектов - которые сложнее лендингов с несложной версткой. И там стандартные 12 колоночные сетки просто неприменимы. Благо, если вы знаете флексы - сверстать сайт без бутстрапа, не сложнее чем с ним.
flex-basis, flex-grow вам в помощь.
Ловите, я думаю пригодится(PS: именование классов не принципиально): Link

Да, существует 3 наисложнейших варианта, но я помогу вам.
Первый:
https://coronavirus-online.ru/ajax/mapcfc.html - iframe - встроить в любое место вашего сайта и не тянуть говноверстку из сайта дочки.
Второй:

У них на сайте.
Третье:
Спарсить весь сайт через wget и не париться.

Первым делом я бы посмотрел бы на вашего мидла(серьора, лида), который скинул джуну код проекта и попросил в нем разобраться.
У нас джуну давали таски, и помогали во всех насущных вопросах(без фанатизма).

Из мира - надо сделать это - что бы работало так-то, вот дока, вот книги, вот мидл - будут вопросы - welcome.

Нет ничего страшного если вы спросите совета у мидла(попросите доку, спросите о непонятных вещах), или кто вас там курирует. Если люди с головой - должны понимать, что даже бывает приходишь с опытом в проект, и хватаешься за голову от говнокода который на тебя выливается, ну или нормального кода в больших количествах.

Если вы спросите, и Вам скажут что это не удел мидла, курировать джунов -то этот человек редиска - я бы на вашем месте подумал о смене компании. Иначе ваше развитие будет равно 0.

хотелось бы посмотреть на то, что умеет Django и сравнить его (лично для себя) с рельсами.

В свете последних событий у ИТМО открыт бесплатный курс по связки Python + Django. Попробуйте для себя.
ITMO Course

А ниже список всего открытого на время карантина.
Course list

То что вам скинули - это замечательно конечно. Но для себя вопрос задайте для начала, для чего вам нужен JS - если учиться решать задачки - то всё что выше вам хватит с головой. Если вы планируете разрабатывать с помощью JS интерфейсы, как можно скорее изучить базу, и начинать делать несложный пет проект.

слайдер, выпадающее меню

- это капля в море.
Пет проект для JS джуна - вот вам пример правильно поставленной цели. Придумываете для себя задачу, и по мере решения и написания массы костылей - у вас придет понимание языка, через кровь, слезы и постоянное гугление. Язык учиться именно так, а не через монотонное решение задач.
Каждую мелочь, непонятную деталь - гуглить, задавать тысячи вопросов, читать книги - и ваш разум будет озаряться.

Tilda > wordpress

Но самый верный путь - не нести в wordpress тот говнокод, который генерирует тильда. Переверстать ручками, и правильно посадить на wordpress. Так будет меньше вопросов после.

Тестовые задачи для Javascript программистов