حل مشکل پخش شدن فیلم به جای دانلود در وردپرس

اگه کاربر روی دکمه دانلود فیلم یا فایل صوتی کلیک می‌کنه، ولی فایل داخل مرورگر پخش می‌شه، معمولاً لینک خراب نیست. مرورگر فایل‌های پشتیبانی‌شده‌ای مثل بعضی فایل‌های MP4 و MP3 رو می‌شناسه و می‌تونه همون‌جا پخششون کنه. برای تغییر این رفتار، اول می‌تونید از بلوک File وردپرس یا صفت download کمک بگیرید.

توی این آموزش، ساده‌ترین روش ساخت دکمه دانلود در وردپرس رو می‌بینید. بعد هم سراغ لینک‌های HTML، فایل‌های روی CDN، تنظیم هدر سرور و لینک‌هایی می‌ریم که داخل قالب ساخته می‌شن. لازم نیست از قبل کدنویسی بلد باشید؛ هر اصطلاح فنی رو همون‌جایی که لازم باشه با یک مثال ساده توضیح می‌دیم.

چرا فیلم یا فایل صوتی به‌جای دانلود پخش می‌شه؟

نقش مرورگر و نوع فایل

مرورگرهای جدید می‌تونن خیلی از فرمت‌های صوتی و تصویری پشتیبانی‌شده رو مستقیم نمایش بدن. پس وقتی لینک معمولی یک فایل MP4 یا MP3 رو باز می‌کنید، مرورگر ممکنه به‌جای شروع دانلود، پخش‌کننده داخلی خودش رو نشون بده. البته نتیجه به فرمت، کدک فایل و مرورگر هم بستگی داره؛ کدک هم روشی هست که برای فشرده‌سازی و پخش صدا یا تصویر استفاده می‌شه.

این رفتار به نوع فایل، مرورگر و تنظیمات کاربر بستگی داره. برای نمونه، ممکنه یک لینک در یک مرورگر دانلود بشه، ولی همون لینک در مرورگر دیگه داخل صفحه باز بشه. به همین دلیل بهتره دکمه دانلود رو در چند مرورگر امتحان کنید.

تأثیر محل میزبانی فایل و تنظیمات سرور

محل نگهداری فایل هم مهمه. اگه فایل روی دامنه خود سایتتون باشه، صفت download معمولاً انتخاب ساده‌ایه. ولی اگه فایل روی CDN یا دامنه دیگه‌ای نگهداری بشه، مرورگر ممکنه این صفت رو اجرا نکنه.

CDN یعنی شبکه‌ای از سرورها که فایل رو از یک محل نزدیک‌تر به کاربر تحویل می‌ده. اگه فایل‌های حجیم زیادی دارید، می‌تونید با تفاوت‌های هاست دانلود و هاست معمولی هم آشنا بشید. در این حالت، تنظیمات سرور فایل مشخص می‌کنه مرورگر محتوا رو نمایش بده یا مثل یک فایل دانلودی تحویل بگیره.

ساده‌ترین روش ساخت دکمه دانلود در وردپرس

اضافه کردن فایل با بلوک File

برای شروع، بهتره از بلوک File وردپرس استفاده کنید. این بلوک لینک فایل و یک دکمه برای دسترسی به فایل رو بدون نوشتن کد می‌سازه. بااین‌همه، باز شدن یا دانلود مستقیم فایل همچنان می‌تونه به مرورگر و تنظیمات سرور بستگی داشته باشه.

نوشته یا برگه موردنظرتون رو در ویرایشگر وردپرس باز کنید. روی دکمه افزودن بلوک با علامت + کلیک کنید. عبارت File یا پرونده رو جست‌وجو و بلوک رو انتخاب کنید. فایل رو از کامپیوتر بارگذاری کنید یا یک فایل موجود رو از کتابخانه رسانه انتخاب کنید.

تنظیم متن لینک و دکمه دانلود

