Как создать ссылку для скачивания файла без плагина на вордпресс

Как создать ссылку для скачивания на вордпресс Вордпресс

Как сделать ссылку для скачивания файла с сайта на вордпресс. Частенько бывает так, необходимо создать ссылку для загрузки какого-либо файла, например мп3. При этом хочется, чтобы она была прямой ссылкой для скачивания, а не ссылкой на какой-то другой сайт (типа облака или хранилища как яндекс диск).

Как на сайте сделать скачивание файла без плагина

Вдруг вы захотели на какой-нибудь статье поставить ссылку на скачивание, но только из-за одной статьи не хочется установить целый плагин.

Да и плагин не нужен. Можно самому сделать разные варианты ссылок для скачивания файла.

Сделать это можно при помощи ссылки на файл в режиме редактирования кода. Для этого применяются специальные HTML теги.

Ниже пойдёт речь о том как сделать ссылку для скачивания файла.

HTML атрибут download
Для того, чтобы передать какой либо файл для скачивания пользователю, в HTML ссылки нужно прописать атрибут download.

Структура ссылки для скачивания в html строится следующим образом.

Внимание! Скобки убираем в начале и в конце кода, вот эти (<)(>), оставляем только знаки которые внутри < >

(<)a href=»#» download=»»>текст ссылки</a(>)
текст ссылки
Вместо знака решётки # указываем ссылку на файл который нужно скачать, ссылку берем в разделе медиафайлы.

В атрибуте download ничего указывать не нужно. Браузер сам обнаружит что файл нужно скачивать, а не открывать.

А это вариант со всплывающей подсказкой (не забудьте убрать скобки):
(<)a title=»?» href=»#» download=»»>текст ссылки</a(>)
текст ссылки
В кавычках атрибута title прописываем текст всплывающей подсказки, там где вопросительный знак.

Редактируем все это в режиме HTML , выбираем «текст», а не «визуально».

Как создать ссылку для скачивания файла без плагина на вордпресс

Текстовая ссылка
Код:

скачать файл
Результат: скачать файл

Скачать через кнопку
Код:

Как создать ссылку для скачивания файла без плагина на вордпресс
Появится вот такая кнопка:

Оцените статью
UNUR.RU
Добавить комментарий