画像ファイル以外のアップロードとリンク

Wordpressの使い方6

こちらのページでは「画像ファイル以外のファイルのアップロード」と「画像ファイル以外のファイルのリンク」についてご説明させていただきます。
(当社で2015年以降に作成させていただいたWordpressサイトを対象としています。)

WordPressでは画像ファイル以外のファイル(WordやExcel、PDFファイルなど)も編集画面からアップロードし、リンクを貼ることができます。

画像ファイル以外(文書・PDFファイル)のアップロード

アップロード方法は画像ファイルと基本的には変わりません。

1.「メディアを追加」を選択します。

Wordpress 画像の挿入1

2.ファイルをアップロードします。

Wordpress 画像の挿入2

3.「添付ファイルの詳細」にある「URL」を全選択して、右クリックでコピーします。

4.「メディアを挿入」画面を右上の「×」で閉じます。

Wordpress 画像ファイル以外のファイルのアップロード

URLのコピーを忘れてしまったり、コピーができていない場合は、「メディアを追加」→「メディアライブラリ」からアップロードしたファイルを選択するともう一度表示されますので、コピーを再度行ってください。

画像ファイル以外のファイル(文書・PDFファイル)へのリンク

画像ファイル以外のファイルは、画像ファイルのように「投稿」や「固定ページ」内に直接貼り付けることはできません。

そのため、「ファイルはこちら」といった文言や画像にリンクを貼ります。

テキストにリンクを貼る

1.ツールバーの「リンクの挿入/編集」アイコンを選択し、「リンクの挿入/編集」の設定画面を表示します。

Wordpress リンクの挿入

2.「リンクの挿入/編集」の「URL」に文書ファイルやPDFファイルをアップロードした際にコピーしたURLをペーストします。

Wordpress リンクの挿入/編集

3.「リンクの挿入/編集」の「リンク文字列」にリンクを貼りたい文言を入力します。(例:PDFファイルはこちら)

Wordpress リンクの挿入/編集-2

4.「リンクの挿入/編集」の「リンクを新しいタブで開く」にチェックを入れます。(必須ではありませんが、設定をおすすめします。)

5.「リンクを追加」ボタンを選択します。

Wordpress リンクの挿入/編集-3

WordやExcelなどブラウザで閲覧することができないファイル形式がリンクされている場合はダウンロードされます。

画像にリンクを貼る

1.リンクを貼る画像を「配置」や「大きさ」などの指定をして挿入します。(方法がわからない方はこちら→画像のサイズ・配置・挿入

2.ツールバーの「リンクの挿入/編集」アイコンを選択し、「リンクの挿入/編集」の設定画面を表示します。

Wordpress 画像へのリンクの挿入/編集-1

3.「リンクの挿入/編集」の「URL」に入力されているアドレスを削除し、文書ファイルやPDFファイルをアップロードした際にコピーしたURLをペーストします。

Wordpress 画像へのリンクの挿入/編集-3

4.「リンクの挿入/編集」の「リンクを新しいタブで開く」にチェックを入れます。(必須ではありませんが、設定をおすすめします。)

5.「更新」ボタンを選択します。

Wordpress 画像へのリンクの挿入/編集-2

リンクのデモ

下記にある「PDFファイルを表示→」または画像をクリックすると弊社のロゴマークのPDFファイルが表示されます。

PDFファイルを表示→

画像の表示例-サイズの種類 SAMPLE

 

お問い合わせフォーム