بعد از اضافه شدن بلوک، روی متن لینک کلیک کنید و یک عنوان روشن مثل «دانلود نسخه MP3» یا «دانلود فیلم با کیفیت 720p» بنویسید. این متن باید دقیقاً به کاربر بگه با کلیک روی دکمه چه فایلی می‌گیره.

اگه تنظیم نمایش دکمه دانلود رو در نوار ابزار یا پنل تنظیمات بلوک می‌بینید، اون رو فعال کنید. نام و جای بعضی گزینه‌ها ممکنه با نسخه وردپرس، زبان پیشخوان یا پوسته سایتتون کمی فرق داشته باشه. بعد نوشته رو ذخیره کنید و دکمه رو در نمای اصلی سایت امتحان کنید. اگه فایل هنوز باز یا پخش شد، روش صفت download رو در بخش بعد بررسی کنید.

حل مشکل پخش شدن فیلم به جای دانلود با صفت download

صفت download چیه و چطور کار می‌کنه؟

اگه با بلوک File به نتیجه نرسیدید یا لینک رو خودتون ساختید، می‌تونید از صفت download کمک بگیرید. صفت یا Attribute یک دستور کوتاه داخل تگ HTML هست که اطلاعات بیشتری به مرورگر می‌ده.

طبق توضیحات MDN درباره عنصر لینک، صفت download به مرورگر می‌گه مقصد لینک برای دانلود در نظر گرفته شده. این صفت بیشتر برای آدرس‌های هم‌مبدأ و آدرس‌های blob: یا data: کاربرد داره. هم‌مبدأ یعنی صفحه و فایل از ترکیب یکسان پروتکل، دامنه و پورت استفاده می‌کنن. ولی نتیجه نهایی به هدرهای سرور و تنظیمات مرورگر هم بستگی داره.

اضافه کردن download به لینک HTML

یک لینک معمولی دانلود ممکنه شبیه کد زیر باشه:

<a href="https://example.com/files/video.mp4">دانلود فیلم</a>

برای درخواست دانلود، download رو داخل تگ آغازین لینک قرار بدید:

<a href="https://example.com/files/video.mp4" download>دانلود فیلم</a>

اگه فایل روی همون مبدأ سایتتون باشه و سرور هم مانعی ایجاد نکنه، مرورگر معمولاً دانلود رو شروع می‌کنه. بعد از ذخیره تغییرات، حتماً لینک رو از صفحه اصلی سایت باز کنید؛ پیش‌نمایش ویرایشگر همیشه رفتار نهایی رو دقیق نشون نمی‌ده.

تعیین نام دلخواه برای فایل دانلودی

می‌تونید داخل صفت download یک نام پیشنهادی هم بنویسید. برای نمونه، کد زیر به مرورگر پیشنهاد می‌ده فایل رو با نام training-video.mp4 ذخیره کنه:

<a href="https://example.com/files/video.mp4" download="training-video.mp4">دانلود فیلم</a>

پسوند درست فایل رو نگه دارید. مثلاً نام یک فایل MP4 هم بهتره با .mp4 تموم بشه. مرورگر یا سرور ممکنه نام پیشنهادی رو تغییر بده، پس بعد از دانلود، نام واقعی فایل رو هم بررسی کنید.

چطور کد HTML لینک دانلود رو در وردپرس ویرایش کنیم؟

ویرایش HTML همون بلوک

برای تغییر فقط یک لینک، لازم نیست کل نوشته رو به حالت کد ببرید. بلوک حاوی لینک رو انتخاب کنید، روی منوی سه‌نقطه همون بلوک بزنید و گزینه «ویرایش به‌عنوان HTML» یا Edit as HTML رو انتخاب کنید.

تگ <a> مربوط به لینک رو پیدا کنید و صفت download رو به اون اضافه کنید. به بقیه کدهای بلوک دست نزنید. بعد از پایان کار، از همون منو به نمای دیداری برگردید و اگه وردپرس خطای نامعتبر بودن بلوک نشون داد، تغییرتون رو دوباره بررسی کنید.

استفاده از ویرایشگر کد نوشته

