them.es Full Site Editing Starter Theme released

Block based Themes are coming to WordPress sooner or later and we just published the first “beta” release of our Full Site Editing Starter Theme.

If you see yourself as an early adopter who likes to get his/her hands dirty feel free to generate a copy via the Theme Generator: https://them.es/starter-fse

them.es Full Site Editing

The source code is licensed under GPLv2 and has been published on GitHub.

Full Site Editing is a collection of features that allow to fully customize a WordPress site via a new site editor. Overall the Full Site Editing experience using block based Themes looks promising and already works pretty well but you need to be aware that not all features are final and that bugs will appear during development.

Now a 100% (!) PageSpeed score is achievable with WordPress. Even on Mobile: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fthem.es%2Fstarter-fse%2F

At the current state this Starter Theme is not recommended for production sites. Please use it at your own risk and provide technical feedback to the Gutenberg team if possible!

One more thing: Block based features are still in development and have not yet been fully integrated in WordPress core. In order to enable the Site editor you need to install the Gutenberg Plugin on your site.

#beta, #full-site-editing, #gutenberg, #npm, #sass, #webpack

them.es main repositories on Github have been renamed

Last year Github changed the name for newly created repositories: https://github.blog/changelog/2020-10-01-the-default-branch-for-newly-created-repositories-is-now-main

To align with this change we’ve decided to rename all our existing Github repositories.

If you run a local master branch of any of our repositories you need to update your local branch to main:

  1. $ git branch -m master main
  2. $ git fetch origin
  3. $ git branch -u origin/main main

them.es Starter v3 released

The Bootstrap Starter Theme has been updated to make use of Bootstrap 5 which has been released last week.

Changelog

  • Bootstrap has been updated to the latest release v5.0.0
  • jQuery is optional
  • Support for older browsers has been dropped
  • WordPress Coding Standard improvements
  • Tested with WordPress v5.7

Download the Theme

Feel free to test out the new Starter Theme by downloading it using the Theme Generator:

Heads up: If you still want to develop with the legacy Bootstrap 4 build just select the old version in the Generator!

All sources can also be found on GitHub: https://github.com/them-es/themes-starter

Looking for a simple, yet powerful billing solution?

Over the last couple of months we’ve been working hard on the latest addition to our product line – a complete billing suite which integrates seamlessly into WordPress – and we’re happy to announce that the free version has been shipped to the WordPress Plugin directory

🙌🏻 🙌🏻 🙌🏻

If you are working as a Freelancer or are responsible for Accounting and Billing in a small agency and are looking for an easy-to-use, future-proof PbD* solution to create Invoices, Quotes and basic Accounting records, go on and give Billy a try.

*Privacy by Design: Billy posts are privately published, by default.

The plugin will work with any modern WordPress theme that supports the Block editor.

  1. Install and Activate Billy on your WordPress website
  2. Test it
  3. Provide feedback and
  4. Submit a review ⭐️⭐️⭐️⭐️⭐️

Your valuable comments and suggestions are highly appreciated and will be examined by real people. Promised.

In the meantime we are getting the PRO add-on ready which will soon be is available now for purchase here: https://them.es/plugins/billy

Billy Pro has some really cool extra features and integrates CRM tools which may speed up your billing processes rapidly.

  • Contact management
  • Address book
  • Upcoming Birthdays widget
  • Enhanced Invoices, Quotes and Accounting
  • Stats & charts
  • GDPR compliant by implementing the WordPress Personal Data Exporter
  • …and much more

Since the “Pro” version will be available as an add-on, installing the free Plugin from the WordPress directory is required in any case – so nothing is ever lost by checking Billy “Free” out.

Stay tuned!

#billy, #plugin

GitHub Gists

Find useful WordPress related code snippets in our new GitHub Gists repo:

https://gist.github.com/them-es

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.

#material-design

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.

#bootstrap, #lts, #support

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

#jquery, #js, #vanillajs

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.

WP-API ReactJS Boilerplate

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.

#boilerplate, #headless-cms, #reactjs, #wp-api