*

PDFをブログに添付MimeTypes Link Iconsでアイコンもつける

公開日: : 最終更新日:2018/10/04 プラグイン ,

ブログを書いていると、これは画像で貼り付けると小さすぎてみにくいとか、
もっと印刷してもみやすいものを入れたい、なんていうことが出てきます。

そこで利用するのがPDFの添付。

WordやExcelのデータをPDFにしてダウンロードできるようになんて考えます。

そこで、どうやればいいのか・・・となるのですね。

PDFの添付のやり方がわかったら、
そのファイルがひと目でPDFだとわかるマークにしたいですね(^^)。

それらの方法を備忘録的にまとめてみました。


スポンサーリンク


PDFの添付方法


PDFのリンクをブログに貼り付けます。

※WORDやExcelのファイルをPDFにするには、名前をつけて保存でファイルの種類を「PDF」にして保存します。

PDFの貼り付けもブログに画像を追加する方法と同じです。


投稿画面から「メディアを追加」をクリックします。



作成したPDFファイルを「メディアを追加」にドラッグします。


画像の追加と同じようにPDFを選んで「投稿」をクリックします。

図のようになります。


投稿のビジュアルモードでみると図のように表示されます。
          ↓   ↓   ↓


これでOKです。

ブログを訪れた人がクリックすればダウンロードできます。


ただし、これでは記事を読んでいる途中でPDFファイルをクリックするとPDFに移動してしまいます。

記事画面に戻るにはブラウザの戻るをクリックしなければなりません。

その手間を省くためには新規ウィンドウで開いて欲しいですよね。

PDFを別ウィンドウで開くようにする


・ビジュアルモードで貼り付けた後に編集する場合

貼り付けたPDFの上でクリックすると編集ボタンが表示されます。


編集をクリックすると青く反転して右に設定ボタン(歯車アイコン)が表示されるのでクリックします。


リンクの挿入/編集画面が開きます。

そこでURLの下の「リンクを新しいタブで開く」にチェックを入れます。

「更新」ボタンをクリックします。

これでURLが別ウィンドウで開いてくれます。



・初めから別ウインドウで開くように貼り付ける場合

(例:テキストモード どちらのモードでも同じ)

ダッシュボードの左側のメニューから「メディア」⇒「新規追加」をクリックします。


メディアのアップロードをします。


ファイルを選択をクリックし、貼り付けたいPDFを保存場所から選択すると(ドラッグでもok)

ファイルが追加され、ファイルアイコンの横に「編集」ボタンが表示されます。


「編集」をクリックします。


右側のファイルのURLをコピーしてこの画面は閉じます。


WordPressの投稿欄に戻り、PDFを貼り付けたいところにカーソルを置いて「LINK」をクリックします。




リンクの挿入画面が開くので先ほどコピーしたURLを貼り付けます。


リンク文字列にわかりやすい名前をいれます(例は「PDF」)

リンクを新しいタブで開くにチェックを入れます。

これで、URLが別ウィンドウで開いてくれます。

右下の「リンク追加」をクリックします。


投稿画面には図のようにPDFのリンクが追加されます。


テキストモードでは ↑ のようになります。

ビジュアルモード ↓


ビジュアルモードで確認すると、「PDF」というファイル名で貼りついてます。

これでPDFが添付できました!


スポンサーリンク


アイコンの表示方法


このファイルがひと目でPDFとわかるようにしたいですね。

よくみかけるPDFのアイコンにしたいんです

こんなマーク

  ↓  ↓  ↓ 


これはプラグインの導入で簡単にできます。

MimeTypes Link Icons のインストール


使用したプラグインは「MimeTypes Link Icons」です

プラグインの新規追加から検索欄に「MimeTypes Link Icons」と入力します。



今すぐインストールをクリックします。

インストールできたら有効化をクリックします。


ダッシュボードで左メニューの「設定」から「MimeTypes Icons」をクリックします。



「MimeTypes Link Icons」の設定画面が表示されます。


PDFにチェックを入れます。


他にもExcelなどいろいろあるので

今後添付しそうなファイルのアイコンにチェックを入れておきます。


サイズはデフォルトでは16×16ですが、


少し目立つようにしたければ、好みで大きさを選びます。



アイコンの位置は文字の前か後を指定できます。

Display images on left or right から選びます


設定したら下にスクロールして「変更を保存」をクリックします。


PDFの添付 まとめ

やってみると添付もアイコン設置も簡単にできますね。(^^)

ExcelやWORDのファイルを添付する方法も同じです。

必要になったら、いろいろ試してみてくださいね。


楽天マガジン



にほんブログ村

スポンサーリンク




スポンサーリンク




Message

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


ママチャリでもメンテナンス!乗っていなくても空気漏れするわけと適正空気圧

  ママチャリに乗っていると、普段からたいして気にせず

WordやExcelでオリジナル年賀状作り!筆まめ素材利用で楽々作成

11月ともなると、そろそろ年賀状作成しなくちゃ・・と思っている方もいま

大掃除で網戸を丸洗い!キッチンの掃除のあとは揚げ物なんてしたくない!

調味料の断捨離から始めた今年の大掃除。 今朝は気になっていたガラ

プルトップとプルタブ?調味料のビンのフタは外して捨てないとだめ?

ビンでも缶でも、最近は道具のいらない便利なフタが一般的になって

消費期限と賞味期限の意味は?大掃除に調味料の断捨離その捨て方

  食品には「消費期限」か「賞味期限」のどちらかが表示

→もっと見る

  • こんにちは。波空です

    好きなことを自由にやりたくて
    アフィリエイトにチャレンジ中

    好きなものは
    アニメ・漫画・ゲーム・お絵描き・
    映画を観ること・パソコンで遊ぶこと
    ・チョコレート・中島みゆきさんの歌・・

    やりたいことは・・
    空を飛びたい・馬に乗って自由に
    走り回りたい・猫を飼いたい・・

    いろいろあるけど、
    まずは資金と自由な時間を確保
    しないと進まない。
    日々どうしたらできるか考えながら
    リアル仕事に追われています。

PAGE TOP ↑