راه دوم، استفاده از ویرایشگر کد کل نوشته‌ست. در ویرایشگر بلوکی وردپرس، منوی سه‌نقطه نوار ابزار بالای صفحه رو باز کنید و از بخش Editor گزینه Code editor رو بزنید. بعد با جست‌وجوی متن دکمه، لینک موردنظرتون رو پیدا کنید.

این بخش کد همه بلوک‌های نوشته رو نشون می‌ده. پس قبل از تغییر، بهتره پیش‌نویس رو ذخیره کنید و فقط همون تگ لینک رو ویرایش کنید. اگه با کدها راحت نیستید، روش ویرایش HTML همون بلوک کم‌خطرتر و ساده‌تره.

چرا صفت download بعضی وقت‌ها کار نمی‌کنه؟

فایل روی دامنه یا CDN دیگه قرار داره

یکی از محدودیت‌های مهم download به مبدأ لینک مربوطه. مبدأ یعنی ترکیب پروتکل، دامنه و پورت آدرس. اگه صفحه روی example.com باشه ولی فایل از files.example-cdn.com بیاد، مرورگر اون‌ها رو دو مبدأ متفاوت در نظر می‌گیره و ممکنه صفت دانلود رو اجرا نکنه.

در این شرایط، فقط تغییر HTML صفحه همیشه کافی نیست. باید تنظیمات همون سروری رو بررسی کنید که فایل رو تحویل می‌ده.

هدر Content-Disposition درست تنظیم نشده

هدر HTTP چند خط اطلاعاته که سرور قبل از خود فایل برای مرورگر می‌فرسته. هدر Content-Disposition می‌تونه مشخص کنه فایل داخل مرورگر نمایش داده بشه یا مثل یک فایل پیوست برای دانلود تحویل داده بشه.

Content-Disposition: attachment; filename="video.mp4"

مقدار attachment از مرورگر می‌خواد فایل رو برای دانلود تحویل بگیره. مقدار filename هم نام پیشنهادی فایل رو مشخص می‌کنه. نحوه تنظیم این هدر به وب‌سرور، هاست دانلود یا سرویس CDN شما بستگی داره.

تنظیمات مرورگر رفتار دانلود رو عوض کرده

مرورگر و انتخاب‌های قبلی کاربر هم روی نتیجه اثر می‌ذارن. ممکنه مرورگر درباره محل ذخیره فایل سؤال بپرسه، فایل رو خودکار داخل پوشه دانلودها بذاره یا یک نوع فایل رو در برنامه دیگه‌ای باز کنه. افزونه‌های مرورگر هم گاهی رفتار لینک رو تغییر می‌دن.

برای جدا کردن مشکل سایت از تنظیمات شخصی مرورگر، لینک رو در یک پنجره ناشناس و یک مرورگر دیگه امتحان کنید. اگه مشکل فقط در یک مرورگر دیده می‌شه، تنظیمات دانلود و افزونه‌های همون مرورگر رو بررسی کنید.

حل مشکل دانلود فایل‌های روی CDN یا دامنه دیگه

تنظیم Content-Disposition روی سرور

برای فایل‌های روی دامنه دیگه، راه مطمئن‌تر اینه که سرور فایل، هدر Content-Disposition: attachment رو بفرسته. این تنظیم باید روی همون سروری انجام بشه که فایل رو تحویل می‌ده، نه فقط روی هاست وردپرس.

اگه به تنظیمات سرور دسترسی دارید، روش درست رو از مستندات وب‌سرور یا سرویس میزبانی خودتون پیدا کنید. کد تنظیم برای Apache، NGINX، لایت‌اسپید و سرویس‌های ذخیره‌سازی یکسان نیست؛ پس یک قطعه کد عمومی رو بدون بررسی روی سرور قرار ندید.

بررسی تنظیمات فضای دانلود یا CDN

پنل سرویس CDN یا فضای دانلودتون رو باز کنید و دنبال تنظیماتی مثل Response Headers، Metadata یا Content-Disposition بگردید. نام دقیق این گزینه به سرویس شما بستگی داره. نوع محتوای فایل یا Content-Type هم باید با پسوند واقعی فایل هماهنگ باشه؛ این مقدار به مرورگر می‌گه با چه نوع فایلی طرفه.

