In this tutorial we are showing you how to create fonts collection inside Adobe Fonts and how to import fonts from Adobe Fonts into Font Hero
This is Font Hero 2.0.3 Update
In this tutorial we are showing you how to create fonts collection inside Adobe Fonts and how to import fonts from Adobe Fonts into Font Hero
This is Font Hero 2.0.3 Update
From now on, instead of hiding the current code block, it will be displayed in the list as a highlighted item.
Code example:
<?php
/*
* function has three paramters
* $post_id, $code_file_url, $extension
* $post_id will have saved code block ID in it
* $code_file_url will have complete URL to the generated file
* $extnesion will have type of file like scss, css, js
*/
function override_SCORG_generated_file_url($post_id, $code_file_url, $extension)
{
// write your code here
}
add_action('SCORG_generated_file_url', 'override_SCORG_generated_file_url', 10, 3);
?>
We are happy to announce that we have fixed bugs caused by the CodeMirror change on the Oxygen Builder side. Oxygen Builder switched from CodeMirror 5 to version 6, which resulted in several broken features since we reuse Oxygen resources and avoid loading duplicates.”
From Scripts Organizer 3.5.6 it will be easy to understand what types of scripts you have inside your Code Blocks. We have added Text + Icons in the admin area and Icons only in the code blocks list since we are limited with space there.
We have added a hook after Scripts Organizer files (SCSS, CSS, JS) are generated “SCORG_generated_file_url”
Code Example
<?php
/*
* function has three parameters
* $post_id, $code_file_url, $extension
* $post_id will have a saved code block ID in it
* $code_file_url will have a complete URL to the generated file
* $ extension will have a type of file like SCSS, CSS, JS
*/
function override_SCORG_generated_file_url($post_id, $code_file_url, $extension){
// write your code here
}
add_action( 'SCORG_generated_file_url', 'override_SCORG_generated_file_url', 10, 3 );
?>
Fixed compatibility with Elementor, Bricks, and Oxygen. Also when you have OxyProps there are a lot of colors and in that case, we introduced a scroll inside the color picker. It was cut off.
The library brought a couple of bug fixes and improvements so it was worth updating. We bumped to the latest 1.11.0.
The full potential of WP Admin Cleaner is available only to the Super User with ID 1. However, due to security reasons, some developers are deleting users with the ID 1, which can cause issues. To address this concern, we have introduced an option to change the Super User, allowing you to designate another user as the Super User.
By changing the Super User, you can ensure that critical functionalities and access provided by WP Admin Cleaner remain available even if the original Super User with ID 1 is deleted. This way, you can maintain the security and control of your WordPress website while avoiding any potential pitfalls caused by the deletion of the default Super User.
You can now create and serve different dashboards per use role.
Say goodbye to the hassle of remembering class names and the frustration of typo errors! We’re thrilled to announce the latest feature in our Gutenberg editor: AutoComplete for Gutenberg Blocks. This groundbreaking update takes the guesswork out of adding classes to your blocks, making your workflow smoother and more efficient than ever before.
🔍 Intelligent Extraction: Our system automatically scans your posts and pages, extracting class names from Gutenberg blocks under the ‘Advanced’ settings. No need to manually search or remember class names anymore – we’ve got you covered!
📝 Typo-Proof Integration: With AutoComplete, you can say farewell to those pesky typos that lead to styling mishaps. Our smart algorithm ensures that you select the right classes every time, eliminating potential errors and saving you valuable time.
💾 Secure JSON Storage: We understand the importance of data security, which is why all extracted class names are stored in a secure JSON file. Rest assured, your data is in safe hands!
📢 Real-time Updates: As you create or edit posts, our system continuously updates the JSON file with the latest class names, keeping your AutoComplete feature up-to-date and accurate.
The magic happens behind the scenes with our custom code. We utilize a powerful regular expression to locate class names in HTML tags within your posts. The extracted class names are then processed and stored in a JSON file within your uploads directory. This seamless process ensures that you always have access to the most relevant and updated class names at your fingertips.
To get started, simply update your Gutenberg editor with the latest version containing AutoComplete support. From there, every time you create or edit a post, the class names will automatically be extracted and added to the AutoComplete suggestions.
We can’t wait for you to experience the convenience and precision of AutoComplete for Gutenberg Blocks. Say hello to a more efficient and error-free design process today!
Upgrade now and make your Gutenberg editor smarter than ever before. Happy designing! 🎉
Note: Do not delete Oxy Font Manager until you do migration to the Font Hero
We are excited to announce some significant changes to our plugin portfolio after careful consideration of our vision, focus, and user feedback. In this blog post, we will outline two major updates: the sunset of two plugins, Asura and Sandbox, and the merging of Oxy Font Manager with Font Hero. These changes aim to streamline our efforts, provide a better user experience, and consolidate our resources into a single powerful plugin.
Sunsetting Asura and Sandbox: After much deliberation, we have made the decision to sunset two of our plugins, Asura and Sandbox. While these plugins have served their purpose, we believe it is time to focus our attention on more robust offerings. By discontinuing these plugins, we can dedicate our efforts to enhancing our core products and providing better support to our users.
Merging Oxy Font Manager with Font Hero: One of the key updates is the merging of Oxy Font Manager with Font Hero. Both plugins share a common vision, but Font Hero offers additional integrations with all major builders, which sets it apart. By combining the strengths of both plugins into a single entity, we can streamline our development, maintenance, and support processes, resulting in a more cohesive user experience.
The decision to merge Oxy Font Manager with Font Hero brings several advantages. Firstly, we can now focus on a single plugin, reducing the effort required for maintenance and new feature development. Secondly, by consolidating our documentation, bug tracking, and user support, we can provide a more streamlined and efficient experience for our customers. Lastly, the price difference between the two plugins made the merge an attractive option for both us and our users.
Migrating from Oxy Font Manager to Font Hero: For existing Oxy Font Manager users, migrating to Font Hero is a seamless process. To initiate the migration, follow these simple steps:
Migrating Font Settings: To migrate your font settings from Oxy Font Manager to Font Hero, follow these steps:
We hope this blog post clarifies the reasoning behind our decisions and provides a clear guide for migrating from Oxy Font Manager to Font Hero. By sunsetting Asura and Sandbox and merging Oxy Font Manager with Font Hero, we can concentrate our efforts on delivering an enhanced user experience and innovative features. We appreciate your support and look forward to continuing to serve you with our consolidated and improved plugin offerings.
Thank you for your attention, and if you have any further questions or feedback, please don’t hesitate to reach out.
In the world of web development, managing CSS and SCSS files efficiently is crucial for maintaining organized and streamlined code. With the latest update to Script Organizer, we introduce an exciting new feature that allows you to easily import your CSS/SCSS partials into our plugin. This feature comes in handy, especially when working with older projects or custom functionality plugins. By leveraging Script Organizer’s existing capabilities to compile SCSS, you can simplify your workflow and eliminate the need for manual editing and uploading via FTP. Let’s explore how this feature works and the benefits it offers.
To begin importing your CSS/SCSS partials, navigate to Script Organizer and access the import functionality. Once there, you will find the “Upload Partials” option. Simply select the desired partial files from your local environment and drag them into the designated area. Script Organizer will handle the rest, effortlessly importing your partials into the plugin.
After importing, the partials can be accessed within the “Partials” section of Script Organizer. Each partial will be listed individually, ready for your modifications. For example, if you open the “Layout” partial, you’ll find it exactly as it was in your original project. This seamless transition ensures that the structure and styling of your layout remain intact.
To demonstrate the simplicity and power of this feature, let’s create a new block called “Team Header.” By utilizing the SCSS syntax, we can quickly define the desired styles and include the necessary partials from the partials manager. Remember to add at least a comment within the file to ensure proper compilation. Once the file is created, publish it, and witness the magic.
Upon inspecting the generated code, you’ll notice that the imported partials are compiled in the order they were imported. However, if you prefer a different order, you can easily rearrange them within the partials manager. For instance, by moving the “Reset” partial to the top, you ensure that it takes precedence over the other styles.
With Script Organizer’s import feature, you can seamlessly transfer your existing projects into the plugin with just a few clicks. No more manual editing, compiling, or uploading via FTP. This streamlined workflow not only saves you valuable time but also reduces the chances of human error during the migration process.
This feature is provided for “Custom fonts” and “the Google Fonts”. When you are registering or editing fonts you will get predefined options to choose from. We made it simple dropdown based on best practices to choose from.
Font Fallback options:
Using font fallback is considered a good practice for several reasons:
Divi indeed has integration but it is limited to not compressed font files and does not have fine tuning that you want for best performance.
With different font faces UI can become cluttered easily. That is why we improved it in 2 places.
We’re thrilled to announce the release of Font Hero 2.0 beta, and we can’t wait for you to try it! With the stable release just a day or two away, we’re excited to share the many new features and improvements we’ve made to help you create stunning designs effortlessly.
One of the most notable improvements is the UI, which is now sleeker and more user-friendly than ever before. We’ve added a lot of contrast, making it easier for you to navigate the interface and focus on what’s important. But that’s not all – we’ve also introduced a font preview feature that lets you switch between paragraph, sentence, and heading text. You can even add custom text and use the slider to preview font sizes.
Additionally, we’ve made it possible to switch between light and dark themes, giving you a clear idea of how your font will look in different environments. And if you ever need to reset your settings to the defaults, we’ve got you covered.
Font Hero 2.0 also offers a wide range of font options, including Google fonts, font faces, and variable fonts. You can easily choose from our predefined professional font pairings or mix and match fonts to suit your unique style. The possibilities are endless!
With Font Hero 2.0, you can easily import Google fonts and filter based on groups, font weights, styles, and characters. You can even rename font families when importing. And with our new feature, you can replace Google fonts on the fly across your entire website without needing to find and replace individual classes.
At Font Hero, we’re committed to providing you with the best possible performance and options. That’s why we’ve chosen to download only the vov2 for Google fonts, ensuring optimal coverage and faster loading times. And if you need anything else or have any suggestions, please send us an email – we’re always happy to help!
So what are you waiting for? Try out Font Hero 2.0 beta and let us know what you think. We’re confident that you’ll love it as much as we do. Thanks for choosing Font Hero!
Since ACF 6.0, ACF Blocks are registered by using the standard native WordPress function, register_block_type()
which loads a block.json
file containing all your configuration. ACF hooks into block.json
by reading the acf
key in the JSON which should be an object of ACF specific configuration. The main configuration keys for block.json
are described in the WordPress documentation, but our specific ACF configuration is detailed below.
The move to JSON storage for ACF blocks in WordPress was done to improve the performance and flexibility of the blocks.
Prior to the move to JSON storage, ACF blocks were stored as post meta in the database, which could become cluttered and slow down the site over time. Storing blocks as JSON in the WordPress post content allows for faster and more efficient data retrieval, as well as improved version control and collaboration.
Additionally, JSON storage allows for more flexible and scalable data structures, making it easier to manage and manipulate block data. This can be especially useful for complex blocks with multiple fields and nested data structures.
Overall, the move to JSON storage for ACF blocks provides a more efficient and flexible way to store and retrieve block data, leading to improved performance and a better user experience for WordPress sites using ACF blocks.
This is a huge update so we are recommending to do backup before update.
You don’t need to do anything else as we done everything for you. Inside wp-content/upload/scripts-organizer/ we created new folder called blocks. All ACF blocks are regenerated and got their own JSON file.
Variable fonts are a new kind of font technology that allows for a single font file to contain multiple variations of a typeface, such as weight, width, and slant. This makes it possible to adjust the appearance of the font in real-time, based on the specific design needs of a project.
A “normal” variable font would refer to the default style of the font, which is typically the upright and regular weight version. The “italic” version of a variable font, on the other hand, would refer to the slanted version of the font that is typically used for emphasis or for emphasis in titles, subheadings, etc.
By using variable fonts, designers and developers can have more control over the typography of their designs, and users can enjoy a more optimized and efficient web-browsing experience. Additionally, variable fonts can also help to reduce the amount of data that needs to be loaded on a page, improving page load times and reducing data usage.
That was a mistake. To have Normal and Italic font styling you will need to upload 2 files.
Bellow you can see generated CSS by Font Hero.