• <i> Toolbar for WordPress

    Our latest WordPress Plugin Directory addition integrates the awesome Bootstrap Icons (MIT) library in the WordPress rich-text toolbar without requiring any coding experience. Just the way it should be.

    • 1300+ pixel perfect webfont icons
    • Small filesize
    • Easy WYSIWYG integration: No Shortcodes!
    • Privacy by design: No CDN hosted files!
    • Autofilter

    You can download it from the WordPress Plugin Directory:

    Of course <i> Toolbar makes a great addition to our Bootstrap Starter Theme but since the Bootstrap library is not required and the plugin has no dependencies it will work with any other theme like our Material Starter Theme and our Full Site Editing Starter Theme.


    Comments
    0

    Leave a Reply

  • Emoji Picker for WordPress

    A working and maintained Emoji Picker Plugin has been brought back to WordPress. Easily add Emojis from any rich-text block like Paragraphs, Headings, Lists, etc. without leaving the Editor.

    Emojis are pictograms used in instant messengers, forums and web pages to reflect emotions. They have become so popular that Oxford Dictionaries has named “😂” word of the year 2015.

    Nowadays all browsers and operating systems support the Emoji characters. When picking your Emojis from the Emoji Toolbar they will be added in raw format so no images are loaded on the frontend.


    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

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

    • $ git branch -m master main
    • $ git fetch origin
    • $ git branch -u origin/main main


    Comments
    0

    Leave a Reply

  • 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


    Comments
    0

    Leave a Reply

  • I’m trying to change the…

    I’m trying to change the bootstrap theme background. I used this in the main.scss
    // Body
    $body-bg: $gray-600;
    $body-color: $gray-900;

    I also tried adding css:
    body {
    background-color: #f9f1e0;
    }
    but it isn’t working

    my other changes work just fine so npm is working fine.

    Thanks


    Comments
    5
    1. them.es Avatar

      Hi,

      it’s hard to reproduce what’s wrong with your setup without seeing the full SCSS source.
      Could you first make sure that /assets/css/main.css is writable or delete main.css and try to recompile it.

      If it’s still failing would it be possible to share your main.scss by creating a ZIP file and dragging it in the Uploader (see Sidebar)?

    2. shoe Avatar

      Okay, it’s working now. User error. Thank you. And thank you for this great theme.

      1. them.es Avatar

        Glad that you could debug the error and make it work.

        Thanks for the feedback. I’m glad that you find the theme useful. Happy Coding!

        1. shoe Avatar

          one more question. I want to modify the main blog page loop… where is index.php calling the loop from? I see the single page loop, but not the one which lists the blog posts.

          1. them.es Avatar

            The post loop in the archive templates (i.e. index, author, category, etc.) is called via get_template_part( 'archive', 'loop' ) which loads the general archive-loop.php template. There you can see that the content-index.php template is referenced.

            index.php – https://github.com/them-es/themes-starter-bootstrap/blob/master/index.php#L22
            archive-loop.php – https://github.com/them-es/themes-starter-bootstrap/blob/master/archive-loop.php
            content-index.php – https://github.com/them-es/themes-starter-bootstrap/blob/master/content-index.php

    Leave a Reply

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


    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

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


    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.


    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