WordPressファイルブロックの使用方法

WordPressファイルブロックを使用すると、ページや投稿内にファイルのダウンロードリンクを簡単に追加できます。 これは、選択したファイルの種類に基づいてさまざまなオプションを追加するため、最もユニークなWordPressブロックの1つです。 このブロックの使い方をよく知っていると、ダウンロードに注意を引くことができます。

この記事では、ファイルブロックを見て、投稿やページに追加する方法を説明します。 また、その設定とオプションを確認し、使用するためのヒントとベストプラクティスを確認し、よくある質問を確認します。

投稿またはページにファイルブロックを追加する方法

ファイルブロックを追加するには、まず、ブロックを配置する場所またはエディターの左上隅にあるブロックインサーターツールをクリックします。 次に、ファイルを検索して選択します。

タイプ/ fileでブロックを追加し、ブロックを表示する場所でEnterキーを押すか、入力時に表示されるオプションからファイルを選択することもできます。

次に、ファイルブロックがコンテンツ領域に追加されます。

これを使用するには、ファイルをアップロードするか、メディアライブラリを選択してファイルを選択するだけです。 PDFにはファイルのプレビューが表示されます。 PDFのツールは、ブラウザによって異なります。 ChromeでPDFを表示しています。これには、PDFメニューを表示または非表示にしたり、タイトル、ページ番号、拡大縮小、ページに合わせたり、回転、ダウンロード、印刷、PDF表示オプションを表示したりするためのPDFツールが含まれています。

画像などの他のファイルには、ファイル名とダウンロードボタンが表示されます。

ファイルブロックの設定とオプション

ファイルブロックには、ブロック自体と右側のサイドバー内の設定とオプションが含まれています。

ファイルブロックツールバー

ブロックを選択すると、ファイルブロックツールバーがブロックの上に配置されます。

ボタンのファイル名など、ファイル内のテキストを選択して、テキストの新しい設定を追加します。

ブロックタイプまたはスタイルの変更

ブロックスタイルを列またはグループに変更できます。 列は列の数を変更しますが、グループを使用すると、複数のブロックのスタイルを1つのブロックとして制御できます。

ドラッグアンドムーブ

ドラッグツールを使用すると、ブロックを任意の場所にドラッグできます。 移動ツールの上下の矢印を使用して、コンテンツ内でブロックを上下に移動することもできます。

ファイル変更の調整

配置オプションには、左、右、広い幅、および全幅が含まれます。 画面のその側に左右に配置し、その下の段落のテキストでラップします。

これは広い幅です。 コンテンツ領域の左側にブロックを配置します。

太字と斜体

ファイル名またはダウンロードボタンを選択すると、太字と斜体のオプションが表示されます。 これらは強調表示するテキストに影響し、一緒に使用することも、個別に使用することもできます。 ファイル名を太字にし、ボタンのテキストを斜体にしました。

より多くのオプション

[その他のオプション]は、テキストのスタイルを設定するためのオプションを開きます。 例にそれらのいくつかを追加しました。 それらが含まれます：

インラインコード–テキストをコードのようにスタイル設定します。

インライン画像–メディアライブラリからマウスカーソルの位置に画像を追加します。 ボタンに画像を追加しました。

キーボード入力–キーボードのHTML形式でテキストのスタイルを設定します。

取り消し線–上の画像のファイルのタイトルのように、テキストに線を引きます。

下付き文字–テキストを下付き文字にします。

上付き文字–テキストを上付き文字にします。

テキストの色–上記のファイルのタイトルのように、テキストの色を変更できます。 アイコンを使用すると、ツールバーに移動します。

カラーオプションには、事前に選択したカラーを含めるか、カスタムカラーピッカーを作成します。 カラーピッカーには、16進コード、RGBコード、またはHSLコードのフィールドが含まれています。

ファイル置換

このオプションを使用すると、ファイルをライブラリの別のファイルまたはアップロードしたファイルと交換できます。

URLをコピー

これにより、ファイルのURLがクリップボードにコピーされます。 URLがコピーされたというメッセージが左下隅に表示されます。

オプション

オプションが含まれています：

その他の設定を非表示–サイドバーを非表示にします。

コピー–ファイルブロックをコピーして、コンテンツ内に貼り付けることができます。

複製–ファイルブロックの複製を元のファイルの下に配置します。

前に挿入–ブロックを追加できるファイルブロックの前にスペースを配置します。

後に挿入–ファイルブロックの後に、ブロックを追加できるスペースを配置します。

移動先–ファイルブロックの移動先を制御できる青い線を配置します。

HTMLとして編集–HTMLを編集できるブロックのコードエディタバージョンを開きます。

再利用可能なブロックに追加–ファイルブロックを再利用可能なブロックに追加します。

