PHPackages                             considbrs-webdev/modularity-pitea-hero - 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. considbrs-webdev/modularity-pitea-hero

ActiveWordpress-plugin[Utility & Helpers](/categories/utility)

considbrs-webdev/modularity-pitea-hero
======================================

A module for the Pitea Hero.

054↓85%PHP

Since Mar 26Pushed 2mo agoCompare

[ Source](https://github.com/Considbrs-Webdev/modularity-pitea-hero)[ Packagist](https://packagist.org/packages/considbrs-webdev/modularity-pitea-hero)[ RSS](/packages/considbrs-webdev-modularity-pitea-hero/feed)WikiDiscussions main Synced 3w ago

READMEChangelogDependenciesVersions (2)Used By (0)

   title README   date 2021-05-27   draft false   layout default   parent Boilerplates  [![Contributors](https://camo.githubusercontent.com/de416e6c16981b3bb268029a3b43045177146470d2dfb9fb3e83fa5aa39aedd4/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f636f6e7472696275746f72732f436f6e7369646272732d5765626465762f6d6f64756c61726974792d70697465612d6865726f2e7376673f7374796c653d666c61742d737175617265)](https://github.com/Considbrs-Webdev/modularity-pitea-hero/graphs/contributors)[![Forks](https://camo.githubusercontent.com/46db72f5ca2e863869be8dba3f84476dba7b92066e486415d1ee8bdbc011b677/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f666f726b732f436f6e7369646272732d5765626465762f6d6f64756c61726974792d70697465612d6865726f2e7376673f7374796c653d666c61742d737175617265)](https://github.com/Considbrs-Webdev/modularity-pitea-hero/network/members)[![Stargazers](https://camo.githubusercontent.com/1b9170c0400b364a6cecc6a49aab51cbd53caf81d3253c3fe65592caffbf7abe/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f73746172732f436f6e7369646272732d5765626465762f6d6f64756c61726974792d70697465612d6865726f2e7376673f7374796c653d666c61742d737175617265)](https://github.com/Considbrs-Webdev/modularity-pitea-hero/stargazers)[![Issues](https://camo.githubusercontent.com/9d96ccea2bc53ee01ca676aefc81ac8342c2c9bb37e4195c1998f11d9c66fc85/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6973737565732f436f6e7369646272732d5765626465762f6d6f64756c61726974792d70697465612d6865726f2e7376673f7374796c653d666c61742d737175617265)](https://github.com/Considbrs-Webdev/modularity-pitea-hero/issues)[![License](https://camo.githubusercontent.com/de947186189d21af8afdbabf6ddd27cc8c59f87e154b255913ab3a57f7d773d5/68747470733a2f2f696d672e736869656c64732e696f2f6769746875622f6c6963656e73652f436f6e7369646272732d5765626465762f6d6f64756c61726974792d70697465612d6865726f2e7376673f7374796c653d666c61742d737175617265)](https://raw.githubusercontent.com/Considbrs-Webdev/modularity-pitea-hero/master/LICENSE)

### modularity-pitea-hero

[](#modularity-pitea-hero)

 A module for the Pitea Hero.
 [Report Bug](https://github.com/Considbrs-Webdev/modularity-pitea-hero/issues) · [Request Feature](https://github.com/Considbrs-Webdev/modularity-pitea-hero/issues)

Table of Contents
-----------------

[](#table-of-contents)

- [Table of Contents](#table-of-contents)
- [About modularity-pitea-hero](#about-modularity-pitea-hero)
    - [Built With](#built-with)
- [Getting Started](#getting-started)
    - [Prerequisites](#prerequisites)
    - [Installation](#installation)
- [Usage](#usage)
- [Deploy](#deploy)
- [Roadmap](#roadmap)
- [Contributing](#contributing)
- [License](#license)
- [Acknowledgements](#acknowledgements)

About modularity-pitea-hero
---------------------------

[](#about-modularity-pitea-hero)

[![modularity-pitea-hero Screen Shot](images/screenshot.png)](https://example.com)

A WordPress Modularity module for creating hero sections on Piteå municipality websites. This module provides a customizable hero section with background image, heading, search functionality, and action buttons.

### Features

[](#features)

- **Background Image**: Upload and display a background image for the hero section
- **Overlay Control**: Adjustable overlay opacity to ensure text readability
- **Custom Heading**: Set a main heading text for the hero section
- **Search Bar**: Integrated search functionality with customizable placeholder text
- **Action Buttons**: Add multiple buttons with icons and links to guide users

### Built With

[](#built-with)

- PHP
- NPM
- Webpack
- Modularity
- ACF (Advanced Custom Fields)
- Blade templating

Getting Started
---------------

[](#getting-started)

To get a local copy up and running follow these simple steps.

### Prerequisites

[](#prerequisites)

- WordPress with Modularity plugin installed
- PHP 7.4 or higher
- Composer
- Node.js and npm
- Advanced Custom Fields (ACF) plugin

Installation instructions:

- **Composer** (macOS):

```
brew install composer
```

- **Node.js and npm** (macOS):

```
brew install node
```

- **Modularity**:

```
composer require helsingborg-stad/modularity
```

### Installation

[](#installation)

1. Clone the repo

```
git clone https://github.com/Considbrs-Webdev/modularity-pitea-hero.git
```

2. Install and build NPM packages

```
npm install && npm run build
```

3. Install composer packages

```
composer install
```

Usage
-----

[](#usage)

After installation, the module will be available in the WordPress Modularity module library. You can add it to any page or post where Modularity is enabled.

### Module Configuration

[](#module-configuration)

1. **Background Image**: Upload a background image (required)
2. **Overlay Opacity**: Adjust the overlay darkness (0-100%, default: 50%)
3. **Heading**: Set the main heading text (required, default: "Välkommen till Piteå kommun")
4. **Search Placeholder**: Customize the search input placeholder text (optional, default: "Vad kan vi hjälpa dig med?")
5. **Buttons**: Add up to 12 action buttons with:
    - Icon selection
    - Button text
    - Link destination

The search bar will always be displayed, even if no placeholder text is set.

Deploy
------

[](#deploy)

Instructions for deploys.

Roadmap
-------

[](#roadmap)

See the [open issues](https://github.com/Considbrs-Webdev/modularity-pitea-hero/issues) for a list of proposed features (and known issues).

Contributing
------------

[](#contributing)

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are **greatly appreciated**.

1. Fork the Project
2. Create your Feature Branch (`git checkout -b feature/AmazingFeature`)
3. Commit your Changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the Branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

License
-------

[](#license)

Distributed under the [MIT License](https://raw.githubusercontent.com/Considbrs-Webdev/modularity-pitea-hero/master/LICENSE).

Acknowledgements
----------------

[](#acknowledgements)

- [othneildrew Best README Template](https://github.com/othneildrew/Best-README-Template)

###  Health Score

23

—

LowBetter than 26% of packages

Maintenance58

Moderate activity, may be stable

Popularity11

Limited adoption so far

Community8

Small or concentrated contributor base

Maturity14

Early-stage or recently created project

 Bus Factor1

Top contributor holds 80% 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.

### Community

Maintainers

![](https://avatars.githubusercontent.com/u/18331514?v=4)[Michael Claesson](/maintainers/michaelclaesson)[@michaelclaesson](https://github.com/michaelclaesson)

---

Top Contributors

[![WilliamLundqvist](https://avatars.githubusercontent.com/u/157830304?v=4)](https://github.com/WilliamLundqvist "WilliamLundqvist (4 commits)")[![michaelclaesson](https://avatars.githubusercontent.com/u/18331514?v=4)](https://github.com/michaelclaesson "michaelclaesson (1 commits)")

### Embed Badge

![Health badge](/badges/considbrs-webdev-modularity-pitea-hero/health.svg)

```
[![Health](https://phpackages.com/badges/considbrs-webdev-modularity-pitea-hero/health.svg)](https://phpackages.com/packages/considbrs-webdev-modularity-pitea-hero)
```

###  Alternatives

[imdbphp/imdbphp

Library for retrieving film and tv information from IMDb

26681.7k2](/packages/imdbphp-imdbphp)[coreproc/nova-system-info-card

A Laravel Nova card that shows you your system information.

24148.0k](/packages/coreproc-nova-system-info-card)[rymanalu/factory-generator

Laravel 5 Model Factory Generator.

178.0k](/packages/rymanalu-factory-generator)

PHPackages © 2026

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