公開（Publishing）ワークフローガイド
PDF Connect の強化された公開（Publishing）システムを使って、Shopify ストア全体に効率よくPDFを公開する方法を説明します。
概要: 2ステップの公開プロセス
PDF Connect では、「コンテンツ管理」と「表示設定」を分けた、シンプルな2ステップのワークフローを採用しています:
- 🔗 PDFをリンク - PDFをページ、商品、コレクションなどに関連付けます
- 🎨 Theme App Extension を追加 - Shopify のテーマエディタで、PDFの表示方法を設定します
この分離により、柔軟なコンテンツ運用と、ストア全体で一貫した表示を両立できます。
ステップ1: PDFをリンクする
ページタイプを理解する
PDF Connect は、Shopify の主要なページタイプにリンクできます:
| ページタイプ | 用途 | 例 |
|---|---|---|
| Products | データシート、マニュアル、仕様書 | 商品マニュアル、サイズ表、保証情報 |
| Collections | カタログ、購入ガイド | 春のカタログ、バイヤーズガイド、コレクション概要 |
| Blog Articles | 資料、補足コンテンツ | ダウンロード用チェックリスト、研究資料、テンプレート |
| Custom Pages | ポリシー、フォーム、案内 | プライバシーポリシー、返品フォーム、会社パンフレット |
| Homepage | 注目コンテンツ | 会社概要、注目カタログ、ウェルカムガイド |
| Search Page | 見つけやすい共通資料 | FAQ、サイトガイド、ヘルプ資料 |
リンク手順
- PDF管理を開く: PDF Connect アプリで対象のPDFを開きます
- リンク開始: 右上の「Link」ボタンをクリックします
- ページタイプ選択: ドロップダウンから選択します（Products / Collections / Articles など）
- 検索して選択: 検索バーで対象を探すか、ページネーションされた一覧から選びます
- 確定: 「Link to [X] [Page Type]」をクリックして完了します
リンクの便利機能
スマート検索
- 部分一致: 例:
tshirtで「Premium T-Shirt Collection」を見つけられます - リアルタイム更新: 入力に合わせて結果が更新されます
- 広いマッチング: タイトル、ハンドル、説明文などを対象に検索します
効率的な操作
- ページネーション: 「Load More」で大規模な一覧を扱えます
- 一括選択: 複数項目をまとめて選択し、効率よくリンクできます
- クイックフィルタ: ステータスやタイプなどで絞り込めます
クロスリンクの考え方
同じPDFを複数のページタイプにリンクして、露出を最大化できます:
- 商品マニュアル → 商品ページ + ヘルプ記事
- 会社パンフレット → ホームページ + 会社概要ページ + お問い合わせページ
- サイズガイド → 関連するすべての商品ページ + サイズガイドページ
ステップ2: Theme App Extension を追加する
表示スタイルを理解する
用途と表示場所に合わせて、適切な表示スタイルを選びましょう。
📄 Embedded PDF
おすすめ: お客様にすぐ見せたい主要コンテンツ
見た目: PDFをページ内に直接表示
向いている用途: 商品仕様、メニュー、技術ドキュメント
モバイル: 画面サイズに合わせてビューアが調整されます
🔘 PDF Button
おすすめ: 任意/補足のコンテンツ
見た目: クリックでPDFをポップアップ（オーバーレイ）表示するボタン
向いている用途: 取扱説明書、追加資料、詳細仕様
モバイル: タッチしやすいボタンと最適化されたポップアップ
📋 PDF List
おすすめ: 関連ドキュメントが複数ある場合
見た目: タイトル/説明付きの整理されたリスト
向いている用途: 資料ライブラリ、ドキュメント集、ダウンロードセンター
モバイル: モバイル閲覧向けの縦積みレイアウト
テンプレートへ拡張を追加する
1. Access Theme Editor
- Online Store > Themes > Customize を開きます
- 変更したいテンプレートを選びます
2. テンプレート種類を選ぶ
PDFをリンクしている場所に応じて、対象テンプレートを選びます:
- 商品にリンクしたPDF → Product テンプレート
- コレクションにリンクしたPDF → Collection テンプレート
- ブログ記事にリンクしたPDF → Article テンプレート
- 固定ページにリンクしたPDF → Page テンプレート
- ホームページにリンクしたPDF → Index テンプレート
3. Add PDF Extensions
- 追加したいセクションへ移動します
- "Add block" をクリックします
- "Apps" タブを選択します
- PDF Connect の拡張（Extension）を選びます:
- PDF Connect - Embedded PDF
- PDF Connect - PDF Button
- PDF Connect - PDF List
4. Configure Settings
右側パネルで設定を調整します:
- Display Options: タイトル/説明の表示・非表示
- Styling: 色、サイズ、余白
- Behavior: ダウンロード設定、ポップアップの挙動
- Mobile: レスポンシブ設定
複数拡張の使い分け
同じテンプレートに複数のPDF拡張を追加し、目的別に使い分けられます:
例: 商品テンプレート
- Embedded PDF in main content area → Primary product manual
- PDF Button in sidebar → Optional warranty information
- PDF List at bottom → Related resources and downloads
例: コレクションテンプレート
- PDF List at top → Collection catalog and buying guides
- PDF Button in header → Quick access to size guides
ベストプラクティス
コンテンツ運用
- 戦略的にリンクする: 最も関連のあるページタイプにPDFをリンクします
- 命名を統一する: 分かりやすく説明的なPDFタイトルにします
- 定期的に更新する: リンク済みPDFを最新かつ適切な状態に保ちます
- モバイルで確認する: かならずモバイル端末でも表示を確認します
パフォーマンス最適化
- 埋め込みは必要最小限に: ページ速度を維持するため、埋め込みPDFは控えめにします
- PDFサイズを最適化: アップロード前にPDFを圧縮します
- 配置を工夫する: 価値が最大になる位置に拡張を配置します
- 読み込み戦略: 任意コンテンツはボタン/リスト表示にします
ユーザー体験
- 目的を明確に: そのPDFがなぜ有用かが一目で分かるようにします
- アクセスしやすく: 重要PDFを見つけにくい場所に置かないようにします
- モバイル優先: モバイル体験が良好か確認します
- 高速表示: ページ読み込みが速い状態を保ちます
テンプレート管理
- スタイルを統一: テンプレート間で設定を揃えてブランド一貫性を保ちます
- 表示スタイルを使い分け: コンテンツ種別に合わせて表示スタイルを変えます
- 定期的に棚卸し: PDF拡張を入れているテンプレートを定期的に確認します
- 利用状況を確認: よく閲覧されるPDFを把握して改善に活かします
トラブルシューティング
PDFが表示されない
- リンクを確認: 正しいページタイプにリンクされているか確認します
- テンプレートを確認: 正しいテンプレートに拡張を追加しているか確認します
- 設定を確認: 拡張の表示・設定項目を確認します
- モバイルで確認: モバイルでのみ発生する問題もあります
パフォーマンスの問題
- PDFサイズ: 大きい埋め込みPDFはページ読み込みを遅くします
- 拡張の数: 拡張が多すぎるとパフォーマンスに影響します
- モバイル最適化: レスポンシ ブ設定が適切か確認します
- ブラウザ互換: 複数ブラウザでテストします
テーマ互換性
- 最新テーマ: PDF Connect は主要な最新 Shopify テーマで動作します
- 拡張対応: テーマがアプリ拡張（app extensions）に対応しているか確認します
- カスタムコード: 大きくカスタマイズされたテーマでは開発者の対応が必要な場合があります
- 更新: 互換性のため、テーマとアプリを最新に保ちます
このワークフローを使うことで、ニーズの変化に対応する柔軟性を保ちつつ、ストア内のどこに・どのようにPDFを表示するかを完全にコントロールできます。