WordPressに添付ファイルタイプのアイコンを追加する方法（簡単なチュートリアル）

当社の読者からは、WordPressで添付ファイルアイコンを表示できるかという質問がよく寄せられます。ファイルアイコンを追加すると、ユーザーはダウンロードしているファイルのタイプを一目で識別するのに役立ちます。

添付ファイルアイコンを使用することは、ウェブサイトをよりユーザーフレンドリーにする簡単な方法です。訪問者がコンテンツをよりよく理解するのに役立つ視覚的な手がかりを追加します。

WPBeginnerでは、ユーザーエクスペリエンスを向上させるために、サイト全体でさまざまなアイコンを使用しています。ソーシャルメディアアイコンからファイル添付まで、アイコンはナビゲーションをより明確で直感的にします。

このガイドでは、WordPressに添付ファイルアイコンを簡単に追加する方法を説明します。当社の手順を使用すると、サイト上のファイルのタイプに一致するファイルアイコンを表示できます。

WordPressで添付ファイルアイコンが必要なとき

デフォルトでは、WordPressでは画像、オーディオ、ビデオ、その他のドキュメントをアップロードできます。WordPressでアップロードできる追加のファイルタイプを有効にすることもできます。

メディアアップローダーを通じてファイルをアップロードし、投稿またはページに追加すると、WordPressはファイルを画像、オーディオ、ビデオ、またはサポートされているファイル形式として埋め込もうとします。

その他のすべてのファイルについては、ファイル名がプレーンテキストとして追加され、ダウンロードまたは添付ファイルページにリンクされます。

上記のスクリーンショットでは、PDFファイルとDocxファイルを追加しました。しかし、ユーザーがどの種類のファイルをダウンロードするのかを推測するのは困難です。

ファイルの種類が異なると、リンクの横にアイコンを表示したい場合があります。これにより、ユーザーは探しているファイルの種類を簡単に見つけることができます。

それでは、さまざまなファイルタイプに対してWordPressに添付ファイルアイコンを追加する方法を見てみましょう。

方法1：プラグインを使用してWordPressに添付ファイルアイコンを追加する

ファイルの種類アイコンを追加する最も簡単な方法は、MimeTypes Link IconsのようなWordPressプラグインを使用することです。これは無料で使いやすいプラグインで、さまざまなファイルの種類にアイコンを追加できます。

まず、MimeTypes Link Iconsプラグインをインストールして有効化する必要があります。詳細については、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化後、プラグインの設定を構成するには、設定 » MimeType Iconsページにアクセスする必要があります。

このプラグインでは、アイコンのサイズや、PNGアイコンとGIFアイコンを選択できます。次に、アイコンの配置と、アイコンを表示するファイルの種類を選択する必要があります。

その後、下にスクロールして、ウェブサイトに表示するアイコンを選択できます。たとえば、PDF、PPT、CSV、AVI、RPM、TXTなどのファイルタイプのアイコンがあります。

次に、「詳細設定」セクションまでスクロールダウンできます。

ここでは、ダウンロードリンクの横にファイルサイズを表示するオプションがあります。リソースを大量に消費する可能性があるため、デフォルトではオフになっています。

設定を保存するには、完了したら「変更を保存」ボタンをクリックしてください。

メディアアップローダーを使用して、投稿または固定ページを編集し、ファイルダウンロードリンクを追加できるようになりました。投稿をプレビューするだけで、ダウンロードリンクの横にファイルアイコンが表示されます。

方法2：WordPressの添付ファイルにアイコンフォントを使用する

この方法では、アイコンフォントを使用して、添付ファイルリンクの横にアイコンを表示します。

まず、Font Awesomeプラグインをインストールして有効化する必要があります。ヘルプが必要な場合は、WordPressプラグインのインストール方法に関するガイドを参照してください。

有効化後、WordPressダッシュボードから設定 » Font Awesomeページにアクセスできます。ここでは、プロアイコンを使用するか無料アイコンを使用するかを選択するなど、プラグインの一般設定を編集できます。

次に、添付ファイルリンクを追加したい投稿またはページを編集できます。

コンテンツエディタに入ったら、表示したいアイコンのHTMLコードを入力する必要があります。

そのHTMLコードを見つけるには、Font Awesomeのアイコンライブラリウェブサイトにアクセスできます。検索バーでアイコンを検索し、画像をクリックするだけです。

次に、アイコンとそのHTMLコードのさまざまなバリエーションが表示されます。

コードをクリックしてコピーしてください。

その後、ウェブサイトのWordPressコンテンツエディターに戻り、「+」記号をクリックしてカスタムHTMLブロックを追加できます。

ここから、アイコンのコードをブロックに貼り付けるだけです。

完了したら、ページを発行または更新してください。

これで、ウェブサイトにアクセスして、添付ファイルの種類の新しいアイコンを確認できます。

ボーナス：デジタルファイルを販売してオンラインでお金を稼ぐ方法

添付ファイルの種類のアイコンを追加する方法がわかったので、さらに進んでさまざまなファイルをデジタルダウンロードとして販売できます。これにより、オンラインでお金を稼いだり、無料リソースと引き換えにニュースレターへの登録をユーザーに促したりすることができます。

デジタル製品を販売する最良の方法は、Easy Digital Downloadsを使用することです。これはWordPress向けの最高のeコマースプラットフォームの1つであり、非常に使いやすく設定も簡単です。

私たちはそれをいくつかのビジネスで使用しています。完全なEasy Digital Downloadsレビューで詳細を確認できます。

Easy Digital Downloadsは、PayPalやStripeなどのさまざまな支払いサービスと簡単に統合できます。

それに加えて、販売したいデジタルファイルをアップロードするだけで、オンラインでお金を稼ぎ始めることができます。

このプラグインを使用すると、タイトルや説明などの詳細を追加したり、ダウンロードの価格を設定したり、ダウンロード画像を選択したりできます。

詳細については、WordPressでデジタルダウンロードを販売する方法に関するガイドをご覧ください。WordPressでデジタルダウンロードを販売する方法

ボーナスリソース:

以下は、WordPressウェブサイトとメディアの管理に役立つ可能性のある追加の便利なリソースです。

• WordPressでドキュメント管理またはファイル管理を行う方法
• WordPressで保存した下書きを見つける方法（初心者向けガイド）
• WordPressサイトにPDFファイルをアップロードする方法
• 複数のWordPressサイトを接続する方法（3つの方法）

この記事がWordPressで添付ファイルアイコンを追加する方法を学ぶのに役立ったことを願っています。また、WordPressブログ投稿にPDF、スプレッドシート、その他のファイルを埋め込む方法に関するガイドや、最高のWordPressアクティビティログおよびトラッキングプラグインの専門家による選択も参照してください。

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。