Title: SitePoint Random Hello Bar
Author: sitepointdevs
Published: <strong>21. Januar 2016</strong>
Last modified: 22. Januar 2016

---

Plugins suchen

![](https://ps.w.org/sp-random-hello-bar/assets/banner-772x250.png?rev=1333316)

Dieses Plugin wurde **nicht mit den 3 neuesten Hauptversionen von WordPress getestet**.
Es wird möglicherweise nicht mehr gepflegt oder unterstützt und kann bei der Verwendung
mit neueren WordPress-Versionen zu Kompatibilitätsproblemen führen.

![](https://ps.w.org/sp-random-hello-bar/assets/icon-256x256.png?rev=1333316)

# SitePoint Random Hello Bar

 Von [sitepointdevs](https://profiles.wordpress.org/sitepointdevs/)

[Herunterladen](https://downloads.wordpress.org/plugin/sp-random-hello-bar.1.0.1.zip)

 * [Details](https://de.wordpress.org/plugins/sp-random-hello-bar/#description)
 * [Rezensionen](https://de.wordpress.org/plugins/sp-random-hello-bar/#reviews)
 *  [Installation](https://de.wordpress.org/plugins/sp-random-hello-bar/#installation)
 * [Entwicklung](https://de.wordpress.org/plugins/sp-random-hello-bar/#developers)

 [Support](https://wordpress.org/support/plugin/sp-random-hello-bar/)

## Beschreibung

As descibed in-depth on [SitePoint](http://www.sitepoint.com/sitepoint-random-hello-bar-wordpress-plugin/)
a hello bar is a thin bar of content that slides into view once the user scrolls
past a set point on a page.
 The message content is up to you, but is ideal for 
advertising, product annoncements or other messages.

This plugin provides an admin interface to create multiple hello bar messages that
can then be randomly displayed on user facing pages.

By setting weightings for each message you can determine how often each is displayed.
On each page load a message is randomly selected
 (respecting the weightings given).
A random number is generated client side before fetching the message content to 
ensure it is compatible with caching services such as W3 Total Cache.

All the required javascript and css is included in the plugin and can be set to 
enqueue via settings.
 Alternatively you can roll your own. To help with that the
core javascript has been extracted into the [sp-hello-bar](https://www.npmjs.com/package/sp-hello-bar)
npm module for you to include in your own scripts.

## Screenshots

[⌊Hello Bar in use - An example hello bar being displayed on the Twenty Fifteen 
theme.⌉⌊Hello Bar in use - An example hello bar being displayed on the Twenty Fifteen
theme.⌉[

**Hello Bar in use** – An example hello bar being displayed on the Twenty Fifteen
theme.

[⌊SP Random Hello Bar Submenu⌉⌊SP Random Hello Bar Submenu⌉[

**SP Random Hello Bar Submenu**

[⌊Settings - Quickly enable the hello bar feature and chose what js/css to enqueue.⌉⌊
Settings - Quickly enable the hello bar feature and chose what js/css to enqueue
.⌉[

**Settings** – Quickly enable the hello bar feature and chose what js/css to enqueue.

[⌊Content - Add as many hello bars as you wish.⌉⌊Content - Add as many hello bars
as you wish.⌉[

**Content** – Add as many hello bars as you wish.

## Installation

 1. Upload the entire `/sp-random-hello-bar/` folder to the `/wp-content/plugins/` 
    directory.
 2. Aktiviere das Plugin im Menü ‚Plugins‘ im WordPress Backend.
 3. Navigate to the **SP Random Hello Bar** section of the _Settings_ menu. At `example.
    com` this page would be found at `http://example.com/wp-admin/options-general.php?
    page=sp-random-hello-bar`.
 4. Enable the hello bar to display in pages.
 5. Select which javascript, if any, you would like to enqueue.
 6. Select if you would like to enqueue basic css styles fror the hello bar.
 7. Enter content for one or more hello bars and set a weighting.

## FAQ

  Can I use the javascript module without npm?

Sure. The plugin contains the SpHelloBar source as an ES6 Module at `src/js/SpHelloBar.
js` and as a common.js module at `lib/SpHelloBar.js`.

  Does the javascript require other libraries such as jQuery to function?

The SpHelloBar module does not have any external dependencies but it would then 
be up to you to provide a throttle function and to load the hello bar content into
the page (usually via ajax).
 However the Basic and Basic with storage scripts assume
that jquery and underscore have been enqueued. Those two libraries are enqueued 
in the default setup of WordPress unless you have dequeued them.

  Can I customise the content?

Go for it. The basic scripts assume the default css class names are being used but
the only one that is required is `.SpHelloBar`.
 The javascript has been designed
to be as flexible as possible so see the [docs](https://github.com/sitepoint/sp-random-hello-bar#constructor)
for all the options that can be overridden when writing your own script.

  How did you build something so wonderful?

I’m glad you asked. You can read about how it was put together on [SitePoint](http://www.sitepoint.com/sitepoint-random-hello-bar-wordpress-plugin/).

## Rezensionen

Zu diesem Plugin liegen noch keine Rezensionen vor.

## Mitwirkende und Entwickler

„SitePoint Random Hello Bar“ ist Open-Source-Software. Folgende Menschen haben an
diesem Plugin mitgewirkt:

Mitwirkende

 *   [ sitepointdevs ](https://profiles.wordpress.org/sitepointdevs/)

[Übersetze „SitePoint Random Hello Bar“ in deine Sprache.](https://translate.wordpress.org/projects/wp-plugins/sp-random-hello-bar)

### Interessiert an der Entwicklung?

[Durchstöbere den Code](https://plugins.trac.wordpress.org/browser/sp-random-hello-bar/),
sieh dir das [SVN-Repository](https://plugins.svn.wordpress.org/sp-random-hello-bar/)
an oder abonniere das [Entwicklungsprotokoll](https://plugins.trac.wordpress.org/log/sp-random-hello-bar/)
per [RSS](https://plugins.trac.wordpress.org/log/sp-random-hello-bar/?limit=100&mode=stop_on_copy&format=rss).

## Änderungsprotokoll

#### 0.0.1

 * Submitted to WordPress for approval

#### 0.0.2

 * Added assets

#### 1.0.0

 * Ready for use

## Meta

 *  Version **1.0.1**
 *  Zuletzt aktualisiert **vor 11 Jahren**
 *  Aktive Installationen **10+**
 *  WordPress-Version ** 3.0 oder höher **
 *  Getestet bis **4.3.34**
 *  Sprache
 * [English (US)](https://wordpress.org/plugins/sp-random-hello-bar/)
 * Schlagwörter
 * [ads](https://de.wordpress.org/plugins/tags/ads/)[advertising](https://de.wordpress.org/plugins/tags/advertising/)
   [marketing](https://de.wordpress.org/plugins/tags/marketing/)[products](https://de.wordpress.org/plugins/tags/products/)
 *  [Erweiterte Ansicht](https://de.wordpress.org/plugins/sp-random-hello-bar/advanced/)

## Bewertungen

Es wurden noch keine Rezensionen eingereicht.

[Deine Rezension](https://wordpress.org/support/plugin/sp-random-hello-bar/reviews/#new-post)

[Alle Rezensionen anzeigen](https://wordpress.org/support/plugin/sp-random-hello-bar/reviews/)

## Mitwirkende

 *   [ sitepointdevs ](https://profiles.wordpress.org/sitepointdevs/)

## Support

Möchtest du etwas mitteilen? Brauchst du Unterstützung?

 [Support-Forum anzeigen](https://wordpress.org/support/plugin/sp-random-hello-bar/)