📘 公式リファレンス🔧 リファレンス/フィルター初級

file_url フィルター（ファイルCDN URL取得）

Shopify 管理画面の「ファイル」ページにアップロードされたファイル（PDF、画像など）の CDN URL を取得するフィルター。theme.liquid の Liquid テンプレート内で使用する。

用途

利用規約 PDF、プライバシーポリシー、ロゴ画像など、テーマ固定の静的ファイルへのリンクを動的に生成するときに使う。

設置場所

Liquid テンプレート内で `{{ 'ファイル名.拡張子' | file_url }}` の形で使用する。例えば、`<a href="{{ 'disclaimer.pdf' | file_url }}">利用規約</a>` のように記述する。

注意点

ファイルはあらかじめ Shopify 管理画面（設定 > ファイル）にアップロードされている必要がある。ファイル名は管理画面に表示されるとおりの名前（拡張子を含む）を指定する。返値は CDN の完全な URL 文字列なので、`<a>` や `<img>` タグの属性値に直接埋め込める。

タグ:filecdnurlasset

仕様

40 行 / json

{
  "category": "hosted_file",
  "deprecated": false,
  "deprecation_reason": "",
  "description": "",
  "parameters": [
    {
      "description": "The desired image size.",
      "name": "size",
      "positional": true,
      "required": false,
      "types": [
        "string"
      ]
    }
  ],
  "return_type": [
    {
      "type": "string",
      "name": "",
      "description": "",
      "array_value": ""
    }
  ],
  "examples": [
    {
      "name": "",
      "description": "",
      "syntax": "",
      "path": "/",
      "raw_liquid": "{{ 'disclaimer.pdf' | file_url }}",
      "parameter": false,
      "display_type": "text",
      "show_data_tab": true
    }
  ],
  "summary": "Returns the [CDN URL](/themes/best-practices/performance/platform#shopify-cdn) for a file from the\n[Files](https://www.shopify.com/admin/settings/files) page of the Shopify admin.",
  "syntax": "string | file_url",
  "name": "file_url"
}

出典・ライセンス

Source:: Shopify/theme-liquid-docs/data/filters.json
Repository:: https://github.com/Shopify/theme-liquid-docs
License:: MIT

このコードは Shopify 著作の MIT ライセンスソースです。原本の著作権は Shopify が保有します。日本語訳は ALSEL によるものです。

file_url フィルター（ファイルCDN URL取得）

仕様

出典・ライセンス

関連項目

avatar フィルター（顧客アバター画像HTML生成）

default_errors フィルター（フォーム送信エラーを日本語化）

date フィルター（日付を指定形式でフォーマット）

payment_terms フィルター（Shop Pay分割払いバナーを生成）

abs フィルター（数値の絶対値を取得）

append フィルター（文字列の末尾に追加）