بعد از تغییر هدر، ممکنه نسخه قبلی فایل هنوز داخل کش CDN مونده باشه. کش یعنی نسخه موقتی فایل که برای تحویل سریع‌تر نگهداری می‌شه. کش همون فایل رو پاک کنید و دوباره لینک رو آزمایش کنید.

کمک گرفتن از پشتیبانی هاست برای تنظیم هدر دانلود

اگه به تنظیمات فنی دسترسی ندارید، آدرس دقیق فایل و نتیجه‌ای که می‌خواید رو برای پشتیبانی هاست بفرستید. مثلاً بنویسید: «می‌خوام فایل MP4 با کلیک روی لینک دانلود بشه و سرور اون رو با هدر Content-Disposition: attachment تحویل بده.»

از پشتیبانی بخواید بررسی کنه آیا این هدر برای همه فایل‌ها تنظیم می‌شه یا فقط برای پوشه و پسوند مشخص. تنظیم دانلود اجباری برای همه فایل‌های رسانه‌ای ممکنه پخش آنلاین فایل‌ها در بخش‌های دیگه سایتتون رو هم متوقف کنه.

اگه لینک دانلود داخل قالب سایت ساخته می‌شه، چه کار کنیم؟

پیدا کردن محل تولید لینک در قالب کلاسیک

قبل از دست‌کاری فایل‌های قالب، از سایتتون نسخه پشتیبان بگیرید و بهتره تغییر رو اول روی یک سایت آزمایشی انجام بدید. ویرایشگر فایل قالب در بعضی سایت‌ها از مسیر «نمایش ← ویرایشگر پرونده پوسته» یا Appearance → Theme File Editor دیده می‌شه. اگه قالب بلوکی دارید، ممکنه این گزینه زیر منوی «ابزارها» باشه. مدیر سایت یا تنظیمات امنیتی هم می‌تونن این ویرایشگر رو کاملاً غیرفعال کنن؛ پس نبودن گزینه نشونه خرابی وردپرس نیست.

در قالب کلاسیک، لینک نوشته ممکنه داخل single.php باشه، ولی این موضوع قطعی نیست. قالب می‌تونه لینک رو از یک فایل جدا، تابع PHP، زمینه دلخواه یا افزونه بگیره. برای پیدا کردن محل درست، متن روی دکمه یا نام کلاس HTML اون رو داخل فایل‌های قالب جست‌وجو کنید.

اگه کدی شبیه نمونه زیر پیدا کردید، می‌تونید صفت download رو به تگ لینک اضافه کنید:

<a href="<?php echo esc_url( $file_url ); ?>" download>دانلود فایل</a>

قبل از تغییر مطمئن بشید متغیر $file_url واقعاً آدرس فایل رو می‌سازه. اگه لینک از افزونه یا صفحه‌ساز میاد، بهتره تنظیمات همون ابزار رو بررسی کنید و فایل قالب رو تغییر ندید. اگه با PHP آشنا نیستید، این تغییر رو به پشتیبانی قالب یا یک توسعه‌دهنده بسپارید.

بررسی قالب‌های بلوکی و الگوهای سایت

قالب بلوکی بخش‌های سایت رو با بلوک‌ها و الگوها می‌سازه. اگه دکمه در همه نوشته‌ها دیده می‌شه، از پیشخوان وارد بخش «نمایش» و بعد «ویرایشگر» بشید. سپس الگوی نوشته تکی یا بخشی رو باز کنید که دکمه داخلش قرار گرفته.

خود دکمه یا بلوک لینک رو انتخاب و تنظیماتش رو بررسی کنید. اگه لینک با اطلاعاتی ساخته می‌شه که برای هر نوشته تغییر می‌کنن یا یک افزونه اون رو می‌سازه، شاید ویرایش الگو کافی نباشه و لازم باشه تنظیمات سازنده لینک رو تغییر بدید.

چرا بهتره فایل قالب رو مستقیم ویرایش نکنید؟

