エクセル・ワード文書をダウンロードできるリンクを作成する記事更新日2012年3月5日

意外と良く知られていないのがエクセルやワード、PDFなどの電子ファイルにダウンロードリンクをつける方法ですね。むずかしそうな感じですが実はWordPressの基本機能でとてもかんたんです。

①まずふつうに画像アップロードの画面を開く
※この画面からは画像しかアップロードしたことがないという人がほとんどだと思いますがPDFなどもここからアップロードができます。

 

②ファイルを選択してアップロードをクリックすると以下のような画面になります。

③『ファイルのURL』をクリックして『投稿に挿入』をクリックするとページ上に下記のようなダウンロードリンクが現れます。

WordPress【PDFやエクセルなどのファイルアップロード】

④アイコンをつけてみる。ただのダウンロードリンクだとさびしいのでアイコンを自動で出現させます。

CSSに下記のソースコードを追加してテーマのイメージファイル内にアイコン画像をアップロードします。

a[href $=’.ppt’] {
font-size: 14px;
background:url(img/icon_pps) no-repeat;
margin-top: 30px;
padding-left: 60px;
padding-top: 23px;
padding-bottom: 130px;
}

・アイコンはhttp://pooliestudios.com/projects/iconize/からお借りしました
・上記のコードはパワーポイント用です。PDFだとpptの箇所をpdfに、ワードだとdoc、エクセルだとxlsに変更してください。