Soccer Live Scores

Soccer Live Scores is a new WordPress plugin that allows you to include live soccer scores in your posts, pages and custom posts. This plugin uses the latest AJAX technologies to retrieve live the results that you add in the back end of your website and is able to update them in few seconds. If you want only to show the results of a match without updating in real time the scores and the events ( for example if you are going to create a match review ), Soccer Live Scores can also be used without the AJAX functionalities as a static element not updated in real time.

Create your first match

After installing this plugin you will be able to create your first match through the Matches menu, you have simply to enter the following informations:

Team 1 name

Team 1 icon (optional)

Team 1 color (optional)

Team 2 name

Team 2 icon (optional)

Team 2 color (optional)

Match Status: Set Live for real time results or Inactive for a static match not updated in real time with ajax

Live Message: This is a message displayed only when the match status is set to Live

Your first match has been created, you can now add events for this match.

Create events

Click on Edit under the Events column, you are going to enter in the Events menu, here you can add events related to the selected match. To create an event you should provide the following informations:

Select Team: Select one of the two team available for this match, this event will be associated with the selected team

Minute: Enter the minute when the event occurred

Description: Enter a custom description for the event

Event Type: Select one of the five available events between Generic, Goal, Yellow Card, Red Card, Substitution, the match score will be calculated on the number of Goal events associated with a specific match.

Embed your first match in a post, page or custom post

When a match is created you can find the shortcode associated with the match in the Matches menu, copy the shortcode and paste it in you post, remember than you can’t use multiple Soccer Live Scores shortcodes in a single post. Post content [sls id="1"] Other post content Done, your first match is now displayed in your website.

Change the plugin look

Is very important in a professional website that every element displayed is consistent with the rest of the website, for this reason i’ve included many customization options, so you can change every single pixel displayed by this plugin. Visit the Options menu and create your custom look, this is a list of the available options related to the aesthetic of the plugin:

Live Message Background Color

Live Message Font Color

Header Background Color

Teams Font Color

Score Font Color

Odd Rows Background Color

Even Rows Background Color

Rows Font Color

Font Family: This is the font family that will be used in all the Soccer Live Scores elements

Google Fonts: This option allows you to load Google Fonts

Top Margin

Bottom Margin

This plugin supports both responsive and fixed themes

All the HTML and CSS code used in this plugin has been writted to work with both responsive and fixed themes, i’ve also included an option called Responsive Breakpoint, this option has been created to work with responsive layouts and changes some of the elements of the Soccer Live Scores plugin under a specified width in pixel. If you are using a theme with a fixed layout set this option to zero.

Credits

This plugin make use of the following resources:

Fugue Icons created by Yusuke Kamiyamane

JavaScript Color Picker licensed under the GNU Lesser General Public License.

The icon in the item thumbnail is licensed under the BSD 3-Clause license and the author is MapBox LLC.

Are you a soccer fan?

Check out Football Formation a new WordPress plugin able to generate soccer formations inside your posts.