Wb Universe
Wb Universe is a theme for Drupal that provides advanced configuration options for website appearance. It offers 10 regions for complex layouts and allows customization of colors, fonts, text sizes, and more through its administrative interface. The theme also includes features for integrating Google Analytics and Facebook API keys and configuring page templates, side column layouts, forms, menus, and tables with custom CSS classes.
The Wb Universe theme is a Drupal theme offering advanced configuration options to customize the appearance of your website. This theme provides 10 regions, enabling the creation of complex layouts. You can configure colors, fonts, text sizes, layout options, and much more by following the advanced configuration guide. To access the theme configuration options, go to `admin/appearance/settings/wb_universe`.
Adding Google Analytics and Facebook API Keys
- Create a Google Analytics and Facebook API account to obtain access keys.
- Add these keys in the designated fields within the administration interface.
Configuration of the Group: Page Templates
This group allows you to configure page options, particularly the size of containers for different pages. It is divided into 4 subgroups, each containing page links and a "Select container" field.
The "Select container" field offers 4 size options:
- Container: Medium display (approximately 1200px).
- Container-fluid: Wide display.
- Width-tablet: Medium display optimized for tablets (ideal for content pages).
- Width-phone: Medium display optimized for mobile devices.
Configuration of the Group: Layout
This group allows you to configure the display of side columns (left or right) on your pages. You can also define the size of the columns using Bootstrap classes or custom CSS classes (you must create the styles associated with these classes).
Configuration of the Group: Form
This group allows you to add CSS classes to your forms. For example, you can add the Bootstrap class mb-4 to apply a bottom margin.
Configuration of the Group: Menu Display
This group allows you to configure the display of menus. You can choose between a horizontal (default) or vertical display.
For a vertical display, add the class flex-column or navbar-nav in the "Class menu" field.
Configuration of the Group: Region CSS Class
This group allows you to add custom CSS classes to each of your regions.
Configuration of the Group: Table Configuration
This group allows you to add CSS classes to tables.
-
For the "Custom class for tag table" field, you can add the classes
mb-4 table table-striped. -
For the "Custom class for container" field, you can add the classes
border border-radius-10 px-5 py-4 mb-4.