グループ–一緒に調整できるグループにブロックを追加します。

ブロックの削除–ファイルブロックを削除します。

ファイルブロックサイズ変更ツール

ファイルがPDFの場合、PDFプレビューの下にサイズ変更ツールが表示されます。 このツールをつかんで上下にドラッグすると、プレビュー領域の高さのサイズが変更されます。

ファイルブロックサイドバー設定

サイドバーの設定には、テキストリンク、ダウンロードボタンの設定、および詳細が含まれます。 右上隅の歯車をクリックして、サイドバーを開いたり閉じたりします。 ブロックをクリックすると、サイドバーが[ファイルブロック]オプションに変わります。

ファイルがPDFの場合、PDFの新しいオプションセットが追加されます。

PDF設定

Show Inline Embedを使用すると、PDFプレビューを有効または無効にできます。 デフォルトで有効になっています。 無効にすると、タイトルとダウンロードボタンが表示されます。 この例は、それが無効になっていることを示しています。

高さ（ピクセル単位）には、PDFプレビューの高さを調整できるスライダーとフィールドがあります。 実際のサイズより小さくすると、側面にスクロールバーが追加されます。

テキストリンク設定

テキストリンク設定では、ファイル名リンクの機能を選択できます。 メディアファイルまたはファイルの添付ページにリンクさせることができます。 同じタブまたは新しいタブで開くこともできます。

ファイルダウンロードボタンの設定

このオプションを使用すると、ダウンロードボタンを表示または非表示にできます。 これは、ファイル名をダウンロードリンクとして使用する場合に役立ちます。

高度

詳細設定には、HTMLアンカーと追加のCSSクラスが含まれます。 アンカーは一意のURLを作成するため、ブロックに直接リンクできます。 CSSクラスフィールドを使用すると、カスタムCSSクラスを追加してファイルブロックのスタイルを設定できます。

ファイルグループの色設定

ファイルブロックをグループに変換した場合は、テキスト、背景、およびリンクの色の設定が表示されます。 ブロックを選択すると、引き続き通常の設定にアクセスできます。

ファイルブロックを効果的に使用するためのヒントとベストプラクティス

テキストを選択して新しいタイトルを入力することにより、リンクがユーザーにとって意味のあるものになるように、表示されるタイトルリンクに名前を付けます。

ボタンにラベルを付けて、ユーザーが何を期待できるかがわかるようにします。 不要な場合はボタンを無効にしてください。

ボタンとタイトルテキストのスタイルを設定して、ダウンロードを他のコンテンツと区別できるようにします。 読みやすく、背景とのコントラストが良い色を使用してください。

背景のスタイルを設定する場合は、ブロックをグループに変換します。

PDFプレビューのサイズを変更して、コンテンツのデザイン領域に収まるようにします。 コンテンツを非表示にしておきたい場合、または最初のページがコンテンツ内で見栄えが悪い場合は、PDFプレビューを無効にします。

ファイルブロックに関するよくある質問

ファイルブロックの目的は何ですか？

訪問者がファイルをダウンロードできるようにダウンロードボタンを提供するため。

ファイルブロックを使用する利点は何ですか？

それはあなたがあなたがスタイルを整えそして制御することができるリンクとボタンを提供することを可能にします。 ダウンロードへのリンクを貼り付けると、リンクが埋め込みブロックに変換されます。これにより、スニペットを表示したり、希望とは異なる方法でプレビューしたりできます。

どんなファイルに使えますか？

PDF、オーディオ、ビデオ、画像、ドキュメント、プラグイン、子テーマなど、ダウンロード可能なあらゆる種類のファイルに使用できます。

すべてのファイルタイプがサポートされていますか？

いいえ。WordPressがサポートしていないzipファイルやその他の拡張機能をアップロードすることはできません。

複数のファイルをダウンロードできますか？

いいえ。各ファイルブロックは、一度に1つのファイルにのみ接続できます。

ダウンロード可能なファイルを更新できますか？

はい。 新しいファイルを選択するには、[置換]オプションを選択します。 元のファイルと同じ名前で名前を付けることができます。

ファイルブロックを別のブロックに変換できますか？

はい。 列またはグループになることもできます。

結論

これがWordPressファイルブロックの見方です。 これは、多くのファイルタイプを提供できる単純なブロックであり、リンクのテキストとボタンのオプションが含まれています。 どちらも個別にスタイルを設定できます。 ファイルがPDFの場合はプレビューが追加され、調整可能であることが気に入っています。 このブロックは、Webサイトからダウンロード可能なファイルへのリンクを提供するのに最適です。

我々はあなたから聞きたい。 ファイルブロックを使用していますか？ コメントであなたがそれについてどう思うか教えてください。

Jane Kelly /shutterstock.comによる注目の画像