تغییر مستقیم فایل‌های قالب اصلی دو خطر مهم داره. یک اشتباه کوچک در PHP می‌تونه بخشی از سایت رو از دسترس خارج کنه. به‌روزرسانی قالب هم ممکنه همه تغییرات مستقیم شما رو پاک کنه.

ویرایشگر فایل قالب هم ممکنه در سایتتون غیرفعال باشه یا با توجه به نوع قالب در محل متفاوتی دیده بشه. پس نبودن این گزینه به معنی خراب بودن وردپرس نیست.

استفاده از چایلد تم و گرفتن نسخه پشتیبان

اگه تغییر کد قالب واقعاً لازمه، تغییر رو داخل چایلد تم انجام بدید. چایلد تم یک قالب فرزند از قالب اصلیه که کمک می‌کنه تغییرات سفارشی شما بعد از به‌روزرسانی قالب اصلی باقی بمونن.

بهتره تغییر رو اول روی یک نسخه آزمایشی سایت امتحان کنید. اگه با PHP یا ساختار قالب آشنا نیستید، این بخش رو به توسعه‌دهنده یا پشتیبانی قالب بسپارید؛ چون برای یک دکمه دانلود ساده نباید پایداری کل سایتتون به خطر بیفته.

روش موقت دانلود با گزینه ذخیره لینک

تا وقتی تنظیم اصلی سایت رو درست می‌کنید، کاربر می‌تونه روی لینک دانلود راست‌کلیک کنه و گزینه‌ای مثل «ذخیره پیوند به‌عنوان» یا Save link as رو بزنه. روی موبایل هم معمولاً با لمس طولانی لینک، گزینه دانلود یا ذخیره لینک دیده می‌شه.

این فقط یک راه موقته. نام گزینه بین مرورگرها و سیستم‌عامل‌ها فرق می‌کنه و بعضی کاربران تازه‌کار هم پیداش نمی‌کنن. بهتره دکمه سایت با یک کلیک رفتار درست رو داشته باشه.

چک‌لیست تست دکمه دانلود

1. لینک رو در یک پنجره ناشناس باز کنید: این کار اثر بعضی افزونه‌ها، ورود قبلی و فایل‌های موقت مرورگر رو کمتر می‌کنه.
2. دانلود رو در چند مرورگر امتحان کنید: اگه مشکل فقط در یک مرورگر دیده می‌شه، تنظیمات همون مرورگر رو بررسی کنید.
3. آدرس دامنه فایل رو بررسی کنید: ببینید فایل روی دامنه سایتتونه یا از CDN و دامنه دیگه‌ای تحویل داده می‌شه.
4. نام و پسوند فایل دانلودشده رو کنترل کنید: مطمئن بشید فایل با نام قابل‌فهم و پسوند درست مثل .mp4 یا .mp3 ذخیره می‌شه.
5. هدر سرور رو بررسی کنید: اگه با ابزارهای فنی آشنا نیستید، آدرس فایل رو برای پشتیبانی هاست بفرستید و از اون‌ها بخواید مقدار Content-Disposition رو بررسی کنن. کاربران آشنا با ابزار توسعه‌دهنده مرورگر هم می‌تونن فایل رو در بخش Network انتخاب کنن و این مقدار رو در قسمت Response Headers ببینن.

اول لینک رو با بلوک File یا صفت download آزمایش کنید. اگه فایل روی CDN یا دامنه دیگه‌ایه و هنوز پخش می‌شه، تنظیم Content-Disposition رو از پشتیبانی سرویس فایل پیگیری کنید. بعد از هر تغییر هم تست واقعی در چند مرورگر رو یادتون نره.

سؤال‌های رایج درباره دانلود نشدن فیلم و فایل صوتی

تیم تولید محتوا

ما در تیم تولید محتوای میهن وردپرس در تلاش هستیم تا بهترین مقالات آموزشی در زمینه وردپرس و کسب‌و‌کارهای اینترنتی را تهیه کنیم. صحت محتوای این صفحه توسط رضا راد بررسی خواهد شد.