DESIGN WEB WING|Affinger5 WORDPRESS プラグイン

【wordpressダウンロードプラグイン】「Simple Download Monitor」を設置&デザイン変更

投稿日:

ダウンロードが出来るプラグインを導入したい!

プラグインに求めること

  • ダウンロードが出来る。
  • カウントもしたい。
  • シンプルで日本語対応のプラグイン。

 

そんな素敵なプラグインがありました!

Simple Download Monitor!!!!

ダウンロードが出来るプラグインを導入したい! プラグインに求めること ダウンロードが出来る。 カウントもしたい。 シンプルで日本語対応のプラグイン。   そんな素敵なプラグインがありました! Simple Download Monitor!!!!

 

 

他にも何点がありましたが、Simple Download Monitorにしました!

 

プラグインを選ぶ時のコツ

  • 最終更新が直近のもの(頻繁に直している)
  • アイコンがおしゃれでスマートなもの(使いやすい場合が多い)

 

さっそくプラグイン導入

 

1.まずは、有効化

いつものプラグインと同様にダウンロード、有効化してください。

2.日本語化

日本語ファイルのダウンロードを下記URLからダウンロード出来ます!

http://mitemita.com/simple-download-monitor_language-file-download/

 

サーバーの指定の場所へアップロードすると反映される優れものです!
感謝!

 

3.Simple Download Monitorの設定

「ダウンロード」タブから「設定」

 

カラー設定から好きな色を選ぶ

 

デザインをカスタマイズしたので好きな色を指定することが出来ました!

デザイン変更については以下に記載しております!

 

基本設定は以上。

あとは実際に使ってみてから調整することにします!

 

使用方法

 

 

新規追加からアップロード!

  • タイトル
  • 説明(本文)
  • ファイルの選択

 

 

この3点のみ作業して「公開」=「保存」します。

 

投稿ページエディター内からダウンロードアイコンを選択

そこから先ほど保存した貼り付けたいデータのタイトルを選択

なにもチェックせず貼り付けた状態

 

ただダウンロードボタンだけが貼られました!

 

ファンシーボックスにチェックを入れた状態

[sdm_download id="80" fancy="1" color="black"]

デフォルトのボタンデザインは異なります。
デザイン変更については以下に記載しております!

説明文やタイトル、ダウンロード数も一緒に貼られました!

 

ダウンロードページをどれくらい作るかなど、自分のサイトの容量で決めるのが良さそうですね!

 

ファンシーボックスを含めずにダウンロード数を知る方法はあるのかな?

ダウンロードデータ一覧ページからダウンロード数を確認可能です。

 

使い分けできるのは便利ですね!

 

ボタンをもっとおしゃれに変えたい!

フラットなデザインに変えたい・・・

デフォルトのボタンデザイン

 

 

デザインを修正した後のデザイン

[sdm_download id="80" fancy="0" color="black"]

 

フラットデザインに直した時のCSS

このコードを使う場合「ブラック」を指定してください!

/*ダウンロードブラックボタンデザイン修正終了*/
.sdm_download.black {
background: #26C6DA;/*ここを好きな色に!*/
box-shadow: none;
border: none;
text-shadow: none;
margin:0px 0px 30px 0;
padding: 22px;
}

.sdm_download_link {
text-align: center;
}

.sdm_download {
font: bold 20px/12px Quicksand ,sans-serif; /*フォントサイズを変えるならここです!*/
border-radius: 5px;
}

/*ダウンロードボタンデザイン修正終了*/

 

出来たかな?

 

SIMPLE DOWNLOADに新たな問題発生・・・

sdm_downloadsを検索から除外したい。

ウィジットからの検索でダウンロードページも引っかかり、ダブって結果が出てしまう。。。

ピンクで検索したらこんな感じ。

 

 

下記サイトを見つけたので頑張ってやってみます・・・

参考サイト:https://www.momosiri.info/wppi/simple-download-monitor/

 

指示されたPHPにPHPコードを挿入すればOK!

作業後、505errorが出て全て真っ白に!
焦ったよ・・・
でも出来ました!

 

ダブって検索されなくなりました!

 

 

 

 

どうしてHTTP ERROR505が?!

真っ白になると頭も真っ白になります。笑
怖い・・・

 

原因は下記コピーコードが文字化けしたから(笑)

正解: ‘exclude_from_search’ => true,

失敗:''が?になっていた。

 

ちゃんと見れば大丈夫!
そりゃそうでしょ!

 

Copyright© うふふ.TOKYO , 2019 All Rights Reserved.