Как посадить сайт созданный с помощью webpack на wordpress?

Question

[DZHAMBUALT]

Здрасте! Я впервые решил попробовать CMS и выбор пал на Wordpress. Возможно я задаю глупый вопрос потому что не шарю в CMS. Мне хочется посадить сайт созданный с помощью webpack на wordpress. Ничего толкового не нашёл по этому поводу. Сам сайт сделан на html js scss. Как мне это сделать я очень сильно запутался и ничего не понимаю. Возможно ли это?

Comments

[yarovikov]

Это возможно, если шаришь в Wordpress. Если нет, то невозможно.
Что еще можно сделать - научиться пользоваться гуглом, чтобы не плодить тупые вопросы.

[DZHAMBUALT]

Я не просто так написал как вы выразились "глупый вопрос" я потратил уйму времени чтобы разобраться в этом вопросе но ничего дельного не нашёл. Вместо того чтобы подстрекать из-за не знания могли и помочь, но видимо не судьба и не нужно уже

Answer 1

[Михаил Р.]

Возможно ли это?

Оо, это Вы по адресу, чего изволите?
- Обычная статика без шаблонизатора.
- Статика с шаблонизатором.
- Статика с шаблонизатором и внедрением react.
- React фронт без api.

Как мне это сделать я очень сильно запутался и ничего не понимаю. Возможно ли это?

Возможно, необходимо:
1. Собрать статику.
2. Перебить пути до изображений (если используется шаблонизатор).
3. Срезать шапку и подвал у каждого html из п1.
4. Конвертировать п1 и п3 в php файлы.
5. Врезать wp/php код из п4.
6. Врезать wp/php код с метатегами в header.php.
7. (опционально) встряхнуть (tree-shaking) css и js файлы, вырезав весь не используемый код.
8. (опционально) произвести оптимизацию статики, не только вес, но и размер изображений под разные размеры дисплеев устройств.

Мне хочется посадить сайт созданный с помощью webpack

Webpack не создаёт сайт, а собирает.

Эта тема очень обширна, нужен более точный вопрос.

Comments

[DZHAMBUALT]

Михаил Р. Ого спасибо за быстрый ответ! У меня обычный статичный сайт на html который собирается Webpack. Webpack я использую в проекте чтобы удобно было пользоваться различными библиотеками. Под шаблонизатором вы имеете ввиду SCSS да?

[DZHAMBUALT]

Михаил Р. Что значит п1, п3, п4 в

3. Срезать шапку и подвал у каждого html из п1.
4. Конвертировать п1 и п3 в php файлы.
5. Врезать wp/php код в п4.

[Михаил Р.]

DZHAMBUALT,

Webpack я использую в проекте чтобы удобно было пользоваться различными библиотеками.

Обычно его используют для разработки/билда проекта и автоматизации управления статикой (пути, вес, размер, куда положить).

Под шаблонизатором вы имеете ввиду SCSS да?

Нет, имею ввиду именно шаблонизатор, например ejs.

Что значит п1, п3, п4 в

Вставляем php код в собранный проект, который выводит информацию из wp.

[Михаил Р.]

DZHAMBUALT, я рекомендую Вам вначале создать тему классическим образом, без фронт-сборщиков, чтобы оценить возможный потенциал автоматизации сборщиком.

[DZHAMBUALT]

Михаил Р., Хорошо так и сделаю

Answer 2

[Refguser]

Как мне это сделать я очень сильно запутался и ничего не понимаю. Возможно ли это?

Всё просто.
1. Собираешь свой контент в csv-файл и импортируешь.
2. Подбираешь в каталоге подходящую по макету тему, делаешь дочернюю и доводишь её до нужного состояния.
3. Выкидываешь webpack и забываешь про него насовсем.

Полезные материалы:
Как создать свою вёрстку для ВП
Дочерние темы и плагин для правильного создания дочки

Comments

[Владислав Лысков]

кстати да, развелось фронтов, надо возвращать старых добрых вебмастеров на вордпрессе

[Михаил Р.]

Владислав Лысков, про деплой по фтп так же не стоит забывать

[Владислав Лысков]

Михаил Р., деплой? какое-то еще одно молодёжное слово?
ты имел ввиду редактирование файла на хостинге по фтп?

[Михаил Р.]

Владислав Лысков, температура в кабинете резко увеличилась на 3 градуса...

[Refguser]

Михаил Р., не, ну правда "деплой по фтп" - это набор "умных" слов.. я бы даже сказал применённый безграмотно.

[Refguser]

Владислав Лысков, "надо возвращать старых добрых вебмастеров на вордпрессе"
Да не надо. Не успеют - ИИ скоро совсем всех накроет.