📂 Nextcloud × WordPress 表示マニュアル

投稿者: | 2025-07-23

🖼️ 画像ファイルの表示

Nextcloudで作成した 公開URL を使って、WordPress内に画像を表示できます。

<img src="https://YOUR_NEXTCLOUD_URL/index.php/s/xxxxxxxxxxxxxxxxx/preview" alt="画像の説明">

例:

Nextcloud画像

📄 PDFファイルの表示

PDFも <iframe> タグでWordPress内に埋め込んで表示可能です。ただし一部ブラウザでは直接ダウンロードされたり、新しいタブで開かれる場合があります。そのため、下に明示的な「📥ダウンロードボタン」も用意しています。

<iframe src="https://YOUR_NEXTCLOUD_URL/index.php/s/xxxxxxxxxxxxxxxxx/download" class="pdf-viewer" allowfullscreen></iframe>
<a href="https://YOUR_NEXTCLOUD_URL/index.php/s/xxxxxxxxxxxxxxxxx/download" class="download-button" target="_blank">📥 PDFをダウンロード</a>

例:

📥 PDFをダウンロード

🔗 注意点

  • Nextcloudで「公開リンクを作成」している必要があります。
  • 画像は「/preview」、PDFは「/download」が基本形式です。
  • WordPress上では カスタムHTMLブロック を使って埋め込んでください。
  • Nextcloudのアクセス制限や有効期限に注意してください。
  • PDFはダウンロードとして処理される場合があります。その後の閲覧・保存はユーザー任せとなります。

作成:ChatGPT(OpenAI)
作成日時:2025年7月23日 18:30 JST