Sp*tify Play Button for WordPress

描述

Now with Gutenberg block!

Sp*tify Play Button lets you easily add a Spotify Play Button for instant play of album, playlist or song by adding the Sp*tify Play Button for WordPress block or adding a shortcode:

Album example:
[spotifyplaybutton play=”https://open.spotify.com/album/5PvkD4XryLL9oC4NFItYIM?si=pT6des85S6WPQY7O9ipGPw”]
Also works with old Spotify URI:
[spotify:album:7JggdVIipgSShK1uk7N1hP]

Playlist example:
[spotifyplaybutton play=”https://open.spotify.com/playlist/37i9dQZF1E39g1r00WoOvS?si=e05ab8be00c24b39″]
Also works with old Spotify URI:
[spotify:user:jonk:playlist:65ujzBs6WTdWDIr17dOXUm]

Song example:
[spotifyplaybutton play=”https://open.spotify.com/track/6te1QldCR1BWiNgwZADpu4?si=ee0dfebaa2944756″]
Also works with old Spotify URI:
[spotify:track:2qntSA2cwerjTduHPuKnW5]

You don’t have to remember these shortcodes. If you are using Gutenberg, there is a block with all the settings you need. And if you’re using the Classic editor there’s a Sp*tify Play Button in the editor.

Simply right click on album, playlist or song in Spotify and click “Share” and then click “URI”. Either paste that together with the shortcode above or just use the admin button and paste the URI there.

You can set the style for your Sp*tify Play Buttons on the “Sp*tify Play Button Settings” page under the “Settings” menu (http://YOURBLOG/wp-admin/options-general.php?page=spotifyplaybutton_settings).

You can also add attributes to customize a single Sp*tify Play Button:

  1. view

  2. size

  3. sizetype

  4. link

All of these will override the settings in “Sp*tify Play Button Settings” for the Sp*tify Play Button and they are all optional.

Example: [spotifyplaybutton play="https://open.spotify.com/playlist/2Xm7KEL5NFHwPboQY22BcZ?si=c99d69e2c916447b" size="0" sizetype="big"]

屏幕截图

  • Copy the Spotify URI from the album, playlist or song you want to embed on your site
  • Add the shortcode as a Shortcode block
  • Or you can use a Paragraph block
  • It also works with the Classic editor
  • In the classic editor there's even a helpful button
  • The nice result
  • The global settings page

区块

该插件提供了1个区块.

  • Sp*tify Play Button for WordPress

安装

This section describes how to install the plugin and get it working.

  1. Upload the folder “sptify-play-button-for-wordpress” to the “/wp-content/plugins/” directory

  2. Activate the plugin through the “Plugins” menu in WordPress

  3. Go to “Sp*tify Play Button Settings” under the “Settings” menu (http://YOURSITE/wp-admin/options-general.php?page=spotifyplaybutton_settings) to make your default settings for your Sp*tify Play Buttons.

  4. Start adding your Sp*tify Play Buttons!

常见问题

None, yet.

评价

2023年5月19日
Adding this plugin to a post lowers the page speed insight by 30 %!!! I would not recommend this plugin. Not sure whether it's the plugin or the communication to Spotify, but a lazy-load would be great: Just load the layout and then - only on the click - start to set up the communication to Spotify. If this is given, I could give a 5-star rating. But like that, it's quite dangerous for your website.
2017年12月3日
All I needed for my website was a simple, inexpensive Spotify Play Button. Using the button installed by this plugin at the top of my edit page, everything worked perfectly! The results were better than expected and even provided a playlist for all the tracks in the album.
2017年11月10日
Plugin rápido e direto, fácil para alterar configurações e permite diferentes layouts na página
阅读所有4条评价

贡献者及开发者

“Sp*tify Play Button for WordPress” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

更新日志

2.11

  • Security update

2.10

  • Use the latest Spotify embed
  • Convert Share URL to URI for embed, since Spotify removed support for embedding Share URL

2.09

  • Added lazy loading attribute for the embed

2.08

  • Escape options in admin, security fix. Thanks Wordfence!

2.07

  • Escape attributes for link too

2.06

  • Escape attributes, security fix. Thanks Patchstack!

2.05

  • Versioning

2.04

  • Now works with both Spotify URI and Spotify URL

2.03

  • Fix for WordPress 5.8 widget blocks

2.02

  • Domain Path

2.01

  • Settings link

2.0

  • Now available as a Gutenberg block
  • Removed view coverart since it has been removed from Spotify

1.46

  • Min height for compact

1.45

  • Height fix. Should’ve seen that coming 😉

1.44

  • Width fix

1.43

  • Theme removed by Spotify so parameter is dropped
  • Updated iframe code to mirror changes by Spotify
  • Changed deprecated media_buttons_context to media_buttons, so the plugin is error free in debug mode too

1.42

  • Tested 5.6
  • New assets

1.41

Tested 5.3.2

1.39

Damn you markdown!

1.38

Even less Spotify and more Sp*tify

1.37

Even less Spotify and more Sp*tify

1.36

Even less Spotify and more Sp*tify

1.35

  • The name change of the plugin is because no plugins are allowed to start with a brand name. :/
  • Tested up to 5.2.3 and still works like magic. No changes to the code. 🙂

1.34

Typeo

1.33

  • Better looking UI.
  • Bugfixes
  • Cleanup

1.3

Added button to TinyMCE to make it easier to add lists to pages and posts without having to remember the shortcode.

1.2

  • Updated with the news specs from Spotify
  • Responsive mode added
  • Simplified admin page

1.1

Added link for opening the lista in Spotify, you can disable it in the settings

1.02

Cleanup

1.01.b

Requires and Tested versions.

1.01.a

Touch to make you know it still works fine. 🙂

1.01

  • Getting assets right, editing readme

1.00

  • I feel confident!