Discordコミュニティを作りました! 参加する

フォーラム

トピックを立てる前にチェック
  1. フォーラムガイドライン」に必ず目を通してください。
  2. バージョンアップデート後に表示がおかしくなった場合は、
    「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。
  3. フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
ダウンロートボタンをプレビュー画面なし...
 
通知
すべてクリア

ダウンロートボタンをプレビュー画面なしでダウンロードできるようにしたい

6 投稿
4 ユーザー
4 Likes
776 表示
yukari4191
(@yukari4191)
投稿: 3
メンバー
Topic starter
 

「PDF資料ダウンロード」ボタンを作り、ボタンを押すとすぐにPDFファイルがダウンロード始まるようにしたいが、プレビュー画面が出てきてしまう。

【試したけどダメだった3つ方法】

①SWELLボタンでボタン作成後、HTML編集でaタグに「download=""」を追加

<div class="swell-block-button -size-custom is-style-btn_normal u-mb-ctrl u-mb-30" style="--the-width:90%"><a href="http://jhethics.jp/wp-content/uploads/2023/08/01_wakinosono.pdf" download=””><span>PDF資料ダウンロード</span></a></div>

②次に試したのがWordpressブロック「ファイル」を使ったダウンロードボタン。これもプレビュー画面が出てしまう。

③次に試したのがプラグイン「Download Manager」を使ってボタンを作ったが、同じくプレビュー画面が出てきてしまう。

【別のテーマではできた】

ちなみに別のテーマ(ルクセリタス)でaタグに「download=""」で試したらすぐにダウンロードが始まった。

https://yukari-pc.com/test-2

 

SWELLでは必ずプレビュー画面が表示されるようになっているのでしょうか?

また、どこを変更すればプレビュー画面なしにできますか?

よろしくお願いいたします。

 

※ダウンロードボタンの作り方で参考にしたページ

https://wp-lab.net/3950/

https://kt-life.net/pdf-bottan/

https://fukappa.work/download-button/

確認項目
利用規約に同意します*, ガイドラインを読み、内容を把握しています*, よくある質問を先にチェック済みです*, 過去に同じようなトピックがないか検索済みです*, Googleなどでも検索してみました, プラグインを停止しても同じことが起こることを確認しました, デフォルトテーマ等、他のテーマでも同じことが起こることを確認しました, 自分で追加したコードに問題がないかチェック済みです, サポート範囲外だということを理解しているが助けが欲しい(有料サポートしてくれる方を探したい)
問題が確認できるページのURL
利用中のSWELL本体のバージョン
2.7.6.2
利用中のPHPバージョン
8.2.10
OS
Windows
利用中のWordPressバージョン
6.2.2
利用中のサーバー会社
ロリポップ
ブラウザ
Firefox、Chrome
利用中のプラグイン一覧

Code Snippets
Disable Right Click For WP
Download Manager
Enable Media Replace
SEO SIMPLE PACK
Site Kit by Google
UpdraftPlus - バックアップ/復元
WP Multibyte Patch

This topic was modified 9か月前 4回 by yukari4191
 
投稿済 : 07/09/2023 7:03 pm
skillsharejp
(@skillsharejp)
投稿: 1006
SWELL高速化顧問
 

PDFについては最終的にブラウザです。例えばChromeの場合の設定は下記を参照。

https://support.google.com/chrome/answer/95759?hl=ja&sjid=6202728258918816409-AP#zippy=%2Cpdf-%E3%83%80%E3%82%A6%E3%83%B3%E3%83%AD%E3%83%BC%E3%83%89%E3%81%AB%E9%96%A2%E3%81%99%E3%82%8B%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88%E3%81%AE%E6%A8%A9%E9%99%90%E3%82%92%E5%A4%89%E6%9B%B4%E3%81%99%E3%82%8B

投稿者:: @yukari4191

Disable Right Click For WP

こちらのプラグインですが、他人に助言を求める間はせめて停止しておくのが良いと思います。サイトにアクセスしてほしいご相談内容の場合は特に・・・

SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。

ご依頼のご相談・お問い合わせ窓口
https://skillshare.biz/inquiry/

 
投稿済 : 08/09/2023 12:37 pm
yukari4191 reacted
かんた
(@swell_mania)
投稿: 608
Https://webrent.xsrv.jp/
 

右クリック禁止のようなのでコードの確認していませんが、download属性の設定を見直してはどうでしょうか?

テスト環境で試した限り、SWELLボタンブロックにdownload属性を付けた場合とそうでない場合、同一のブラウザでPDFファイルであっても別の挙動をします。

■download属性あり
https://webrent.xsrv.jp/demo/swell102/download_attribute/

→プレビューなしでダウンロード。

■download属性なし
https://webrent.xsrv.jp/demo/swell102/no_download_attribute/

→PDFのプレビューが開く。

一般ユーザー
SWELL初心者のために、ブロックパターンライブラリーを運営しています。

 
投稿済 : 10/09/2023 8:22 am
yukari4191 reacted
yukari4191
(@yukari4191)
投稿: 3
メンバー
Topic starter
 

@swell_mania かんた様

教えていただき、ありがとうございます。

右クリック禁止を解除しました。

download属性を付けております。でもプレビュー画面が表示されてしまいます。

https://jhethics.jp/e-learning/

 

 
投稿済 : 13/09/2023 4:25 pm
山本大介
(@b4rskbe5)
投稿: 128
メンバー
 

右クリック禁止されたままに思いますが、同一オリジン (同じドメイン、http/https も同じ、ポート番号も同じ場所にある) のファイルのみが download 属性で有効になります。
download 属性を有効にしたいなら、貴方のサイトと同じサーバ上に保存してそこにリンクしてください。

※他人の資料をこのように使うことはリンク先のサイトで確認した方がいいと思います。

お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン

 
投稿済 : 14/09/2023 5:34 pm
yukari4191
(@yukari4191)
投稿: 3
メンバー
Topic starter
 

@b4rskbe5 山本様

ご教示、ありがとうございます。
お陰様で原因がわかりました。
リンク先のPDFファイルのURLが「http」でした。
「https」に変更したらダウンロードが始まりました。

でもプレビュー画面も開いてしまうので、
ボタンを押したら、プレビュー画面はなしでダウンロードだけするようにするには、どうしたらいいのでしょうか。

 
投稿済 : 14/09/2023 6:49 pm
共有: