Coder Social home page Coder Social logo

publii-marquee-feed-plugin's Introduction

Marquee Feed Plugin for Publii

Marquee Feed Plugin for Publii

The Marquee Feed Plugin allows Publii site owners to easily add a dynamic marquee to their site that displays the latest titles from the XML feed. This plugin enhances the visual appeal of your site and improves user engagement by providing quick access to your most recent content.

Features

  • Dynamic Content Display: Automatically fetches titles from your specified XML feed and displays them in a scrolling marquee.
  • Responsive Design: Fully responsive and customizable for desktop and mobile viewing.
  • Customizable Appearance: Offers settings for text size, color, and marquee background color to match your site's design.
  • Animation Control: Adjust the speed of the scrolling animation to fit your preference.
  • Easy to Install and Configure: Simple setup process through Publii's plugin interface.

Plugin Demo

Mercury Theme

See the plugin on a site using Publii's Mercury theme. The marquee is at the top, showcasing the latest content.

Open demo Mercury Theme Marquee

Tech News Theme

This example shows the marquee at the bottom of a page using the Tech News theme, encouraging visitors to explore more.

Open demo Tech News Theme Marquee

Installation

  1. Download the plugin from the Release page.
  2. In Publii, go to "Plugins" > "Add new" and select the downloaded ZIP file
  3. Activate the plugin.
  4. Go to the "Plugins" section in the Publii app and enable the "Marquee Feed Plugin".

Configuration

Configure the plugin according to your needs using the following settings:

  • XML Feed URL: Enter the URL of your XML feed. This feed will be used to populate the titles in the marquee.
  • Show on Mobile: Choose whether to display the marquee on mobile devices.
  • Animation Speed: Adjust the speed of the marquee's scrolling animation (in seconds).
  • Text Size: Set the size of the content text within the marquee.
  • Text Color: Choose the color of the content text.
  • Link Hover Color: Define the color of links when hovered over.
  • Background Color: Select a background color for the marquee.
  • Target Element Selector: Specify the CSS selector of the element where you want the marquee to be inserted.
  • Information Message: Optionally, add a message that will be displayed next to the marquee titles.
  • Title Separator: Choose a text or symbol to separate the titles within the marquee.

Marquee Feed Plugin configuration

Usage

Once configured, the marquee will automatically appear on your site based on your settings. The marquee will update dynamically as new titles are added to your XML feed.

Support

For support, feature requests, or to report a bug, please visit the GitHub issues page.

License

This plugin is released under the MIT License. See the bundled LICENSE file for details. Vectors and icons by Designmodo in MIT License via SVG Repo

publii-marquee-feed-plugin's People

Contributors

htejera avatar

Stargazers

stellarorion avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.