BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» livedoorカスタマイズ PDF文書を記事に貼り付ける方法

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

livedoorカスタマイズ PDF文書を記事に貼り付ける方法

   投稿日: 2016/09/22    投稿者:webコラム

476cf0b4427f60cfe230fcc85160ed5d_s.jpg

こんにちは! ライターのモモタロウです。

今回は、livedoorブログカスタマイズ PDF文書を記事に貼り付ける方法をお伝えします。

最初の画像をPDF化して、ライブドアブログの記事に貼り付けたいと思います。

ライブドアブログにPDF文書を貼り付けてみよう


まず、livedoorブログにログインします。

20160910-1.jpg

上の画像で、四角で囲った部分、「画像/ファイル」をクリックします。

20160910-2.jpg

「画像管理」の画面に変わるため、並んでいるタブの「ファイル管理」をクリックします。

20160910-3.jpg

下方にある「アップロード」をクリックして、アップしたいPDF文書を選択します。

今回は「文書.pdf」をアップロードします。

20160910-4.jpg

「文書.pdf」というファイル名がアップされていることが上の画像でわかります。

前もってこの「文書.pdf」のURLを確認しておきます。
「文書.pdf」をクリックです。


20160910-4-1.jpg

別ウィンドウでPDFファイルが立ち上がります。上の画像のように、四角で囲ったURL部分をコピーしておきます。

20160910-5.jpg

「記事を書く」で、「HTMLタグ編集」をクリックし、そのうえで、

<embed src="埋め込みたいファイルのURL" width="表示したい幅" height="表示したい高さ">

―を記事に書き込みます。

先ほどのURLを"埋め込みたいファイルのURL"にペーストします。

「表示したい幅」「表示したい高さ」はそのままにしておきます。

プレビューをクリックすると・・・

20160910-6.jpg

上の画像のように、PDF文書が記事に埋め込まれました。


貼り付けるPDFファイルを任意の大きさに変更してみよう


次に、ライブドアブログに表示されるPDF文書の大きさを変えてみましょう。

その場合、「文書.pdf」では、うまくいかないことがあります。
「文書」が日本語(漢字)だからです。
そこで、pdfファイル名を変更します。

20160910-7.jpg

先ほどの「画像/ファイル」の「ファイル管理」で、
ファイル名の名前変更で名前を変えることが可能です。

「文書.pdf」を「document.pdf」にしました。

20160910-8.jpg

上の画像のように「埋め込みたいファイルのURL」と「表示したい幅」「表示したい高さ」を
「~document.pdf」「"500"」「"300"」に変更します。

プレビューをクリックすると・・・

20160910-10.jpg

まとめ


いかがでしたか?

このほかに、音声データを直接貼り付けることも可能です。

今回はPDF文書の貼り付け方をご紹介しました。
是非、試してみてくださいね!


カテゴリ:

TOPへ