Slim 3 Skeleton with WordPress support
WordPress handles content management while Slim is used for front-office rendering, mixing content from WordPress and custom pages/templates., (*1)
But... why?! :hushed: I needed a very specific multilingual/multicountry routing system (not included here, too specific to the project) for a website having a user-friendly back office for managing content. And also... for fun :smiley:, (*2)
What's included?
Installation and usage
I invite you to read first the short documentation I wrote for my app skeleton., (*3)
Required: PHP 7 and Composer, (*4)
Run the following command, replacing [your-project-name] with the name of the folder you want to create., (*5)
composer create-project aurmil/slim3-skeleton-wordpress [your-project-name]
.htaccess file, Web server choice, virtual host, AllowOverride All, var folder permissions... please refer to the main documentation., (*6)
WordPress:, (*7)
- Optional: you can rename the
wp folder to whatever you want, just put the correct folder name in wordpress.yaml configuration file.
- Unzip a WordPress archive in
public/wp (or else if you changed it) folder and install it.
WordPress integration
The config entry app.title from the Slim 3 app skeleton is not used here. Instead of it, title is read from WordPress configuration., (*8)
On the home page, meta title is composed of blog name + blog description, as in a normal WordPress home page., (*9)
Posts lists
WordPress handles on its onw the number of posts to display in lists., (*10)
All pages displaying a list of posts (home, category, tag, ...) include an optional parameter at the end of their route: /page/{page} for pagination., (*11)
Routes
I read all routes formats from WordPress to minimize errors, avoid future compatibility problems and support changes in WordPress configuration (eg: edit category or tag base in admin area)., (*12)
WordPress contents routing in Slim app tries to stick as much as possible to the original WordPress routes. I also consider the optional use of a trailing slash in WordPress contents routes. It depends if permalink structure ends or not with a slash in WordPress permalinks settings., (*13)
You can add your own routes for classic Slim pages/contents but take care that they do not match a WordPress-content route., (*14)
Cache
If config entry app.use_cache is set to true, WordPress routes are stored in cache with a duration that can be confgured in wordpress.yaml configuration file (default: 1 day)., (*15)
This app cache can be flushed through the route /clear-cache which is protected with a basic HTTP auth. Allowed users are defined in security.yaml configuration file., (*16)
Posts
I let WordPress build posts permalinks with get_permalink() then I use them to build posts routes in Slim app., (*17)
I decided to create one route per post because it allows you to use pathFor('wp-post-{post_id}') (router->pathFor() in Slim app code and path_for() in Twig templates) without having to know the post permalink structure. If you change permalink structure in WordPress admin area, you won't have to change your code, posts links will remain valid., (*18)
Pages
Route: /{page_slug}, read from $wp_rewrite->get_page_permastruct(), (*19)
As it is directly on app root (/), we can't match everything ([a-zA-Z0-9_-]+) as it would prevent to use other root routes. So, the existing pages slugs are dynamically listed in this route to only match relevant URI., (*20)
Categories
Route: /{category_base}/{category_slug}, read from $wp_rewrite->get_category_permastruct(), (*21)
Route: /{tag_base}/{tag_slug}, read from $wp_rewrite->get_tag_permastruct(), (*22)
Authors
Route: /author/{author_slug}, read from $wp_rewrite->get_author_permastruct(), (*23)
Archives
WordPress supports many types of archives list: yearly, monthly, daily, weekly and a simple list of posts. Each type has a route pattern I tried to reuse (except the last one which belongs to classic posts routes):, (*24)
- Yearly:
/{yyyy}, read from $wp_rewrite->get_year_permastruct()
- Monthly:
/{yyyy}/{mm}, read from $wp_rewrite->get_month_permastruct()
- Daily:
/{yyyy}/{mm}/{dd}, read from $wp_rewrite->get_day_permastruct()
- Weekly: WordPress uses GET parameters, eg:
/?m=2018&w=9 so I created a specific new route: /{yyyy}/w/{w}
Where yyyy = 1900 - 2099, mm = 01 - 12, dd = 01-31, w = 1 - 53., (*25)
Search
By default, WordPress uses GET parameters on main page, eg: /?s=test. I did the same but with a dedicated route: /search, read from $wp_rewrite->get_search_permastruct()., (*26)
For a prettier URI format when search results are paginated, I also support /search/{search}, to avoid this: /search/page/5/?s={search}., (*27)
Specific classes
App\Controllers\WordPressController: contains all WordPress-related actions. Basically, every action reads received parameters, ask WordPress to fetch corresponding items, pass them to the model to be processed and then pass the result(s) to the view, along with pagination data when necessary., (*28)
App\Models\WordPress\PostConverter: transforms WP_Post object(s) into standard PHP object(s), using WordPress functions, for easier further use / access to posts data., (*29)
App\TwigExtensions\WordPress: declares Twig functions allowing to access WordPress functions in templates files (post thumbnail, post meta, nav menu, ...). Functions names and parameters are mostly the same as in WordPress:, (*30)
- get_the_post_thumbnail
- get_post_meta =>
$single is forced to true
- get_bloginfo
- get_the_category_list
- get_the_tag_list
- wp_nav_menu =>
echo is forced to false
This class also includes a custom function replaceWordpressLinks($html), available through Twig function replace_wp_links(html). When fetching data from WordPress, if there are some links, they all point to the WordPress pages as expected. But we need them to point on Slim pages. This function does this job, replacing links href values., (*31)
This can only work if WordPress and Slim app routing patterns are the same, which is the way I made this skeleton. If you changed the WordPress contents routes in Slim app, you would have to handle this., (*32)
Layout
In templates/layouts/main.twig, set the name of the menu you want to display in wp_nav_menu call., (*33)
Layout also contains a search form next to the nav menu. You will have to uncomment this form after successfully installing WordPress in app public dir., (*34)
To do
- Polylang support + language selector
- Clear cache when post or page is created / edited / removed
License
The MIT License (MIT). Please see License File for more information., (*35)
Wallogit.com
