Как развернуть сайт Gatsby в подкаталог Wordpress?

Question

У меня есть подкаталог «портфолио» сайта Wordpress, поэтому структура сайта выглядит примерно так ...

www.sitename.com/portfolio/project-1
www.sitename.com/portfolio/project-2
www.sitename.com/portfolio/project-3

... и для страницы проекта 3 я создал страницу с помощью Gatsby и хотел бы разместить ее там. Другие проекты останутся страницами Wordpress, но только страница проекта 3 будет построена с помощью Gatsby. Как можно это сделать? Я предполагаю, что это включает в себя «pathPrefix» в «gatsby-config.js», но как только я создаю свою страницу, как я помещаю ее на свой сайт Wordpress. В этой средней статье показано, как это сделать с ванильным React ... https://medium.com/@ReactionGears/react-app-inside-a-wordpress-page-or-post-4c7d38181b3d ... но я не уверен, как это переводится с Гэтсби. Любая помощь с этим будет высоко ценится! :)

Answer 1

Комментарий от @ fabian-schultz верный, вы можете создать сайт Gatsby с pathPrefix и затем поместить этот сайт в подкаталог.

WordPress использует «виртуальные» подкаталоги, поэтому /portfolio не будет существовать в вашей файловой системе. Вы можете изменить каталоги портфеля на /portfolio-project-1 (то есть одну папку вместо вложенной) или создать каталог /portfolio. Если вы это сделаете, вам нужно скопировать файл index.php из каталога /, а затем изменить путь включения.

Ваш файл portfolio/index.php может выглядеть следующим образом:

<?php
/**
 * Front to the WordPress application. This file doesn't do anything, but loads
 * wp-blog-header.php which does and tells WordPress to load the theme.
 *
 * @package WordPress
 */

/**
 * Tells WordPress to load the WordPress theme and output it.
 *
 * @var bool
 */
define('WP_USE_THEMES', true);

/** Loads the WordPress Environment and Template */
require( dirname( __FILE__ ) . '/../wp-blog-header.php' );

/.. в последней строке говорит WordPress искать в папке выше файл wp-blog-header.php.