PHPackages dahmen/automad-bulma - PHPackages - PHPackages [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register) 1. [Directory](/) 2. / 3. [Utility & Helpers](/categories/utility) 4. / 5. dahmen/automad-bulma ActiveAutomad-package[Utility & Helpers](/categories/utility) dahmen/automad-bulma ==================== A responsive multi-purpose theme for the Automad CMS based on the Bulma CSS framework. 1.0.3(8mo ago)62.3k3MITPHP Since Mar 10Pushed 7mo ago2 watchersCompare [ Source](https://github.com/marcantondahmen/automad-bulma)[ Packagist](https://packagist.org/packages/dahmen/automad-bulma)[ Fund](https://paypal.me/marcantondahmen)[ GitHub Sponsors](https://github.com/marcantondahmen)[ RSS](/packages/dahmen-automad-bulma/feed)WikiDiscussions master Synced 1mo ago READMEChangelog (3)Dependencies (3)Versions (5)Used By (0) Automad Bulma Theme =================== [](#automad-bulma-theme) A responsive multi-purpose *markdown-only* theme for the [Automad](https://automad.org) CMS based on the [Bulma](https://bulma.io) CSS framework. Check out the demo page and all available templates [here](https://bulma.dev.automad.org). [![](https://raw.githubusercontent.com/marcantondahmen/media-files/master/themes/bulma/bulma-1.webp)](https://raw.githubusercontent.com/marcantondahmen/media-files/master/themes/bulma/bulma-1.webp) Options ------- [](#options) There are multiple variables used by this theme for configuration. Find below a list of available options to control the look and feel of your site. ### Custom Bulma CSS [](#custom-bulma-css) Since the theme is fully based on the Bulma framework, it is possible to use a customized version of Bulma. You can use the `bulmaCss` variable to provide an alternative URL for the `.css` file. A custom `.css` file can simply be uploaded in the shared data section of the dashboard. You can find more information about customizing Bulma [here](https://bulma.io/documentation/customize/). ### Styling Hero Content [](#styling-hero-content) You can add text or HTML markup to a hero banner using the `textHero` variable. Hero banner content can be styled using Bulma elements and modifiers. Take a look at the [docs](https://bulma.io/documentation/modifiers/) to find out more about working with Bulma. [![](https://raw.githubusercontent.com/marcantondahmen/media-files/master/themes/bulma/bulma-2.webp)](https://raw.githubusercontent.com/marcantondahmen/media-files/master/themes/bulma/bulma-2.webp) ### Hero And Navbar Settings [](#hero-and-navbar-settings) There are several checkboxes to control the look of the hero section and the navbar. - `logo`: The path to your logo. By default the `/shared/logo*.*` pattern is used. - `logoHeight`: Define the height of your logo. - `checkboxHeroFullHeight`: Set the height of the hero section to 100% of the viewport. - `checkboxNavbarOpaque`: Make the navbar background opaque. - `checkboxNavbarDark`: Apply a dark theme to the navbar to be used with dark hero images. - `checkboxNavbarRight`: Place menu items on the right of the navbar. - `checkboxHideSecondLevelNavbar`: Hide the second level (dropdowns) of the navbar menu. ### Slideshow Images [](#slideshow-images) You can use the `images` variable to define a set of images to be used in a hero section or carousel slideshow. A `*` can be used in file patterns to represent zero or more characters. Multiple patterns can be separated by a comma. A typical pattern looks like: ``` *.jpg, *.png, *.gif ``` ### Search [](#search) The search field in the navbar can be enabled by defining a page as a results page. Therefore simply enter the internal URL of one of your pages for the `urlSearchResults` variable in the **Shared Data & Settings** section of the Dashboard. Note that the selected page needs to have a template including a pagelist like *Blog* or *Portfolio*. ### Navbar Action Button [](#navbar-action-button) To highlight a certain action of your site you can define an internal or external URL for the `urlActionButton`. A primary button will then appear in your navbar. ### Sorting Pagelists [](#sorting-pagelists) By default, pagelists are sorted by date descending. You can change that behavior by adding a value for the `sortPages` variable on a blog or portfolio page. To define the sorting of pages in the list, you have to provide a combination of the variable to sort the pages by and a sorting order like `date desc` or `title asc`. ### Template Filters [](#template-filters) You can use a regex for the `templateFilter` variable to filter a pagelist by the templates of the pages. ### Open Graph Images [](#open-graph-images) Title and description are automatically used for open graph tags to be used as preview when sharing a page. You can also define a pattern to be used for the preview image used as the value for the `og:image` property. A good pattern would be `*.jpg, *.png, /shared/og.png`. With this pattern, the first JPG or PNG image would be used as preview image while using a file called `og.png` in the shared files section as a fallback for pages without any image. ### Health Score 43 — FairBetter than 91% of packages Maintenance61 Regular maintenance activity Popularity26 Limited adoption so far Community10 Small or concentrated contributor base Maturity63 Established project with proven stability Bus Factor1 Top contributor holds 100% of commits — single point of failure How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window. **Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores. **Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement. **Maturity (30%)** — Project age, version count, PHP version support, and release stability. ### Release Activity Cadence Every ~791 days Total 4 Last Release 244d ago ### Community Maintainers ![](https://www.gravatar.com/avatar/7a3565413eb5da0526ac25a008fa743c1cd4f30ef1fd5eb17bcfee7e8c6ac5be?d=identicon)[marcantondahmen](/maintainers/marcantondahmen) --- Top Contributors [![marcantondahmen](https://avatars.githubusercontent.com/u/8440030?v=4)](https://github.com/marcantondahmen "marcantondahmen (42 commits)") --- Tags automadbulmathemetheme ### Embed Badge ![Health badge](/badges/dahmen-automad-bulma/health.svg) ``` [![Health](https://phpackages.com/badges/dahmen-automad-bulma/health.svg)](https://phpackages.com/packages/dahmen-automad-bulma) ``` ### Alternatives [tgmpa/tgm-plugin-activation TGM Plugin Activation is a PHP library that allows you to easily require or recommend plugins for your WordPress themes (and plugins). 1.8k222.5k13](/packages/tgmpa-tgm-plugin-activation)[qirolab/laravel-themer A Laravel theme manager, that will help you organize and maintain your themes inside Laravel projects. 402240.2k8](/packages/qirolab-laravel-themer)[freemius/wordpress-sdk Freemius WordPress SDK 303101.4k4](/packages/freemius-wordpress-sdk)[david-griffiths/nova-dark-theme A dark theme for Laravel Nova 71576.9k](/packages/david-griffiths-nova-dark-theme)[dahmen/automad-terminal A minimal Automad blog theme for terminal lovers 532.2k](/packages/dahmen-automad-terminal)[appsero/client Appsero Client 25431.7k9](/packages/appsero-client) PHPackages © 2026 [Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)