Правки на билде

Правки css.

В статическом проекте стили находятся по адресу /var/www/node_projects/sitename.ru/.next/static/css. Лучше всего забирать файл (тот, что весит больше) к себе на локалку, вносить правки и перезаписывать то, что было на сервере, но можете попробовать править с помощью «просмотр/правка».

На основном домене достаточно проделать описанные выше манипуляции.

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

  • скидываем кэш на клауде;
  • рестартим сервис на нужном сервере командой systemctl restart sitename;
  • проходим валидацию сайта — https://search.google.com/test/amp (можно чекать через домен основного сайта).

Правки баннера.

Помним, что сайт статичен — он не будет перегонять иные форматы изображений в webp.

1. Изображения на сервер мы кладём в формате webp в соответствующую папку /var/www/node_projects/sitename.ru/public/uploads/img/webp.

2. HTML-вёрстку вставляем в файлы билда подготовленную:

  • то есть сперва БИЛДИМ на локалке сайт-песочницу (отдельно для основного домена, отдельно в сборке под АМП), а уже из просмотра кода страницы (бьютифайер в помощь) забираем код вёрстки.
  • либо просто забираем билд на локалку и правим в нём. Внимательнее с иерархией папок, внимание к путям до стилей/картинок. Можно оставлять как есть на билде, просто комментить это и прописывать собственные, но перед заливом откомментить билдовое и убрать своё локальное.

Размещаем здесь: /var/www/node_projects/drupalogy.ru/.next/server/pages.

3. Алгоритм работы со стилями описан в начале страницы.

Если баннер нужно заменить на всех страницах сайта, мы правим ВСЕ страницы сайта.

Для внешнего ампа: в файл каждой страницы вставляем и html, и css.

После всех манипуляций:

  • скидываем кэш на клауде;
  • рестартим сервис на нужном сервере командой systemctl restart sitename;
  • проходим валидацию сайта — https://search.google.com/test/amp (можно чекать через домен основного сайта).