【WordPressプラグイン】ダウンロードマネージャーで音声ファイルを配布する

こんにゃちは!

この音素材配布サイトを作るにあたって【Download Manager】というプラグインを使用したのですがなかなか思うような見た目にならず、検索しても調べたいことがヒットしなかったのでこちらにメモを残しておきます。

現在このサイトのフリー素材ページはこのような見た目になっています↑(こちらは画像です)

音を配布する場合、視聴も出来るようにしたいですが設定を変更しないとこのように表示されません。それまでの流れを書いていきます。あと他にも表示の種類があるのでそちらも紹介します。

基本の操作

知ってるよーという方はここは飛ばしてください。

1 Download Managerをインストールし有効化すると「ダウンロード」という項目が追加され、新規追加ボタンで配布したい素材をひとつずつ追加していきます。

downloadmanager

2 追加したらショートコードをコピーし、固定ページなどで表示させたい場所にペーストします。そうしたらもうダウンロード配布できます。

つまずきポイント!

この間にちょっとつまずいたところがあったので一応それも書いておきますね。

ダウンロード→新規追加のページでダウンロードさせたい素材を赤く囲っている右枠で設定するのですが、【メディアライブラリから選択】からダウンロードさせたい素材を選んでも、ダウンロードできません。メディアライブラリとは別にサーバーにアップする必要があるみたいで、緑のとこの【Drop file here】に 音源ファイルをドロップさせるのが確実かと思われます。

要は【サーバーから選択】から選んだ素材しかダウンロードできません。

見た目の種類

ここからは見た目の変更方法、種類をざっと紹介していきます。

(ダウンロードボタンと再生コントローラーはCSSで装飾後のままで紹介させていただきます、そこのところ悪しからず…)

種類1「プレーン」

[wpdm_package id='815']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

種類2「オーディオプレビュー付き」

[wpdm_package id='815' template='link-template-audio']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

春の森

688.84 KB 25 ダウンロード

種類3「ボタンテンプレート」

[wpdm_package id='815' template='link-template-button']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

種類4「召喚状3」

[wpdm_package id='815' template='link-template-calltoaction3']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

アイコン

春の森 688.84 KB 25 downloads

春の爽やかなわくわく感のあるBGM。 https://animalbgmshop.com/wp-content/uploads/2022/01/harunomori.mp3 ...

音声メディアは表示されないみたいです…

種類5「デフォルトテンプレート(拡張)」

[wpdm_package id='815' template='link-template-default-ext']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

これが実際にこのサイトで使っているテンプレートです。

種類6「アイコン付きのデフォルトテンプレート」

[wpdm_package id='815' template='link-template-default-icon']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

種類7「デフォルトのテンプレート(古い)」

[wpdm_package id='815' template='link-template-default-old']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

種類8「ダウンロード数のあるデフォルトテンプレート」

[wpdm_package id='815' template='link-template-default-wdc']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

種類9「デフォルトのテンプレート」

[wpdm_package id='815' template='link-template-default']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

種類10「パネル」

[wpdm_package id='815' template='link-template-panel']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

春の森

688.84 KB 25 ダウンロード

種類11「タブ付きカード」

[wpdm_package id='815' template='link-template-tabcard']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

種類12「ウィジェットテンプレート」

[wpdm_package id='815' template='link-template-widget']

ショートコードをこのように固定ページや投稿ページにペタと張り付けた場合↓

まとめ

現状のテンプレートは以上となっております。

見やすくまとめたのでお好きなタイプを選んでください。wpdm_package idは自分の数字に変更をお忘れなく。

お役に立てれば幸いです。

タイトルとURLをコピーしました