スマートフォンサイトを表示する

  1. TOP
  2. はじめて相談室 : 第44回 PDFをページの中で見せたい!

エキスパートコラム

はじめて相談室

第44回:PDFをページの中で見せたい!

執筆:#fc0(株式会社エフシーゼロ)

2018年12月10日更新

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

閲覧数624views

このコラムをPDF形式でダウンロードする

「はじめて相談室」では、「はじめてWEB」を使ったホームページづくりが初めての方のお悩みや不安にナビゲーターがお答えします!「こんなこと聞いていいのかな…」という方大歓迎の相談室です。

今回は、PDFをページの中で見せたい!というご相談です。

おたより

活動報告などの記事欄に、pdfでPCから資料を入れるのはどうしたら良いですか?(松井さん)

ナビゲーターからの回答

ナビゲーター

松井さんこんにちは、ナビゲーターの立花かずみです。
おたよりありがとうございます!
ご質問は「記事欄に」とあるので、ページの中でPDFを表示させたいということではないかと思います。
今回はその方法を2パターンご紹介しますね!

方法その1(基礎編):PDFをダウンロードしてもらう

Jimdoには、PDFなどのファイルをページに載せるための「ファイルダウンロード」という機能があります。「コンテンツを追加」をしたあと、「その他のコンテンツ&アドオン」をクリックしてよく見るとあるんです!

これを使うと、PDFファイルだけではなくWordやExcelのファイルなども載せることができます。
タイトルや説明文などを設定すると、次の図のような感じで表示されます。
詳しい操作方法や、扱えるファイルの種類については、Jimdoのヘルプを参考にしてくださいね。

「ファイルダウンロード」を使えば、ページを見た人がダウンロードのボタンをクリックすることで、見た人のパソコンにファイルを保存できます。ただ、この場合、PDFをダウンロードしないと中身を見ることができません。

ホームページの中で直接PDFの中身を見せたい!という場合、PDFにひと手間かける必要があります。

方法その2(応用編):PDFを画像に変換して載せる

Jimdoに画像を表示する機能があるのはみなさんご存知かと思います。ここで言う「画像」は、ファイルの拡張子jpg、png、gifのものだけになります。pdfはそのままでは画像としてアップできないので、画像に変換してしまおう!という方法です。

変換の方法はいくつかあるのですが、今回は「PDF to Image」というウェブサービスを使った方法をご紹介します。

  1. PDF to Imageにアクセス
  2. 変換したいPDFを画面にドラッグすると自動的に変換スタート
  3. 変換が終わったらダウンロードボタンをクリック

これだけで、PDFをjpg画像に変換してくれます。複数ページある場合はページの数だけ変換してくれます。

<注意点>
  • 何百ページもあるPDFを変換すると処理しきれないかもしれないので避けましょう。
  • インターネット上のサービスを利用するので、個人情報が含まれるファイルや著作権にひっかかるようなものはアップせず、自分のホームページで公開することを目的としたものだけに利用しましょう。

変換ができたら、あとは普通の写真などと同じようにJimdoでアップロードするだけです!

おまけ(上級編):Googleドライブを使ってPDFを埋め込む

実は「コンテンツを追加」→「その他のコンテンツ&アドオン」をクリックしてよく見ると、「PDF埋め込み」というメニューがあるんです。

これをクリックするとやり方の説明が出てきます。
Googleドライブという、ファイルをインターネット上に保管しておくサービスを使った裏技なのですが、かなり難しいです。上級者の方はJimdoのヘルプにやり方が詳しく載っているので、チャレンジしてみてください!

ということで今回はPDFをページの中で見せる方法を2つご紹介しました!
結構PDFってホームページの中で活躍することも多いものですよね。うまく活用して情報を見やすくできるといいですね!

おたよりお待ちしています!

ナビゲーター

「はじめて相談室」では、みなさまからの「はじめてWEB」の素朴な疑問をお待ちしています!
「こんなこと聞いたら恥ずかしいかも。。。」というご質問大歓迎です!
「はじめてWEB」ナビゲーターがなんでもお答えしちゃいます!
おまちしてまーす!

ナビゲーターへの質問はこちらから!

このコラムでは、パソコン初心者の方からの
「こんなこと聞いてもいいのかしら?」という質問にお答えしています。

  • ※毎月1回程度のコラムですので、急を要する質問にはお答えできません。
  • ※すべての質問にお答えできるわけではありませんので、あらかじめご了承ください。
  • ※Jimdoの操作や、はじめてWEBに関する質問はQ&Aコーナーもご活用ください。

お名前(ペンネーム)

メールアドレス

質問

確認する

はじめてWEB

「はじめてWEB」でホームページを作成しよう!

「はじめてWEB」のホームページ開設支援サービスとは、7つのステップで簡単に無料で作成ができ、さらにその後1年間無料でご利用いただけるサービスです。

さあ、はじめよう!

さあ、はじめよう!

はじめてWEB ホームページ公開の7ステップとポイントを動画でご紹介!!

  • ホームページ公開の7ステップ

    ホームページ公開の7ステップ

    ホームページ公開の7ステップ
  • はじめてWEB サービス紹介

    はじめてWEB サービス紹介

    はじめてWEB サービス紹介
  • このエントリーをはてなブックマークに追加
このコラムをPDF形式でダウンロードする

#fc0(株式会社エフシーゼロ)

#fc0(株式会社エフシーゼロ)

JimdoExpert
http://fc0.vc/

「もっと多くの人に、"Webへの入口"を」をコンセプトに、中小企業や個人商店をメインとしたWebサイトの企画・制作・運営アドバイスなどの業務を行う。また、主に初心者を対象とした講師・執筆も多数。

主な著書に『デザインの学校 これからはじめるFireworksの本』(技術評論社)、『デザインの学校 これからはじめるDreamweaverの本』(同)、『ああしたい、こう変えたいが手にとるようにわかるCSS基礎』(共著、エムディエヌコーポレーション)など。

小さなお店&会社のホームページ Jimdo入門

  • 問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール
  • 文具、通信、オフィスのことなら何でもお任せ!まとめてオフィス
  • 「はじめてWEB」でホームページをはじめよう!
  • Jimdoリメイク | プロがあなたのホームページを50,000円(税抜)でリニューアル!

ホームページを作るのがはじめてのかたはまずこちらをご覧ください

コラム週間アクセスランキング[期間:2019/1/6~2019/1/12]

おすすめコンテンツ

はじめてWEBおすすめ本

創業・経営のお役立ち情報

  • ソウギョウノート

    飲食・小売・サービス業の開業スケジュールから、融資申込に必要な書類までをカンタン作成

  • 経理通信

    経営者と経理ご担当者必見!中小企業・小規模事業者のための経理サポートサイト

  • まとめてオフィス

    文具、通信、オフィスのことなら何でもお任せ

  • フリーコールS

    問い合わせ件数をアップさせるなら!「通話料無料・わかりやすい番号」のフリーコール

  • auオフィスナンバー

    事務所開設するなら固定電話番号で信頼アップ