PHPackages                             heimfisch/blogtheme - 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. heimfisch/blogtheme

ActiveAutomad-package[Utility & Helpers](/categories/utility)

heimfisch/blogtheme
===================

A simple Bootstrap based Blog Theme. Check out the demo page and all available templates https://dev.heinisch-design.de/demo/blogtheme.

0.2.1.0(2y ago)0136MITHack

Since Feb 7Pushed 2y ago1 watchersCompare

[ Source](https://github.com/cheinisch/BlogTheme-Automad)[ Packagist](https://packagist.org/packages/heimfisch/blogtheme)[ RSS](/packages/heimfisch-blogtheme/feed)WikiDiscussions main Synced 1mo ago

READMEChangelog (10)Dependencies (1)Versions (12)Used By (0)

Caution

This Theme is under development

BlogTheme for Automad
=====================

[](#blogtheme-for-automad)

This is a simple Bootstrap based theme with 3 layouts and an optional sidebar. This theme has a light and a dark mode.

---

- [Included Layouts](#included-templates)
    - Page
    - Post
    - Blog
    - Settings Navbar
- [Light/Dark mode](#dark-light-mode)
- [Cheat Sheets](#cheat-sheets)

Included Templates
------------------

[](#included-templates)

This package contains these simplified templates that only serve demonstrational purposes:

1. The `page.php` template represents a basic page with a navbar, a content area and a sidebar with menu.
2. The `post.php` template contains a filterable and sortable pagelist that can be used as a skeleton for blogs or portfolios.
3. The `blog.php`template demonstrates the usage of session variables and the `set` function.

Also included is a navbar with some options

> ☝️ To see those templates in action while playing around just apply them to any page in your installation!

Dark Light Mode
---------------

[](#dark-light-mode)

This template detecte the operation system prefert dark or light mode and use it.

```

    (function () {
        const htmlElement = document.querySelector("html")
        if(htmlElement.getAttribute("data-bs-theme") === 'auto') {
        function updateTheme() {
            document.querySelector("html").setAttribute("data-bs-theme",
            window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light")
        }
            window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', updateTheme)
        updateTheme()
        }
    })();

```

You can disable the feature in the settings.

### The Local Package

[](#the-local-package)

1. It's a good practice to start developing a new package outside of the Automad packages directory. Therefore change to some directory outside of Automad where you want to develop your new theme. Let's assume you want to put your package into a directory called `dev` within your home folder.

    ```
    cd ~/dev

    ```
2. Create new skeleton theme in your `dev` directory using Composer.

    ```
    composer create-project automad/theme-skeleton my-theme

    ```
3. Change to the new theme directory and edit the `composer.json` and `theme.json` files. VS Code is used here as the editor. At least change the vendor and theme name.

    ```
    cd my-theme
    code composer.json

    ```

    Also edit the name in `theme.json`.

    ```
    code theme.json

    ```
4. Now change to your Automad root directory. For example `~/Sites/automad-site`.

    ```
    cd ~/Sites/automad-site

    ```
5. Edit the `composer.json` file of the Automad installation.

    ```
    code composer.json

    ```

    Add the following snippet to Automad's composer file (note the path to your package).

    ```
    {
        ...
        "repositories": [
            {
                "type": "path",
                "url": "~/dev/my-theme"
            }
        ],
        ...
    }

    ```
6. Still in the Automad directory run the following Composer command.

    ```
    composer require my-vendor/my-theme:@dev

    ```

    Now your theme is available in Automad and you can start developing your templates. After all the setup it's now time to create a repository for your theme.

### Create a Git Repository

[](#create-a-git-repository)

When developing is done, it's time to publish your work.

1. Init new Git repository and commit files.

    ```
    cd ~/dev/my-theme
    git init
    git add .
    git commit -m "First commit"

    ```
2. Create a first release tag for your finished theme following the semantic versioning scheme.

    ```
    git tag -a 1.0.0 -m "my version 1.0.0"

    ```
3. Create a new repository on [GitHub](https://github.com).
4. Now, add its URL as a remote to your local repository and push changes. When creating a repository, the URL will be printed on the GitHub page.

    ```
    git remote add origin /remote/URL/of/your/new/repo
    git push -u origin master

    ```

### Register Your Package

[](#register-your-package)

Now it's time to submit your theme package to [Packagist](https://packagist.org). After succseffuly registering it, it will automatically show up in the package [browser](https://packages.automad.org).

Cheat Sheets
------------

[](#cheat-sheets)

In case you prefer to start developing a theme or extension without reading the full documention, the [Cheat Sheets](https://automad.org/developer-guide/cheat-sheets) are a good point to start.

###  Health Score

21

—

LowBetter than 19% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity11

Limited adoption so far

Community7

Small or concentrated contributor base

Maturity38

Early-stage or recently created project

 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 ~4 days

Total

11

Last Release

780d ago

### Community

Maintainers

![](https://www.gravatar.com/avatar/66a3dd183991f75564d086932033514ba9ac6e1bfcbaaf47e1697e38f8789b41?d=identicon)[Heimfisch](/maintainers/Heimfisch)

---

Top Contributors

[![cheinisch](https://avatars.githubusercontent.com/u/19387742?v=4)](https://github.com/cheinisch "cheinisch (63 commits)")

---

Tags

theme

### Embed Badge

![Health badge](/badges/heimfisch-blogtheme/health.svg)

```
[![Health](https://phpackages.com/badges/heimfisch-blogtheme/health.svg)](https://phpackages.com/packages/heimfisch-blogtheme)
```

###  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)[appsero/client

Appsero Client

25431.7k9](/packages/appsero-client)[sulu/theme-bundle

The Sulu Bundle which provides theming functionality.

23300.4k1](/packages/sulu-theme-bundle)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)