- 「フォーラムガイドライン」に必ず目を通してください。
- バージョンアップデート後に表示がおかしくなった場合は、
「SWELL設定」>「リセット」からキャッシュクリアを先にお試しください。 - フォーラム内検索で過去に同じようなトピックがないか検索してみてください。
フォーラム
「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=""」で試したらすぐにダウンロードが始まった。
SWELLでは必ずプレビュー画面が表示されるようになっているのでしょうか?
また、どこを変更すればプレビュー画面なしにできますか?
よろしくお願いいたします。
※ダウンロードボタンの作り方で参考にしたページ
https://kt-life.net/pdf-bottan/
https://fukappa.work/download-button/
Code Snippets
Disable Right Click For WP
Download Manager
Enable Media Replace
SEO SIMPLE PACK
Site Kit by Google
UpdraftPlus - バックアップ/復元
WP Multibyte Patch
PDFについては最終的にブラウザです。例えばChromeの場合の設定は下記を参照。
Disable Right Click For WP
こちらのプラグインですが、他人に助言を求める間はせめて停止しておくのが良いと思います。サイトにアクセスしてほしいご相談内容の場合は特に・・・
SWELLフォーラムはユーザーフォーラムのため、開発者以外の回答は全て任意です。当アカウントによる回答もボランティアのため、ヒントの提供に留まる場合があります。
ご依頼のご相談・お問い合わせ窓口
https://kanripress.ne.jp/contact/
WordPress保守管理・セキュリティ対策
https://kanripress.ne.jp/wordpress-maintenance/
右クリック禁止のようなのでコードの確認していませんが、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初心者のために、ブロックパターンライブラリーを運営しています。
@swell_mania かんた様
教えていただき、ありがとうございます。
右クリック禁止を解除しました。
download属性を付けております。でもプレビュー画面が表示されてしまいます。
https://jhethics.jp/e-learning/
右クリック禁止されたままに思いますが、同一オリジン (同じドメイン、http/https も同じ、ポート番号も同じ場所にある) のファイルのみが download 属性で有効になります。
download 属性を有効にしたいなら、貴方のサイトと同じサーバ上に保存してそこにリンクしてください。
※他人の資料をこのように使うことはリンク先のサイトで確認した方がいいと思います。
お仕事のご依頼は https://web.analogstd.com/request/contact からお願いします。
WordPress プラグインも開発しています。
Image Quality Control ・・・ 画像最適化のプラグイン
Combine Social Photos ・・・ Instagram 埋め込みブロックのプラグイン
@b4rskbe5 山本様
ご教示、ありがとうございます。
お陰様で原因がわかりました。
リンク先のPDFファイルのURLが「http」でした。
「https」に変更したらダウンロードが始まりました。
でもプレビュー画面も開いてしまうので、
ボタンを押したら、プレビュー画面はなしでダウンロードだけするようにするには、どうしたらいいのでしょうか。