Tag: npm

  • npm “global” packages

    If you manage multiple themes with similar npm dependencies you should install npm packages globally and link them in your theme directories. First of all this saves a lot of disk space. But it also disburdens the upgrade process of development frameworks and toolkits that are used across projects.

    1. Install packages globally by adding the “-g” flag:
    $ npm install -g package_1 package_2 package_3 package_4 etc.

    2. Link the packages in your local theme directory/directories:

    Bootstrap-Theme
    $ npm link bootstrap @popperjs/core ...

    Material-Theme
    $ npm link material-components-web ...

    FSE-Theme
    $ npm link autoprefixer css-loader sass sass-loader ...

    Happy Coding!


    Comments
    0

    Leave a Reply

  • 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.

    At the current state (WordPress version <5.9) 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.

    Update: In the meantime WordPress supports Block themes in Core and it’s safe to develop websites using the FSE Starter Theme.


    Comments
    0

    Leave a Reply

  • 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:

    #material-design, #npm, #sass


    Comments
    0

    Leave a Reply

  • them.es Starter v2 ready

    Bootstrap 4 has arrived and our Starter Theme has been updated with a new Code base.

    Changelog

    • Bower is now deprecated and the package management has been replaced by npm
    • Bootstrap has been updated to the latest release v4.0.0
    • LESS has been removed because Bootstrap 4 only supports SASS
    • New /assets directory where all Frontend related assets (img, js, css) can be bundled
    • 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:

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

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


    Comments
    0

    Leave a Reply