Find useful WordPress related code snippets in our new GitHub Gists repo:
Welcome! This Forum is the main place for our official announcements and for Support inquiries. Log in to ask your them.es related question. If you have general questions on WordPress, please head over to the following Resources which are maintained by the WordPress Community:
Don't forget to look at the FAQs and use the Search first to make sure your question has not been answered already. Please tag your Requests and mark them as (un)resolved to highlight the current status!
Recent Updates
Goodbye Grunt…
Important notice: The Grunt config in our Starter Themes got replaced by gulp + webpack in the latest releases.
Gulp is quite similar to Grunt and allows to automate tasks like SASS > CSS compilation.
Webpack makes bundling of (Javascript) modules a breeze. The main advantage of bundling modules into a single file is that static assets get a smaller file size.
Including and bundling new Javascript modules is really easy and works out-of-the-box with the given configuration. A tutorial which explains how to include webpack modules to main.js can be found here: https://webpack.js.org/concepts/modules
Material Design Components v3 and v3.1 released
https://github.com/material-components/material-components-web
The Material Design Starter Theme has been updated to work with this release. Only a minor code change had to be made to the fixed mdc-top-app-bar.
Bootstrap receives a Long Term Support Plan
Each major version of Bootstrap will receive at least six months of support after it is retired, followed by six months of critical bug fixes and security updates.
This official announcement from the Bootstrap team is important as website maintenance and update planning will be more projectable for developers.
https://blog.getbootstrap.com/2019/07/24/lts-plan
According to this blog post, Bootstrap v3 will not receive security updates anymore and that’s why the Bootstrap 3 download option has been marked as deprecated and will be removed shortly. Once Bootstrap v5 is published, this new version will become our default Starter Theme and Bootstrap v4 will become an optional download.
Goodbye jQuery…
We’ve removed jQuery as a frontend dependency for the Material Design and the Polymer Single Page Application Starter Themes.
Please note that jQuery is still needed on the WordPress dashboard and will be loaded there!
jQuery was very useful a while ago but browser support for modern web standards has improved a lot and most JS frameworks started to drop any external dependencies in favor of plain/vanilla JS.
Reducing the loading time of web applications and minimizing HTTP requests is one of the main goals of many developers. And since jQuery is an external library which needs to be downloaded first, avoiding it (if possible) makes a lot of sense.
Further reading:
http://youmightnotneedjquery.com
https://medium.com/@trombino.marco/you-might-not-need-jquery-a-2018-performance-case-study-aa6531d0b0c3
https://developer.mozilla.org/en-US/docs/Web/JavaScript
React WP-API boilerplate
Our latest boilerplate has been published on Github. This is a great starting point for developers who need to create a headless WordPress Single Page Application.
Please note that you need to have a deeper knowledge of WordPress, NPM, Javascript/ReactJS and Bootstrap in order to be able to use this boilerplate.
Go to the GitHub repository, download the boilerplate and follow the instructions.
The Source Code is licensed under GPLv2 and has been published on GitHub.
A simple setup tutorial can be found in the Readme of the repository.
Hello, I installed the starter…
Hello, I installed the starter spa theme and am having trouble with the navigation menu. In wp-admin, I created the menu items with sub menu item, but they are not nested. Also, the menu is not scrollable so you cant see the menu items that are “below the fold”. Not sure if the theme even supports this, so I thought I would ask. Thanks!
Using wordpress 5.2. Ive attached screenshots of the admin menu builder and a screenshot of the websites homescreen.
[Attachment: frontend-menu-not-nested_284946554.jpg]
[Attachment: wp-admin-menu-sub-items_1082014779.jpg]
Material Components for the web…
Material Components for the web 2.0 has been released recently with new features and bugfixes. The WordPress Material Starter Theme has been tested with the latest version 2.2 and the code base got updated.
Feel free to use it for your next project!
WordPress “Gutenberg” blocks boilerplate
The code base we are using to develop custom Gutenberg blocks has been made available to the public.
If you are a WordPress Developer you can use this boilerplate as a basis for creating and integrating blocks in a theme.
Go to the GitHub repository, download the boilerplate and follow the instructions.
The Source Code is licensed under GPLv2 and has been published on GitHub.
Material Components for the web…
Material Components for the web (MDC Web) is the successor to the Material Design Lite (MDL) project and the Material Design Starter Theme has been rewritten to use the new Material Components.
Heads up. The Theme had to be rewritten completely. If you need to update an older MDL codebase, please follow this migration tutorial provided by Google: Migration from MDL
Changelog
- Bower is now deprecated and the package management has been replaced by npm
- Material Design Components instead of Material Design Lite
- Minor WordPress Coding improvements
- Tested with WordPress v4.9+
Download the Theme
Feel free to test out the new Starter Theme by downloading it using the Theme Generator: