Aleksey Chernikov

Попробуйте добавить:
RewriteRule ^$ projects [L]

Не забывайте про vw, vh, vmin и vmax
Я обычно использую vmin - размер изменяется пропорционально той стороне экрана, которая меньше. Это удобно, когда делаешь респонсив с текстом.
Но в вашем случае можно использовать и vw - размер текста будет напрямую зависеть от ширины дисплея.

Что касается em и процентов - то они зависят исключительно от значений размеров родительских контейнеров.

Переместите автопрефиксер в таск less
Примерно так:

gulp.task('less', function () {
  return gulp.src('css/style.less')
    .pipe(less({
      paths: [ path.join(__dirname, 'less', 'includes') ]
    }))
    .pipe(autoprefixer({
            browsers: ['last 2 versions'],
            cascade: false
        }))
    .pipe(gulp.dest('css'))
}

Кажется, что WordPress прямо "из коробки" решает всё запросы по функциональности. CMS создана как раз для блоггинга и публикации текстового (и не очень) контента. Поэтому тут есть все для того, чтобы публикации всегда были в порядке и легко модерировались.

По пунктам:

1. Сортировка по жанрам - в WordPress есть уйма вариантов распределить публикации. Например, для каждого жанра можно создать категорию или воспользоваться тегами.
Кстати, все такие разделы для категоризации (категория, тег, тип публикации) в Wordpress называются Taxonomy. Перечисленные Taxonomy поставляются в движком "из коробки". Но есть плагины для создания своих, Сustom Taxonomy.

2. Сортировка по авторам - то же самое. Сделать отдельную Taxonomy для фильтрации можно без каких-либо проблем. Вручную, или же с помощью плагина (см. 1 пункт). Это в случае, если будут публиковаться уже готовые произведения (насколько я понял, у вас будет что то на подобии архива произведений). Если же автор лично захочет опубликовать свое творение - то в публикации можно настроить отображение его профиля, а так же ссылку на все ранее опубликованные посты.

3. Каждой публикации получится назначить бесконечное количество полей. Есть уйма плагинов для создания оглавления.

4. Отзывы и рецензии - очевидно, что это комментарии, которые также доступны в стандартной конфигурации.

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

6. Можно сделать сколько угодно ролей для пользователей для модерации сайта и ограничить им доступ в ненужные места.

Prepros хорош. Несмотря на то, что лицензия платная, вся функциональность доступна в триале. Но будет примерно раз в час выскакивать окошко о просьбе оплатить лицензию.
Для MacOS - CodeKit 3

Используйте calc;
Если первый инпут имеет ширину 200px, а второй должен занять всё остальное пространство, то он займет 100% - 200px; Так и пишем: calc(100% - 200px);
codepen.io/anon/pen/vyXYdJ

<?php if ($related_query->have_posts()):
$i = 0;
?>

  <?php while ($related_query->have_posts()) : $related_query->the_post(); 
    $i++;
    if ($i > 3) {
	break;
    }
  ?>

  <li>Здесь миниатюры, тайтлы и т.д.</li>

  <?php endwhile; ?>

Предполагаю что как то так

$categories = get_categories( array() );
 
foreach( $categories as $category ) {
        esc_url( get_category_link( $category->term_id ) ),
        esc_html( $category->name )
}

Если по нажатию нужен переход на страницу, то отдельная картинка - это, очевидно, пост. Картинку засовываем в тумбу поста или делаем произвольное поле. В разметке выводим как background или как картинку, в зависимости от верстки.
Если картинки разного размера, то я бы их как то унифицировал. Например, сделать 2-3 размера (судя по скриншоту их там 2). В посте проставить, например, чекбоксы (каждому размеру - свой чекбокс). В коде прописываем условие в зависимости от выбранного чекбокса, который, в свою очередь, добавляет класс с соответстующим размером.
Можно и отталкиваться от размера картинки, которые могут быть бесконечно разные. Но в этом случае, думаю, придется делать сетку masonry. Если же очередность вывода картинок унифицирована (на макете видно, что по середине большая картинка, а по краям - меньше), то запустить цикл с прописанными классами, которые определяют размер.