• I can edit main.scss, watch…

    I can edit main.scss, watch runs and it all works, except options.
    I change color vars – $red: for example, i change breakpoints, $grid-breakpoints, but no any change i see in the theme.

    Unresolved Resolved

    Comments
    5
    1. them.es Avatar

      Hi redshoes!

      The Gulp watch task should work out of the box. Could you make sure that you have read+write access to /assets/css/main.css. You could also try to delete the main.css file and recompile it from the SASS source.

      Hope this helps…

      1. redshoes Avatar

        Well, i’m not saying, that gulp is not working. It does it’s job!
        The bug is that i can’t change these global vars, like breakpoints and colors. I can successfully create my own ones, and it works (as i already did for the colors), and thank G-d, i do not really need to change breakpoints in this project, but as for the future…

        1. them.es Avatar

          Colors can be changed by defining the $colors variable: https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss#L46-L61

          Grid breakpoints can be modified via the $grid-breakpoints variable as pointed out in the official Bootstrap repo: https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss#L285-L292

          But I guess you already know that. So please double check that you are adding these variables in your main.scss file before any @import “../node_modules/bootstrap/scss/bootstrap”; statements.

          This has been tested locally by us and confirmed to be working. If you still don’t manage to change the grid breakpoints, would it be possible to share your main.scss file? You can use the uploader in the sidebar to share it as a ZIP file.

          1. seven6 Avatar

            I’m confused as Gulp only seems to recognize main.scss and changing any files in node_modules/bootstrap/scss aren’t recognized. I can make changes in node_modules/bootstrap/scss but then I have to change something in main.scss to get Gulp to compile. This seems to be an incredibly slow way to develop. Am I missing a path in my gulpfile.js? Or am I supposed to run npm install in node_modules/bootstrap/ ?

            Thanks!

            1. them.es Avatar

              Modifying NPM source files is a bad idea. Anytime you update your NPM dependencies all changes will be lost.

              The correct approach is to override the Bootstrap variables as stated in the previous comment – preferably in main.scss
              Documentation: https://getbootstrap.com/docs/5.0/customize/sass/#variable-defaults

              Our Gulp watch command only gets triggered when main.scss or main.js gets modified but feel free to add more paths in your local gulpfile.js

    Leave a Reply

  • Billy – 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 got approved and 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
    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 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 for your contacts
    • 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!


    Comments
    0

    Leave a Reply

  • I’ve been investigating your theme…

    I’ve been investigating your theme and like the simplicity and that it already includes basics such as the Bootstrap menu walker that designers like myself don’t really want to build.

    I’m coming from using FoundationPress for number of years which did not facilitate child themes.

    Somewhere on your site I saw a note on regarding child themes and build tools. I’m not finding it now. I want to set a child theme and use sass. I’m not clear how to do this with them.es and I haven’t set a child theme in a sass environment. So, looking for some reference for this.

    Unresolved Resolved

    Comments
    1
    1. them.es Avatar

      Hi squidzink!

      Creating a child theme for one of the Starter Themes is not required and not recommended. According to the official WordPress docs a Child Theme allows you to change small aspects of your site’s appearance yet still preserve your theme’s look and functionality.
      The purpose of a Starter theme is to start developing from scratch with a small code base and not to use it as a Parent Theme.

      If you want to build a new them.es Starter Theme you need to be familiar with npm development in order to setup the required frontend build tools.
      The following resource should help you setup your DEV environment: https://them.es/starter-bootstrap/getting-started

    Leave a Reply

  • GitHub Gists

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

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


    Comments
    0

    Leave a Reply

  • 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


    Comments
    0

    Leave a Reply

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


    Comments
    0

    Leave a Reply

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


    Comments
    0

    Leave a Reply

  • Goodbye jQuery…

    We’ve removed jQuery as a frontend dependency from our Starter Themes.
    Please note that jQuery is still needed in the WordPress dashboard (backend) and will be loaded there automatically!

    jQuery has been very useful for a while but modern web standards browser support 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.

    If your code still depends on jQuery you can activate it in functions.php by adding array( 'jquery' ) in the wp_enqueue_script function where main.js is referenced (See: https://github.com/them-es/themes-starter-bootstrap/blob/v2/functions.php#L480).

    Further reading:
    https://developer.wordpress.org/reference/functions/wp_enqueue_script
    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


    Comments
    0

    Leave a Reply

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


    Comments
    0

    Leave a Reply

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

    Unresolved Resolved

    Comments
    2
    1. them.es Avatar

      Hi jerm!

      Unfortunately nested menus are not supported in the Polymer Starter Kit which has been used as basis for the theme.
      For larger sites which need support for submenus it would be better to use the Bootstrap Starter Theme.

      Thanks for informing us about the sidebar scrolling issue. This has been fixed in the latest release: https://them.es/starter-spa

      1. jerm Avatar

        Awesome, thanks for the reply!
        I will download the latest version and give it a try. Thanks for the reply!

        ~Jerm

    Leave a Reply