БЛОГ 2410

Как загрузить HTML-страницу в WordPress без ошибок 404

Как загрузить HTML-страницу в WordPress без ошибок 404
Обсудим ваш проект?

Предлагаем обсудить, чем мы можем вам помочь. Забронируйте 15-минутную консультацию.

Поделиться статьей

Вы хотите загрузить HTML-страницу на свой сайт WordPress? Иногда вам может потребоваться добавить статическую HTML-страницу и сделать ее доступной вместе с вашим сайтом WordPress. В этой статье мы покажем вам, как правильно загрузить HTML-страницу на свой сайт WordPress, не вызывая ошибок 404.

Как загрузить HTML-страницу на сайт WordPress
Как загрузить HTML-страницу на сайт WordPress Изображение с сайта wpbeginner.com

Зачем загружать HTML-страницы в WordPress?

WordPress поставляется со встроенным типом контента для добавления страниц на ваш сайт. Часто темы WordPress добавляют заранее разработанные шаблоны страниц для отображения ваших страниц.

Существуют даже плагины для целевой страницы WordPress, которые позволяют создавать красивые шаблоны страниц с помощью конструктора перетаскивания.

Это означает, что в большинстве случаев вам не нужно загружать HTML-страницу на свой сайт WordPress.

Однако иногда у пользователя могут быть статические HTML-страницы со своего старого веб-сайта или статический шаблон, который ему действительно нравится и который он хочет использовать. В этих сценариях вам нужно будет загрузить свою HTML-страницу в WordPress.

Поскольку WordPress имеет собственную структуру URL-адресов, оптимизированную для SEO, это может вызвать ошибку 404, если вы просто загрузите свою HTML-страницу и попытаетесь получить к ней доступ.

При этом давайте посмотрим, как загрузить HTML-страницу на ваш сайт WordPress, не вызывая ошибки 404.

Загрузка HTML-страницы на сайт WordPress

Прежде чем загружать HTML-страницу на сайт WordPress, необходимо убедиться, что файл index.html переименован в index.php.

HTML-файл шаблона
HTML-файл шаблона Изображение с сайта wpbeginner.com

После этого вам нужно добавить все файлы, включая HTML-страницу, CSS и другие папки, в Zip-архив.

Пользователи Windows могут щелкнуть правой кнопкой мыши и выбрать опцию «Отправить в» сжатую zip-папку, чтобы создать zip-файл. Затем просто перетащите все файлы и папки для своей HTML-страницы в zip-файл.

HTML-страница ZIP-архива
HTML-страница ZIP-архива Изображение с сайта wpbeginner.com

Пользователи Mac могут выбрать родительскую папку, содержащую все файлы и папки, а затем щелкнуть правой кнопкой мыши, чтобы выбрать опцию «Сжать папку».

Создать zip-файл на Mac
Создать zip-файл на Mac Изображение с сайта wpbeginner.com

Затем вам нужно перейти в cPanel вашей учетной записи хостинга WordPress. В cPanel вам нужно прокрутить вниз до раздела «Файлы» и затем щелкнуть приложение «Диспетчер файлов».

Открыть файловый менеджер
Открыть файловый менеджер Изображение с сайта wpbeginner.com

Когда вы находитесь в диспетчере файлов, вам необходимо перейти в корневую папку веб-сайта, которая обычно называется public_html и содержит все папки с вашими файлами WordPress. Оттуда вам нужно щелкнуть ссылку «Папка» в верхнем меню, чтобы создать новую пустую папку.

Создать новую папку
Создать новую папку Изображение с сайта wpbeginner.com

Откроется всплывающее окно, в котором вам нужно добавить имя для новой папки. Используйте имя, которое вы хотите использовать в качестве URL-адреса вашей HTML-страницы, а затем нажмите кнопку «Создать новую папку».

Создать новую папку в cPanel
Создать новую папку в cPanel Изображение с сайта wpbeginner.com

После успешного создания папки вам необходимо открыть ее и нажать кнопку «Загрузить» в верхнем меню, чтобы выбрать и загрузить ранее созданный zip-файл со своего компьютера. Вы увидите индикатор выполнения, пока zip-файл загружается на ваш сайт.

Загрузить заархивированный файл шаблона
Загрузить заархивированный файл шаблона Изображение с сайта wpbeginner.com

После загрузки вам нужно выбрать zip-файл и затем нажать кнопку «Извлечь» в верхнем меню.

Извлечь файлы
Извлечь файлы Изображение с сайта wpbeginner.com

Вас спросят, где извлечь файлы. Просто выберите ту же новую папку, которую вы создали, и нажмите кнопку «Извлечь файлы».

Извлечь файлы в новую папку
Извлечь файлы в новую папку Изображение с сайта wpbeginner.com

Диспетчер файлов теперь извлечет zip-файл, и вы сможете увидеть файлы в своей папке.

Примечание. Теперь вы можете удалить zip-файл отсюда. Это не влияет на вашу HTML-страницу или другие извлекаемые папки.

Извлеченная папка
Извлеченная папка Изображение с сайта wpbeginner.com

Теперь вы можете посетить эту страницу в браузере, используя имя папки (например, yourwebsite.com/example). Если ваш сервер не поддерживает перенаправление, вы можете увидеть ошибку 404. Это происходит потому, что ваш файл index.php не перенаправляется при загрузке URL в браузере.

Это одна из распространенных ошибок WordPress, которую легко исправить.

Используя приложение File Manager, вам необходимо отредактировать файл .htaccess в корневой папке вашего сайта и добавить следующий код:

RewriteRule ^(.*)index\.(php|html?)$ /$1 [R=301,NC,L]

Этот код перенаправит ваш файл index.php и загрузит его в браузер. Если вы используете имя файла или папки с учетом регистра, то приведенный выше код также перенаправит его, чтобы показать вам содержимое.

Мы надеемся, что эта статья помогла вам узнать, как загрузить HTML-страницу на свой сайт WordPress без ошибки 404. Вы можете посмотреть наше сравнение WordPress и статического HTML, чтобы узнать, какой из них лучше для вашего бизнеса. Также для создания целевых страниц мы рекомендуем взглянуть на лучшие плагины для создания перетаскиваемых страниц WordPress.

Свяжитесь с нами.

Узнайте, чем мы можем быть для вас полезны.

Контакты
Как загрузить HTML-страницу в WordPress без ошибок 404 | Блог 2410

Агентство веб разработки.

Услуги программирования и веб разработки по фиксированной цене. Специализация: WordPress, разработка B2B решений и создание кастомных скриптов.

WordPress

Разработка шаблонов, плагинов, интернет магазинов на WooCommerce, создание сайтов

Подробнее

B2B решения

CRM, ERP, внутренние системы, автоматизация, калькуляторы, SaaS и индивидуальные решения

Подробнее

Программирование

Разработка кастомных скриптов, API, интеграции, Zapier, Integromat, автоматизация

Подробнее

Подписка

Безлимитные услуги графического дизайна и веб разработки по фиксированной цене

Подробнее