Blocs 4.4 Beta Build 1

Hey everyone, here is the first beta of Blocs 4.4. This release contains a nice range of new features I think most of you are going to love.

Dark Theming
Blocs 4.4 introduces a range of improvements to aid the workflow of creating a website that supports dark and light theme modes.

The class dark-theme is added to the body tag when a Blocs site is run on a device that is running a dark OS theme.

Within Blocs you can emulate this using the canvas dark site mode option to switch the dark-theme class on and off within Blocs, this is also applied to in-app preview, but not preview in browser (that is depended on your Macs own theme option).

In the Class Manager if you right click a class you can also now opt to create a dark theme version of a class. Any changes made to this will only effect the site when run in dark mode. Notice it’s just a duplicated class with the leading dark-theme class before it.

Thats basically how you target dark theme .dark-theme .yourclass

The video below is a quick example of setting a Bloc background dark for dark mode.

Dark Theme

Missing Font Manager
The Missing Font Manager will be shown if a missing font is detected when opening projects, adding custom Blocs and page templates. At this early stage of testing, it may be triggered without reason so keep an eye out for that.

Localisation :jp:
Kon’nichiwa! Our Japanese speaking users will be happy to hear Blocs now speaks Japanese. You may notice a bad translation, some text cropping or another little interface oddity. Please let me know if you spot something and it’ll be fixed up in no time!

New Wordpress short codes
Some new short codes for Wordpress.

  • %WP_singleCatTitle% = <?php echo single_cat_title();?>
  • %WP_singleCatIdVar% = get_cat_ID(single_term_title("", false))
  • %WP_postCatIdArray% = wp_get_post_categories( get_the_ID(), array( ‘fields’ => ‘ids’ ) )
  • %WP_getPostArchiveLink(PostArchiveNameGoesHere)% = <?php echo get_post_type_archive_link('PostArchiveNameGoesHere'); ?>
  • %WP_categoryURL(categoryGoesNameHere)%) = <?php echo get_category_link(get_cat_ID('categoryGoesNameHere')); ?>

Have a great weekend and happy testing! :beers:


Download Blocs 4.4 Beta Build 1

Don’t forget to hard reload your browser, if the beta doesn’t show!


Additional
Im still working on a few other outstanding issues such as scroll speed and missing background images so please sit tight those will be addressed soon.

10 Likes

I knew you would be hard at work for all of us, Thank you so much for all the cleanup you have done to fix the last beta.
@Norm you’re like out one arm wallpaper hanger.

The class duplication for dark mode works great. I’m going to make a little front end toggle for it :grin:

5 Likes

Oooh a potential custom Bric?

1 Like

Well, @PeteSharp. Challenged by @Norm! Don’t let @Jannis run away with the :trophy:. :smiley: :grinning_face_with_smiling_eyes:

4 Likes

Hi @norm. B1 has decided to add a backslash before and after each font name and therefore shows the new missing font window while all fonts are there. Restarting did fix the issue though.

I just fired up this beta and was informed that the font Bodoni 16 was missing, which seemed surprising and when I tried adding it again Blocs said it was already installed, as confirmed by the font manager.

I tried deleting the entire Bodoni family before re-installing and once again Blocs Web Content went nuts on CPU usage, so I have screaming fans every time fonts are installed until Blocs is quit and restarted.

I restarted Blocs and it’s telling me again that Bodoni 16 is missing. If I go to application support it is clearly present.

Thanks the heads up on the fonts, I’ll take a look.

The missing font pop up appears every time I add a new Bloc.

@Flashman @Jerry I think I have found the issue causing this with local fonts beta 2 includes a fix. Im hoping to get it out later today.

1 Like

I’ll be sure to check this when released, but if it helps you I can always send over a project file plus fonts.

If the next beta doesn’t fix things I may need to grab your project.

1 Like