ブログにダウンロードページを作る方法、PDFファイルの公開に便利!

M

2019-03-26
FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など
0 COMMENTS

FC2ブロガーのMです。よく、Webサイトを閲覧していると、ページ内でPDFファイルなどの資料がダウンロードできるボタンが設置してあるのを見たことありませんか?

あれって、どうすれば出来るんだろう?!ちょっと自分のFC2ブログで記事に埋め込みたい資料がありまして…。

読者の人が指定の箇所をクリックすることで、閲覧したり保存が出来るようにしたかったんです。やり方を調べてみると、案外簡単に出来ちゃうんですね(^_^;)

さっそく、「ブログにダウンロードページを作る方法」を試してみることにします。

PDF File

スポンサードリンク

ダウンロードページの基本htmlコード

難しいことをする必要は全然ナシ。下のhtmlコードのように、aタグでリンクを貼るだけだったんです。

‹a href="ファイルのアップロード先URL.pdf"›資料ダウンロード‹/a›

肝心なのは、ファイルのアップロード先をどうするか?です。ボクはFC2ブログなので、通常ならいつものファイルアップロードの方法で使えればそれに越したことなし。ただし、有料ドメインを使用している関係で、FTPにアップロードすることも可能です。いちおう、両方やってみることにしました。

まずは、FC2ブロガーさん用に、FC2のファイルアップロードから試してみます。

FC2ブログはPDFファイルのアップロードが出来なかった!!

まずは、何かPDFファイルを作ってみます。出来上がったところで、さあ、ファイルをアップロード!と思ったら…。

「対応していない形式のファイルです」

エッ?!そんな…

PDFファイルは対応してないんですね(汗)アップロード出来ませんでした。

ならば仕方ない。2ページのPDF文書を1ページずつ画像保存してアップロードしてみます。

▼作ったデモ文書

デモファイル1

デモファイル2

出来上がったのがこちらです。

▼デモ1

資料ダウンロード

▼デモ2

資料ダウンロード

FC2の無料ブログでPDFファイルをダウンロードさせるなら「Googleドライブ」などのオンラインストレージを利用すべし

しかし、FC2の無料ブログでもPDFファイルをリンクさせる方法はあります。それは、無料で使えるオンラインストレージを利用してアップロードする方法です。Googleアカウントを持っているなら、Googleドライブがおすすめです。

Googleドライブ

>>Google ドライブ - 写真やドキュメントなど、ファイルのクラウド ストレージとバックアップ

PDFファイルのアップロード先/FTPを使う場合

FTPなら出来るはず。サーバーに保存したら、保存先のURLをHTMLコードにコピペするだけ。

▼こちらがデモ

資料ダウンロード

おわりに

記事にPDFファイルをそのまま挿入するのもアリですが、ページ数が多かったりすると読み手の閲覧環境の妨げになります。

知っておけばとても便利ですよね(^^)

スポンサードリンク

この記事が気に入ったら
シェア!

 シェア
PDFファイルPDFダウンロードページオンラインストレージブロガーお役立ちWebデザインカスタマイズFC2ブログファイルアップロードブログ運営Googleドライブ
関連記事

Comments 0

There are no comments yet.

コメントする

未分類 (0)
胃がん(ブログ、闘病記録、胃癌ニュース、私の症状など胃ガン情報全般) (5826)
胃がんブログ (247)
よりぬき 胃がんブログ (16)
胃がん闘病記・日記 (5514)
胃がん手術後の食事記録 (6)
胃切除後の料理など (33)
がん治療のクラウドファンディング (10)
胃がん History (83)
ステージ3B 多発性高度リンパ節転移胃癌 (57)
胃がん再発「転移性肝がん」で余命宣告 (25)
がん のこと(ガン情報全般) (432)
がんブログ (243)
がんニュース (189)
胃がん 障害年金ブログ (71)
障害年金 - 準備編 (23)
障害年金 - 審査から年金受給まで (12)
障害年金 - 審査請求・不服申立 (26)
障害年金 - 再審査請求 (10)
Amazon (ニュース、お得なセール情報など) (129)
Amazonセール (2)
📱kindleセール (126)
今日のエッセイ (63)
ニュース・芸能・話題 (640)
恋愛・人間関係 (20)
終活ブログ (10)
グルメ (44)
胃切除後の食事・レシピ (669)
ご飯・おかゆ・和食 (174)
おかず (138)
味噌汁・スープ (73)
カレー関係 (66)
パン・洋食 (63)
麺類 (113)
その他、簡単レシピなど (39)
ブログ (217)
FC2ブログ・便利ワザ・アイテム・HTML・SEO対策など (182)
Google Adsense (アドセンス) (8)
趣味や将棋のこと (26)
ファッション (1)
司法書士 (26)
仕事・実務や登記のこと (1)
事件ファイル (25)
COLLECTION (28)
家電 (13)
ホーム&キッチン (4)
ビューティー&ケア (4)
QOLの改善&ヘルスケア (2)
お酒 (5)