Score Widget (Score Boards)

A custom WordPress plugin for creating and displaying multiple score board widgets on a website.

The plugin allows administrators to manage score boards through a dedicated WordPress custom post type and display each widget anywhere on the site using a shortcode.

Description

Score Widget is designed for sports websites, club websites, and team pages that need a simple way to present:

• The latest match result
• The next upcoming match
• Team names and logos
• Competition information
• Venue/location details
• Match date and time
• Custom section titles
• Light, dark, or custom color themes

Each score board is managed separately from the WordPress admin area, making it easy to create multiple widgets for different teams, competitions, or website sections.

Features

• Custom WordPress post type for managing score boards
• Shortcode-based display with unique widget IDs
• Latest result section with team names, logos, score, competition, venue, and date/time
• Next match section with team names, logos, competition, venue, and kickoff date/time
• Option to show or hide the latest result section
• Option to show or hide the main widget title
• Custom titles for each section
• Light, dark, and custom theme modes
• Custom color settings through the WordPress color picker
• Font selection support
• WordPress media uploader integration for team logos
• Admin button for swapping last result and next match fields
• Responsive front-end layout for desktop and mobile screens

Requirements

• WordPress installation
• PHP support
• Administrator access to install and activate the plugin

Installation

1. Download or copy the plugin file into your WordPress installation.

2. Place the file inside a plugin folder, for example:

   wp-content/plugins/score-widget/

3. Make sure the main plugin file is located inside that folder.

4. Go to the WordPress admin dashboard.

5. Navigate to Plugins.

6. Activate Score Widget (Score Boards).

Usage

After activating the plugin, a new admin menu item called Score Boards will appear in the WordPress dashboard.

To create a new score board:

1. Go to Score Boards.
2. Click Add New.
3. Add a title for internal reference.
4. Fill in the details for the latest result and next match.
5. Upload or select team logos from the WordPress media library.
6. Configure the theme, colors, font, and visibility options.
7. Save the score board.

Shortcode

Each score board can be displayed using the shortcode shown in the admin panel:

[score_widget id="123"]

Replace 123 with the ID of the score board you want to display.

The shortcode can be used inside:

• WordPress pages
• WordPress posts
• Widgets
• Page builder shortcode modules
• Theme template areas that support shortcodes

Customization

The plugin includes several customization options directly inside the WordPress admin area.

Available customization options include:

• Header title visibility
• Header title text
• Latest result section visibility
• Light, dark, or custom theme mode
• Header background color
• Header text color
• Widget background color
• Team name color
• Section title color
• Meta information color
• Divider color
• Score background color
• Score text color
• Font family selection
• Meta information visibility for each section

Responsive Design

The front-end widget is designed to adapt to smaller screens. On mobile devices, the layout is simplified so that team logos and score information remain readable and clean.

Notes

This plugin is intended as a lightweight, practical WordPress solution for displaying score information without relying on external sports APIs. All match data is entered manually through the WordPress admin interface.

Author

Giannis Sifakis
LinkedIn Profile