JoomlArt's Blog

Joomla Tutorials, info, Discussions and much more...

We are happy to announce release of T4 Framework ALPHA 3 version. This new version released for new major features, improvements and bug fixes.

T4 Framework is our completely NEW Joomla template framework. It is a modern, flexible and highly customizable framework to build beautiful Joomla websites.

Here are new features and improvements come with the Alpha 3 version.

  • Custom font management
  • User color settings
  • Brand color settings
  • Rebuild color palettes
  • Codebase and performance improvement
T4 Joomla template framework alpha 2 released

T4 Framework Alpha 3 updated with new features

T4 Joomla Template Framework:
The all new, modern and flexible Joomla template framework

1. Custom font management

T4 Framework allows user to customize font that including font family, font size, font weight in the advanced Fonts Manager panel.

By default, for each template, it will include Google font and fonts used in the template defined by developer. To help user customize font easier, we added new feature: Custom font.

This feature allows user to add their own fonts and use the fonts in their website instead of using default fonts. From back-end, access menu Theme Custom and in the font setting of any element, hit the change font family. Now, you are in the Font Manager panel, open the Custom Fonts to add your own fonts.

Font CSS Url

T4 Joomla template framework custom fonts

Custom font: font css url

You can add one or multiple fonts at the same time by adding font css file url, it can be internal or external link.

#1. External Font CSS Url format

https://fonts.googleapis.com/css?family=Roboto&display=swap

#2. Internal Font CSS Url

templates/t4_blank/fonts/earthbound/style.css

Font File Url

T4 Joomla template framework add custom font

Custom font: font file url

If you don't have font css file, you can add path to the font file, following is the sample format of the font file url.

templates/t4_blank/fonts/google-sans/ProductSans-Regular.ttf
templates/t4_blank/fonts/tempora-lgc/TemporaLGCUni-Regular.otf

Improve theme customization workflow

T4 Framework admin panel includes advanced settings to help user customize style of their whole websites easier, without touching coding. The theme customization workflow has been improved to meet the purpose.

1. Brand color settings

The brand colors are the major standard colors of Bootstrap. The brand colors are the color variables of Bootstrap, but already customized in each template, so when you change color of one brand here, it will override color of the corresponding color variables.

The brand color settings is in theme level, it means, if you are configuring for Template style A, the color settings will be applied for the pages that use the template style A only.

T4 Joomla template framework brand color settings

Brand color settings

2. User color settings

Besides the pre-defined brand colors, user can add their own custom color for specific purpose like text color, heading color.

Manage user color items:

User color items are managed the Master template style. You can add as many color items as you want, set default color for each user color item. Delete or change color label are proccessed in the Master template style only.

T4 Joomla template framework user color settings

User color items management

Configure color for different template style

User color value configuration is on theme level, it means, in each template style, you can override the color settings for user color items in Master templates tyle.

T4 Joomla template framework user color settings

Customize color for user color in different template style

3. Color palettes settings

Color palettes is to help user customize style faster and easier. You can create multiple color palettes, each color palettes is a set of color configuration: background color, text color, link color, link hover color. For each color, you can select from the brand color or your custom color.

T4 Joomla template framework color palettes settings

Color palettes settings

Color palettes are managed in the Master template style where you can add more by cloning any existing color palettes, delete or change settings.

T4 Joomla template framework color palettes settings

Color palettes items management

How the color palettes help customize style faster and easier ?

When building layout, you can configure style for each section, instead of define color for each element, you can select a color palettes created by developer or your own color palettes. More important, for each template, concept will have sets of colors, when building template, our developer/designer will setup standard color palettes to math the template design, and to help their users configure easier.

T4 Joomla template framework color palettes settings

Using color palettes to set style for a section faster

Color palettes can have different style on different template style

Color element in each color palettes item is set from brand color and user color. The brand color and user color are theme level config, they can be different from template styles so the color palettes also can have different style on different template style.


3. Codebase and performance improvement

Besides adding more features and improvements, we already started working on the codebase optimization. Performance is core of the new framework so clean and optimized codebase will be well taken care.

T4 Joomla template framework performance

Fast Joomla template framework


Download and support

Free Download  Forum  Documentation

BLOG COMMENTS POWERED BY DISQUS

Get update via email:

Delivered by FeedBurner

Facebook Fan Box