Sahara's WebLog

日記のような、備忘録のような、うらみつらみのような、自慢のような…。

Simple Download Monitor

ダウンロードのリンクを生成してくれ、ダウンロード数を記録してくれるプラグインはいろいろある。
Simple Download Monitorが良さそうだったので試していたが、ダウンロード用のボタンの記事内での表示が気に入らないので、まったくの我流で直してみた。
その手順。

まずは、ソースを表示して、ボタンまわりがどんな書式か確かめておく。
simple_download_monitor_arr_01

simple_download_monitor_arr_02

手がかりはボタンに表示される「Download Now!」という文字列だ。
simple_download_monitor_arr_03

sdm_download_link とか sdm_download_orange とかが関係しているとわかる。
sdm_download_orange の方は、ボタンの色の指定をオレンジにしてあるので、なんとなくそれとわかる。
simple_download_monitor_arr_04

直接プラグインのフォルダ内のファイルをエディタで編集してもいいが、ここではWordPress上からプラグインの編集を行った。
simple_download_monitor_arr_05
simple_download_monitor_arr_10
display: block とかで検索してみると、
display: inline
display: block
display: inline-block
の3種の違いがなんとなく分かるので、今回の目的に合っている inline に書き換える。
simple_download_monitor_arr_06

ついでに、ボタンのデザインやフォントのサイズも少し変えてみる。
simple_download_monitor_arr_07

変更前
simple_download_monitor_arr_08

変更後
simple_download_monitor_arr_09

これで、いかにも「ボタンですよぉ」という感じで幅を利かせて存在感をアピールするボタンではなくて、文章中に文字に混じって入っててほしいという目的が達成できた。

と、喜んだのもつかの間、こういう風に書いても、
sdm_css_02
一番初めのタグだけは変に文字との間があいてしまう。
sdm_css_01
何故か<hr>を入れると意図したとおりに表示される。
sdm_css_03
なので、まあ、よく分からんが当面は、
<hr color="#FFFFFF">
とでも書いておくことにした。
水平線の分だけ1行空いたようになるが、当座はこれでしのぐ。

このエントリーをはてなブックマークに追加

Posted under: WordPress


コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

Time limit is exhausted. Please reload CAPTCHA.