Maxim Fol

Запакуй все скрипты вордпреса и свои в один файл, минифицируй и сожми. Подключи в конце документа и радуйся улучшившейся производительности. Тем самым твои скрипты загрузятся один раз и будут доступны из кеша браузера. И при переходе на другие страницы, ничего дополнительного загружать не придется.

Основные требования: здесь
Примеры стайл-гайдов: здесь

1. Требования к вёрстке: здесь, здесь, здесь, здесь
2. Как проверять качество вёрстки: здесь.
3. Как определять стоимость (трудозатраты) вёрстки одной унифицированной страницы: здесь.
4. Требования к дизайнеру: здесь и здесь.
5. Пример документации (генератор шаблона, Helix3 для CMS Joomla!): здесь
6. Готовые "скелеты" шаблонов HTML5 для начала вёрстки: простой (с поясняющими комментариями), www.initializr.com (ещё 3 простых) и максимально полный html5boilerplate.com.
7. Вопросы на вакансию верстальщика (front-end developer): здесь

Бонус по-теме: Turning Design Mockups Into Code With Deep Learning

Админки в laravel генерируются, либо для CRUD генерируется код и потом добавляется проверка прав доступа - вот и вся админка. Поверьте лучше один раз научится этому чем копаться внутри CMS.
В вашем случае главный недостаток modx в том что если вы научитесь им пользоваться, то не сможете потом этот навык продать. А если вы сделаете на laravel (пусть без vuejs), то потом сможете найти хорошую работу.
CMS подходят когда нужно быстро сделать и не менять логику работы, т.е. поставил - работает, разве что шаблон поменять, а если нужно менять логику работы, то архитектура CMS скорее мешает чем помогает.

Для laravel много бесплатных генераторов админок:

https://the-control-group.github.io/voyager/
laraadmin.com
https://github.com/LaravelDaily/quickadmin
https://github.com/z-song/laravel-admin
labs.infyom.com/laravelgenerator
https://github.com/appzcoder/crud-generator
https://backpackforlaravel.com/
https://github.com/LaravelRUS/SleepingOwlAdmin

Ничего себе простынь накатали)) думаете кто то прочтет это все???

Поменять видеоуроки на те, в которых не умалчивается, что для запуска PHP в браузере должен быть установлен веб-сервер и сам PHP.

Не обижайтесь, НО... кому вы нафиг сдались? Никто тут за вас не возьмется. Открыли поиск и вперед! Вы же как-то получили те знания, которыми обладаете, хотя, скорее всего, так же учились и занимались спортом. Если вы думаете, что у вас у одного времени мало, то вы глубоко ошибаетесь.

Не надо подключать всякие BFI_thumb, TinThumb и прочую ересь, я вас умоляю! У WP есть родные средства!

Получить урл картинки:

<?php wp_get_attachment_image_src( $attachment_id, $size, $icon ); ?>

где $size - либо название размера (medium, large), либо массив из двух чисел - высота и ширина
На выходе получите массив:

[0] => url
[1] => width
[2] => height
[3] => boolean: true if $url is a resized image, false if it is the original.

codex.wordpress.org/Function_Reference/wp_get_atta...