WordPressにPDFの【download】ボタン設置
第二回 【download】ボタン設置
Download Monitorプラグインで画像やPDFをダウンロードするページを作る
Download Monitorプラグインをインストール
ワードプレスの管理画面から「Download Monitor」で検索してインストール、有効化。
プラグインの設定
デフォルトテンプレートを「ボックス」に設定。
ダウンロードの新規作成
新規作成をクリックし、タイトルを入力します。
公開をクリックするとショートコードが生成されます。
固定ページを作成
新規に固定ページを作成して、ショートコードを貼り付けます。
作成した固定ページを開きました。
サイズの異なる複数の画像を登録
2つ追加しました。 ダウンロード用の固定ページを表示すると縦に並びます。
横並びに表示する
外観のカスタマイズの追加CSSで表示を横並びにします。
.download-box{
margin-left:5px;
margin-right:5px;
float:left;
}
横並びになりました！
文字が改行されて場合気になる方は。
文字サイズを変更する
追加CSSに追記します。
.download-box{
margin-left:5px;
margin-right:5px;
float:left;
}
.download-box-content h1{
font-size:15px;
}
.download-button{
font-size:
上の２つはよくなりましたが、ファイル名が長いと折り返されます。分かりやすい短めの単語が良いですね。
ダウンロード数を消す
フォーマットの設定でも変更できそうですが、追加CSSに追記しました。
.download-box{
margin-left:5px;
margin-right:5px;
float:left;
}
.download-box-content h1{
font-size:15px;
}
.download-button{
font-size:13px;
}
.download-count{
display:none;
}
消えました。
PDFファイルの用途としては、チラシ、催しのお知らせ、説明書などの用途が多いと思いますが、当サイトでは自己商品の広告などに使用しています。参考に
https://hasegawa-blog.com/pdf-meishi/
訪れてみて下さい。
PDFの資料があればそのまま投稿ページに挿入できるので便利ですよね。またダウンロード出来ると用途が広がって来ると思います。まだ使ったこと無い方はぜひこの機会に導入してみて下さい。
